@patternfly/patternfly 6.0.0-alpha.164 → 6.0.0-alpha.166

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 (89) hide show
  1. package/components/Button/button.css +33 -14
  2. package/components/Button/button.scss +36 -14
  3. package/components/Panel/panel.css +17 -14
  4. package/components/Panel/panel.scss +17 -14
  5. package/components/_index.css +50 -28
  6. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  7. package/docs/components/ActionList/examples/ActionList.md +60 -20
  8. package/docs/components/Alert/examples/Alert.md +106 -62
  9. package/docs/components/BackToTop/examples/BackToTop.md +5 -3
  10. package/docs/components/Banner/examples/Banner.md +9 -3
  11. package/docs/components/Button/examples/Button.md +536 -367
  12. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  13. package/docs/components/Card/examples/Card.md +43 -29
  14. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +75 -33
  15. package/docs/components/CodeBlock/examples/CodeBlock.md +18 -6
  16. package/docs/components/CodeEditor/examples/CodeEditor.md +44 -22
  17. package/docs/components/ContextSelector/deprecated/context-selector.md +6 -8
  18. package/docs/components/DataList/examples/DataList.md +121 -63
  19. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  20. package/docs/components/DescriptionList/examples/DescriptionList.md +125 -75
  21. package/docs/components/Drawer/examples/Drawer.md +57 -19
  22. package/docs/components/DualListSelector/examples/DualListSelector.md +204 -100
  23. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  24. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  25. package/docs/components/Form/examples/Form.md +53 -19
  26. package/docs/components/Hint/examples/Hint.md +9 -9
  27. package/docs/components/InlineEdit/examples/InlineEdit.md +78 -26
  28. package/docs/components/InputGroup/examples/InputGroup.md +27 -9
  29. package/docs/components/JumpLinks/examples/JumpLinks.md +188 -68
  30. package/docs/components/Label/examples/Label.md +651 -217
  31. package/docs/components/LogViewer/examples/LogViewer.md +218 -86
  32. package/docs/components/Login/examples/Login.md +346 -282
  33. package/docs/components/Masthead/examples/masthead.md +27 -9
  34. package/docs/components/Menu/examples/Menu.md +35 -25
  35. package/docs/components/MenuToggle/examples/MenuToggle.md +3 -1
  36. package/docs/components/ModalBox/examples/ModalBox.md +48 -16
  37. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +48 -16
  38. package/docs/components/Nav/examples/Navigation.md +12 -4
  39. package/docs/components/NotificationBadge/examples/NotificationBadge.md +78 -42
  40. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +6 -2
  41. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  42. package/docs/components/OverflowMenu/examples/overflow-menu.md +48 -16
  43. package/docs/components/Page/examples/Page.md +21 -7
  44. package/docs/components/Pagination/examples/Pagination.md +132 -44
  45. package/docs/components/Panel/examples/Panel.md +1 -0
  46. package/docs/components/Popover/examples/Popover.md +45 -15
  47. package/docs/components/Select/deprecated/Select.md +111 -55
  48. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -1
  49. package/docs/components/Slider/examples/Slider.md +12 -4
  50. package/docs/components/Table/examples/Table.md +363 -208
  51. package/docs/components/Tabs/examples/Tabs.md +1230 -574
  52. package/docs/components/TextInputGroup/examples/TextInputGroup.md +132 -44
  53. package/docs/components/Toolbar/examples/Toolbar.md +120 -64
  54. package/docs/components/TreeView/examples/TreeView.md +12 -4
  55. package/docs/components/Wizard/examples/Wizard.md +105 -38
  56. package/docs/demos/AboutModal/examples/AboutModal.md +9 -3
  57. package/docs/demos/Alert/examples/Alert.md +39 -25
  58. package/docs/demos/BackToTop/examples/BackToTop.md +11 -5
  59. package/docs/demos/Banner/examples/Banner.md +12 -4
  60. package/docs/demos/Button/examples/Button.md +7 -7
  61. package/docs/demos/Card/examples/Card.md +106 -57
  62. package/docs/demos/CardView/examples/CardView.md +30 -13
  63. package/docs/demos/ContextSelector/examples/ContextSelector.md +24 -8
  64. package/docs/demos/Dashboard/examples/Dashboard.md +43 -28
  65. package/docs/demos/DataList/examples/DataList.md +255 -149
  66. package/docs/demos/DescriptionList/examples/DescriptionList.md +21 -7
  67. package/docs/demos/Drawer/examples/Drawer.md +89 -43
  68. package/docs/demos/Form/examples/BasicForms.md +141 -59
  69. package/docs/demos/JumpLinks/examples/JumpLinks.md +222 -109
  70. package/docs/demos/Masthead/examples/Masthead.md +63 -21
  71. package/docs/demos/Modal/examples/Modal.md +99 -37
  72. package/docs/demos/Nav/examples/Nav.md +45 -15
  73. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +58 -43
  74. package/docs/demos/Page/examples/Page.md +54 -21
  75. package/docs/demos/Page/examples/Penta.md +9 -6
  76. package/docs/demos/Panel/Panel.md +88 -0
  77. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  78. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +12 -4
  79. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +306 -133
  80. package/docs/demos/Skeleton/examples/Skeleton.md +6 -2
  81. package/docs/demos/Table/examples/Table.md +474 -210
  82. package/docs/demos/Tabs/examples/Tabs.md +60 -22
  83. package/docs/demos/Toolbar/examples/Toolbar.md +123 -72
  84. package/docs/demos/Wizard/examples/Wizard.md +179 -110
  85. package/package.json +1 -1
  86. package/patternfly-no-globals.css +50 -28
  87. package/patternfly.css +50 -28
  88. package/patternfly.min.css +1 -1
  89. package/patternfly.min.css.map +1 -1
