@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/FormControl/examples/FormControl.md CHANGED
@@ -343,7 +343,7 @@ cssPrefix: pf-v6-c-form-control
343
343
  ### Textarea
344
344
 
345
345
  ```html
346
- <span class="pf-v6-c-form-control">
346
+ <span class="pf-v6-c-form-control pf-m-textarea">
347
347
  <textarea
348
348
  name="textarea-standard"
349
349
  id="textarea-standard"
@@ -352,7 +352,7 @@ cssPrefix: pf-v6-c-form-control
352
352
  </textarea>
353
353
  </span>
354
354
  <br />
355
- <span class="pf-v6-c-form-control pf-m-readonly">
355
+ <span class="pf-v6-c-form-control pf-m-readonly pf-m-textarea">
356
356
  <textarea
357
357
  readonly
358
358
  name="textarea-readonly"
@@ -362,7 +362,7 @@ cssPrefix: pf-v6-c-form-control
362
362
  </textarea>
363
363
  </span>
364
364
  <br />
365
- <span class="pf-v6-c-form-control pf-m-readonly pf-m-plain">
365
+ <span class="pf-v6-c-form-control pf-m-readonly pf-m-plain pf-m-textarea">
366
366
  <textarea
367
367
  readonly
368
368
  name="textarea-readonly-plain"
@@ -372,7 +372,7 @@ cssPrefix: pf-v6-c-form-control
372
372
  </textarea>
373
373
  </span>
374
374
  <br />
375
- <span class="pf-v6-c-form-control pf-m-disabled">
375
+ <span class="pf-v6-c-form-control pf-m-disabled pf-m-textarea">
376
376
  <textarea
377
377
  disabled
378
378
  name="textarea-disabled"
@@ -382,7 +382,7 @@ cssPrefix: pf-v6-c-form-control
382
382
  </textarea>
383
383
  </span>
384
384
  <br />
385
- <span class="pf-v6-c-form-control pf-m-success">
385
+ <span class="pf-v6-c-form-control pf-m-success pf-m-textarea">
386
386
  <textarea
387
387
  name="textarea-success"
388
388
  id="textarea-success"
@@ -396,7 +396,7 @@ cssPrefix: pf-v6-c-form-control
396
396
  </span>
397
397
  </span>
398
398
  <br />
399
- <span class="pf-v6-c-form-control pf-m-warning">
399
+ <span class="pf-v6-c-form-control pf-m-warning pf-m-textarea">
400
400
  <textarea
401
401
  name="textarea-warning"
402
402
  id="textarea-warning"
@@ -410,7 +410,7 @@ cssPrefix: pf-v6-c-form-control
410
410
  </span>
411
411
  </span>
412
412
  <br />
413
- <span class="pf-v6-c-form-control pf-m-error">
413
+ <span class="pf-v6-c-form-control pf-m-error pf-m-textarea">
414
414
  <textarea
415
415
  required
416
416
  name="textarea-error"
@@ -426,7 +426,7 @@ cssPrefix: pf-v6-c-form-control
426
426
  </span>
427
427
  </span>
428
428
  <br />
429
- <span class="pf-v6-c-form-control pf-m-resize-vertical">
429
+ <span class="pf-v6-c-form-control pf-m-textarea pf-m-resize-vertical">
430
430
  <textarea
431
431
  name="textarea-resize-vertical"
432
432
  id="textarea-resize-vertical"
@@ -435,7 +435,7 @@ cssPrefix: pf-v6-c-form-control
435
435
  </textarea>
436
436
  </span>
437
437
  <br />
438
- <span class="pf-v6-c-form-control pf-m-resize-horizontal">
438
+ <span class="pf-v6-c-form-control pf-m-textarea pf-m-resize-horizontal">
439
439
  <textarea
440
440
  name="textarea-resize-horizontal"
441
441
  id="textarea-resize-horizontal"
@@ -444,7 +444,7 @@ cssPrefix: pf-v6-c-form-control
444
444
  </textarea>
445
445
  </span>
446
446
  <br />
447
- <span class="pf-v6-c-form-control pf-m-resize-both">
447
+ <span class="pf-v6-c-form-control pf-m-textarea pf-m-resize-both">
448
448
  <textarea
449
449
  name="textarea-resize-both"
450
450
  id="textarea-resize-both"
package/docs/components/InputGroup/examples/InputGroup.md CHANGED
@@ -22,7 +22,7 @@ Use the input group to extend form controls by adding text, buttons, selects, et
22
22
  </button>
23
23
  </div>
24
24
  <div class="pf-v6-c-input-group__item pf-m-fill">
25
- <span class="pf-v6-c-form-control pf-m-resize-both">
25
+ <span class="pf-v6-c-form-control pf-m-textarea pf-m-resize-both">
26
26
  <textarea
27
27
  name="textarea1"
28
28
  id="textarea1"
@@ -40,7 +40,7 @@ Use the input group to extend form controls by adding text, buttons, selects, et
40
40
  <br />
41
41
  <div class="pf-v6-c-input-group">
42
42
  <div class="pf-v6-c-input-group__item pf-m-fill">
43
- <span class="pf-v6-c-form-control pf-m-resize-both">
43
+ <span class="pf-v6-c-form-control pf-m-textarea pf-m-resize-both">
44
44
  <textarea
45
45
  name="textarea2"
46
46
  id="textarea2"
@@ -76,7 +76,7 @@ Use the input group to extend form controls by adding text, buttons, selects, et
76
76
  </button>
77
77
  </div>
78
78
  <div class="pf-v6-c-input-group__item pf-m-fill">
79
- <span class="pf-v6-c-form-control pf-m-resize-both">
79
+ <span class="pf-v6-c-form-control pf-m-textarea pf-m-resize-both">
80
80
  <textarea
81
81
  name="textarea3"
82
82
  id="textarea3"
@@ -103,7 +103,7 @@ Use the input group to extend form controls by adding text, buttons, selects, et
103
103
  <span class="pf-v6-c-menu-toggle__text">Select</span>
104
104
  <span class="pf-v6-c-menu-toggle__controls">
105
105
  <span class="pf-v6-c-menu-toggle__toggle-icon">
106
- <i class="fas fa-caret-down" aria-hidden="true"></i>
106
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
107
107
  </span>
108
108
  </span>
109
109
  </button>
package/docs/components/Login/examples/Login.md CHANGED
@@ -17,7 +17,7 @@ wrapperTag: div
17
17
  <header class="pf-v6-c-login__header">
18
18
  <img
19
19
  class="pf-v6-c-brand"
20
- src="/assets/images/pf_logo_color.svg"
20
+ src="/assets/images/PF-IconLogo.svg"
21
21
  alt="PatternFly Logo"
22
22
  style="--pf-v6-c-brand--Height:48px;"
23
23
  />
@@ -250,7 +250,7 @@ wrapperTag: div
250
250
  <header class="pf-v6-c-login__header">
251
251
  <img
252
252
  class="pf-v6-c-brand"
253
- src="/assets/images/pf_logo_color.svg"
253
+ src="/assets/images/PF-IconLogo.svg"
254
254
  alt="PatternFly Logo"
255
255
  style="--pf-v6-c-brand--Height:48px;"
256
256
  />
@@ -500,7 +500,7 @@ wrapperTag: div
500
500
  <header class="pf-v6-c-login__header">
501
501
  <img
502
502
  class="pf-v6-c-brand"
503
- src="/assets/images/pf_logo_color.svg"
503
+ src="/assets/images/PF-IconLogo.svg"
504
504
  alt="PatternFly Logo"
505
505
  style="--pf-v6-c-brand--Height:48px;"
506
506
  />
@@ -745,7 +745,7 @@ wrapperTag: div
745
745
  <header class="pf-v6-c-login__header">
746
746
  <img
747
747
  class="pf-v6-c-brand"
748
- src="/assets/images/pf_logo_color.svg"
748
+ src="/assets/images/PF-IconLogo.svg"
749
749
  alt="PatternFly Logo"
750
750
  style="--pf-v6-c-brand--Height:48px;"
751
751
  />
@@ -997,7 +997,7 @@ wrapperTag: div
997
997
  <header class="pf-v6-c-login__header">
998
998
  <img
999
999
  class="pf-v6-c-brand"
1000
- src="/assets/images/pf_logo_color.svg"
1000
+ src="/assets/images/PF-IconLogo.svg"
1001
1001
  alt="PatternFly Logo"
1002
1002
  style="--pf-v6-c-brand--Height:48px;"
1003
1003
  />
@@ -1018,7 +1018,7 @@ wrapperTag: div
1018
1018
  <span class="pf-v6-c-menu-toggle__text">English</span>
1019
1019
  <span class="pf-v6-c-menu-toggle__controls">
1020
1020
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1021
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1021
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1022
1022
  </span>
1023
1023
  </span>
1024
1024
  </button>