package/docs/demos/Panel/Panel.md ADDED
@@ -0,0 +1,88 @@
1
+ ---
2
+ id: Panel
3
+ section: components
4
+ ---## Demos
5
+
6
+ ### With a menu
7
+
8
+ ```html
9
+ <div class="pf-v6-c-panel pf-m-raised">
10
+ <div class="pf-v6-c-panel__header">Header content</div>
11
+ <hr class="pf-v6-c-divider" />
12
+ <div class="pf-v6-c-panel__main">
13
+ <div class="pf-v6-c-panel__menu">
14
+ <div class="pf-v6-c-menu pf-m-plain">
15
+ <div class="pf-v6-c-menu__content">
16
+ <ul class="pf-v6-c-menu__list" role="menu">
17
+ <li class="pf-v6-c-menu__list-item" role="none">
18
+ <button class="pf-v6-c-menu__item" type="button" role="menuitem">
19
+ <span class="pf-v6-c-menu__item-main">
20
+ <span class="pf-v6-c-menu__item-text">Action</span>
21
+ </span>
22
+ </button>
23
+ </li>
24
+ <li class="pf-v6-c-menu__list-item" role="none">
25
+ <a class="pf-v6-c-menu__item" href="#" role="menuitem">
26
+ <span class="pf-v6-c-menu__item-main">
27
+ <span class="pf-v6-c-menu__item-text">Link</span>
28
+ </span>
29
+ </a>
30
+ </li>
31
+ <li class="pf-v6-c-menu__list-item pf-m-disabled" role="none">
32
+ <button
33
+ class="pf-v6-c-menu__item"
34
+ type="button"
35
+ disabled
36
+ role="menuitem"
37
+ >
38
+ <span class="pf-v6-c-menu__item-main">
39
+ <span class="pf-v6-c-menu__item-text">Disabled action</span>
40
+ </span>
41
+ </button>
42
+ </li>
43
+ <li class="pf-v6-c-menu__list-item pf-m-disabled" role="none">
44
+ <a
45
+ class="pf-v6-c-menu__item"
46
+ href="#"
47
+ aria-disabled="true"
48
+ tabindex="-1"
49
+ role="menuitem"
50
+ >
51
+ <span class="pf-v6-c-menu__item-main">
52
+ <span class="pf-v6-c-menu__item-text">Disabled link</span>
53
+ </span>
54
+ </a>
55
+ </li>
56
+ <li class="pf-v6-c-menu__list-item pf-m-aria-disabled" role="none">
57
+ <button
58
+ class="pf-v6-c-menu__item"
59
+ type="button"
60
+ aria-disabled="true"
61
+ role="menuitem"
62
+ >
63
+ <span class="pf-v6-c-menu__item-main">
64
+ <span class="pf-v6-c-menu__item-text">Aria-disabled action</span>
65
+ </span>
66
+ </button>
67
+ </li>
68
+ <li class="pf-v6-c-menu__list-item pf-m-aria-disabled" role="none">
69
+ <a
70
+ class="pf-v6-c-menu__item"
71
+ href="#"
72
+ aria-disabled="true"
73
+ role="menuitem"
74
+ >
75
+ <span class="pf-v6-c-menu__item-main">
76
+ <span class="pf-v6-c-menu__item-text">Aria-disabled link</span>
77
+ </span>
78
+ </a>
79
+ </li>
80
+ </ul>
81
+ </div>
82
+ </div>
83
+ </div>
84
+ </div>
85
+ <div class="pf-v6-c-panel__footer">Footer content</div>
86
+ </div>
87
+
88
+ ```
package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md CHANGED
@@ -22,7 +22,9 @@ section: components
22
22
  aria-label="More information for password field"
23
23
  aria-describedby="password-generator-demo--initial-password"
24
24
  >
25
- <i class="fas fa-question-circle" aria-hidden="true"></i>
25
+ <span class="pf-v6-c-button__text">
26
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
27
+ </span>
26
28
  </span></span>
27
29
  </div>
28
30
  <div class="pf-v6-c-form__group-label-info"></div>
@@ -48,7 +50,9 @@ section: components
48
50
  type="button"
49
51
  aria-label="Show password"
50
52
  >
51
- <i class="fas fa-eye" aria-hidden="true"></i>
53
+ <span class="pf-v6-c-button__text">
54
+ <i class="fas fa-eye" aria-hidden="true"></i>
55
+ </span>
52
56
  </button>
53
57
  </div>
54
58
  </div>
@@ -70,7 +74,9 @@ section: components
70
74
  role="menuitem"
71
75
  aria-label="Generate a new suggested password"
72
76
  >
73
- <i class="fas fa-fw fa-redo" aria-hidden="true"></i>
77
+ <span class="pf-v6-c-button__text">
78
+ <i class="fas fa-fw fa-redo" aria-hidden="true"></i>
79
+ </span>
74
80
  </button>
75
81
  </div>
76
82
  </li>
package/docs/demos/PasswordStrength/examples/PasswordStrength.md CHANGED
@@ -38,7 +38,9 @@ section: components
38
38
  type="button"
39
39
  aria-label="Show password"
40
40
  >
41
- <i class="fas fa-eye-slash" aria-hidden="true"></i>
41
+ <span class="pf-v6-c-button__text">
42
+ <i class="fas fa-eye-slash" aria-hidden="true"></i>
43
+ </span>
42
44
  </button>
43
45
  </div>
44
46
  </div>
@@ -117,7 +119,9 @@ section: components
117
119
  type="button"
118
120
  aria-label="Show password"
119
121
  >
120
- <i class="fas fa-eye-slash" aria-hidden="true"></i>
122
+ <span class="pf-v6-c-button__text">
123
+ <i class="fas fa-eye-slash" aria-hidden="true"></i>
124
+ </span>
121
125
  </button>
122
126
  </div>
123
127
  </div>
@@ -199,7 +203,9 @@ section: components
199
203
  type="button"
200
204
  aria-label="Show password"
201
205
  >
202
- <i class="fas fa-eye-slash" aria-hidden="true"></i>
206
+ <span class="pf-v6-c-button__text">
207
+ <i class="fas fa-eye-slash" aria-hidden="true"></i>
208
+ </span>
203
209
  </button>
204
210
  </div>
205
211
  </div>
@@ -281,7 +287,9 @@ section: components
281
287
  type="button"
282
288
  aria-label="Show password"
283
289
  >
284
- <i class="fas fa-eye-slash" aria-hidden="true"></i>
290
+ <span class="pf-v6-c-button__text">
291
+ <i class="fas fa-eye-slash" aria-hidden="true"></i>
292
+ </span>
285
293
  </button>
286
294
  </div>
287
295
  </div>