@patternfly/patternfly 6.0.0-alpha.174 → 6.0.0-alpha.176

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 (96) hide show
  1. package/components/Button/button.css +5 -1
  2. package/components/Button/button.scss +5 -1
  3. package/components/Card/card.css +2 -2
  4. package/components/Card/card.scss +1 -1
  5. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  6. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  7. package/components/JumpLinks/jump-links.css +0 -7
  8. package/components/JumpLinks/jump-links.scss +0 -9
  9. package/components/Label/label.css +2 -2
  10. package/components/Label/label.scss +2 -2
  11. package/components/NumberInput/number-input.css +0 -1
  12. package/components/NumberInput/number-input.scss +0 -1
  13. package/components/Tabs/tabs.css +1 -18
  14. package/components/Tabs/tabs.scss +1 -18
  15. package/components/_index.css +12 -210
  16. package/components/_index.scss +0 -1
  17. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  18. package/docs/components/ActionList/examples/ActionList.md +7 -7
  19. package/docs/components/Alert/examples/Alert.md +44 -46
  20. package/docs/components/BackToTop/examples/BackToTop.md +3 -5
  21. package/docs/components/Banner/examples/Banner.md +1 -1
  22. package/docs/components/Button/examples/Button.md +35 -35
  23. package/docs/components/CalendarMonth/examples/CalendarMonth.md +8 -8
  24. package/docs/components/Card/examples/Card.md +36 -20
  25. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +32 -29
  26. package/docs/components/CodeBlock/examples/CodeBlock.md +6 -6
  27. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -21
  28. package/docs/components/DataList/examples/DataList.md +17 -17
  29. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  30. package/docs/components/DescriptionList/examples/DescriptionList.md +100 -150
  31. package/docs/components/Drawer/examples/Drawer.md +19 -19
  32. package/docs/components/DualListSelector/examples/DualListSelector.md +84 -84
  33. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  34. package/docs/components/Form/examples/Form.md +18 -19
  35. package/docs/components/Hint/examples/Hint.md +2 -2
  36. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  37. package/docs/components/InputGroup/examples/InputGroup.md +2 -2
  38. package/docs/components/JumpLinks/examples/JumpLinks.md +8 -8
  39. package/docs/components/Label/examples/Label.md +217 -217
  40. package/docs/components/Login/examples/Login.md +37 -32
  41. package/docs/components/Masthead/examples/masthead.md +6 -6
  42. package/docs/components/Menu/examples/Menu.md +10 -10
  43. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  44. package/docs/components/ModalBox/examples/ModalBox.md +17 -17
  45. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
  46. package/docs/components/Nav/examples/Navigation.md +4 -4
  47. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +2 -2
  48. package/docs/components/NumberInput/examples/NumberInput.md +24 -24
  49. package/docs/components/OverflowMenu/examples/overflow-menu.md +6 -6
  50. package/docs/components/Page/examples/Page.md +7 -7
  51. package/docs/components/Pagination/examples/Pagination.md +53 -44
  52. package/docs/components/Popover/examples/Popover.md +30 -15
  53. package/docs/components/Slider/examples/Slider.md +8 -8
  54. package/docs/components/Table/examples/Table.md +433 -203
  55. package/docs/components/Tabs/examples/Tabs.md +364 -358
  56. package/docs/components/TextInputGroup/examples/TextInputGroup.md +364 -404
  57. package/docs/components/Toolbar/examples/Toolbar.md +59 -59
  58. package/docs/components/TreeView/examples/TreeView.md +4 -4
  59. package/docs/components/Wizard/examples/Wizard.md +10 -10
  60. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  61. package/docs/demos/Alert/examples/Alert.md +6 -6
  62. package/docs/demos/BackToTop/examples/BackToTop.md +4 -6
  63. package/docs/demos/Banner/examples/Banner.md +2 -2
  64. package/docs/demos/Button/examples/Button.md +1 -1
  65. package/docs/demos/Card/examples/Card.md +54 -79
  66. package/docs/demos/CardView/examples/CardView.md +8 -7
  67. package/docs/demos/Dashboard/examples/Dashboard.md +25 -37
  68. package/docs/demos/DataList/examples/DataList.md +38 -34
  69. package/docs/demos/DescriptionList/examples/DescriptionList.md +4 -4
  70. package/docs/demos/Drawer/examples/Drawer.md +8 -8
  71. package/docs/demos/Form/examples/BasicForms.md +69 -86
  72. package/docs/demos/JumpLinks/examples/JumpLinks.md +14 -20
  73. package/docs/demos/Masthead/examples/Masthead.md +13 -13
  74. package/docs/demos/Modal/examples/Modal.md +15 -15
  75. package/docs/demos/Nav/examples/Nav.md +9 -9
  76. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  77. package/docs/demos/Page/examples/Page.md +9 -9
  78. package/docs/demos/Page/examples/Penta.md +2 -2
  79. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +3 -3
  80. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  81. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +35 -35
  82. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  83. package/docs/demos/Table/examples/Table.md +132 -115
  84. package/docs/demos/Tabs/examples/Tabs.md +11 -11
  85. package/docs/demos/Toolbar/examples/Toolbar.md +37 -36
  86. package/docs/demos/Wizard/examples/Wizard.md +22 -23
  87. package/package.json +1 -1
  88. package/patternfly-no-globals.css +12 -210
  89. package/patternfly.css +12 -210
  90. package/patternfly.min.css +1 -1
  91. package/patternfly.min.css.map +1 -1
  92. package/sass-utilities/namespaces-components.scss +0 -3
  93. package/components/LogViewer/log-viewer.css +0 -176
  94. package/components/LogViewer/log-viewer.scss +0 -219
  95. package/docs/components/LogViewer/examples/LogViewer.css +0 -24
  96. package/docs/components/LogViewer/examples/LogViewer.md +0 -3070
package/docs/components/Login/examples/Login.md CHANGED
@@ -91,7 +91,7 @@ wrapperTag: div
91
91
  </div>
92
92
  <div class="pf-v6-c-form__group pf-m-action">
93
93
  <button
94
- class="pf-v6-c-button pf-m-primary pf-m-block"
94
+ class="pf-v6-c-button pf-m-block pf-m-primary"
95
95
  type="submit"
96
96
  >
97
97
  <span class="pf-v6-c-button__text">Log in</span>
@@ -99,6 +99,7 @@ wrapperTag: div
99
99
  </div>
100
100
  </form>
101
101
  </div>
102
+
102
103
  <footer class="pf-v6-c-login__main-footer">
103
104
  <ul class="pf-v6-c-login__main-footer-links" role="list">
104
105
  <li class="pf-v6-c-login__main-footer-links-item">
@@ -107,7 +108,7 @@ wrapperTag: div
107
108
  type="button"
108
109
  aria-label="Log in with Google"
109
110
  >
110
- <span class="pf-v6-c-button__text">
111
+ <span class="pf-v6-c-button__icon">
111
112
  <svg
112
113
  aria-hidden="true"
113
114
  xmlns="http://www.w3.org/2000/svg"
@@ -128,7 +129,7 @@ wrapperTag: div
128
129
  type="button"
129
130
  aria-label="Log in with Github"
130
131
  >
131
- <span class="pf-v6-c-button__text">
132
+ <span class="pf-v6-c-button__icon">
132
133
  <svg
133
134
  aria-hidden="true"
134
135
  xmlns="http://www.w3.org/2000/svg"
@@ -149,7 +150,7 @@ wrapperTag: div
149
150
  type="button"
150
151
  aria-label="Log in with Dropbox"
151
152
  >
152
- <span class="pf-v6-c-button__text">
153
+ <span class="pf-v6-c-button__icon">
153
154
  <svg
154
155
  aria-hidden="true"
155
156
  xmlns="http://www.w3.org/2000/svg"
@@ -170,7 +171,7 @@ wrapperTag: div
170
171
  type="button"
171
172
  aria-label="Log in with Facebook"
172
173
  >
173
- <span class="pf-v6-c-button__text">
174
+ <span class="pf-v6-c-button__icon">
174
175
  <svg
175
176
  aria-hidden="true"
176
177
  xmlns="http://www.w3.org/2000/svg"
@@ -191,7 +192,7 @@ wrapperTag: div
191
192
  type="button"
192
193
  aria-label="Log in with Gitlab"
193
194
  >
194
- <span class="pf-v6-c-button__text">
195
+ <span class="pf-v6-c-button__icon">
195
196
  <svg
196
197
  aria-hidden="true"
197
198
  xmlns="http://www.w3.org/2000/svg"
@@ -340,7 +341,7 @@ wrapperTag: div
340
341
  </div>
341
342
  <div class="pf-v6-c-form__group pf-m-action">
342
343
  <button
343
- class="pf-v6-c-button pf-m-primary pf-m-block"
344
+ class="pf-v6-c-button pf-m-block pf-m-primary"
344
345
  type="submit"
345
346
  >
346
347
  <span class="pf-v6-c-button__text">Log in</span>
@@ -348,6 +349,7 @@ wrapperTag: div
348
349
  </div>
349
350
  </form>
350
351
  </div>
352
+
351
353
  <footer class="pf-v6-c-login__main-footer">
352
354
  <ul class="pf-v6-c-login__main-footer-links" role="list">
353
355
  <li class="pf-v6-c-login__main-footer-links-item">
@@ -356,7 +358,7 @@ wrapperTag: div
356
358
  type="button"
357
359
  aria-label="Log in with Google"
358
360
  >
359
- <span class="pf-v6-c-button__text">
361
+ <span class="pf-v6-c-button__icon">
360
362
  <svg
361
363
  aria-hidden="true"
362
364
  xmlns="http://www.w3.org/2000/svg"
@@ -377,7 +379,7 @@ wrapperTag: div
377
379
  type="button"
378
380
  aria-label="Log in with Github"
379
381
  >
380
- <span class="pf-v6-c-button__text">
382
+ <span class="pf-v6-c-button__icon">
381
383
  <svg
382
384
  aria-hidden="true"
383
385
  xmlns="http://www.w3.org/2000/svg"
@@ -398,7 +400,7 @@ wrapperTag: div
398
400
  type="button"
399
401
  aria-label="Log in with Dropbox"
400
402
  >
401
- <span class="pf-v6-c-button__text">
403
+ <span class="pf-v6-c-button__icon">
402
404
  <svg
403
405
  aria-hidden="true"
404
406
  xmlns="http://www.w3.org/2000/svg"
@@ -419,7 +421,7 @@ wrapperTag: div
419
421
  type="button"
420
422
  aria-label="Log in with Facebook"
421
423
  >
422
- <span class="pf-v6-c-button__text">
424
+ <span class="pf-v6-c-button__icon">
423
425
  <svg
424
426
  aria-hidden="true"
425
427
  xmlns="http://www.w3.org/2000/svg"
@@ -440,7 +442,7 @@ wrapperTag: div
440
442
  type="button"
441
443
  aria-label="Log in with Gitlab"
442
444
  >
443
- <span class="pf-v6-c-button__text">
445
+ <span class="pf-v6-c-button__icon">
444
446
  <svg
445
447
  aria-hidden="true"
446
448
  xmlns="http://www.w3.org/2000/svg"
@@ -561,7 +563,7 @@ wrapperTag: div
561
563
  type="button"
562
564
  aria-label="Show password"
563
565
  >
564
- <span class="pf-v6-c-button__text">
566
+ <span class="pf-v6-c-button__icon pf-m-start">
565
567
  <i class="fas fa-eye" aria-hidden="true"></i>
566
568
  </span>
567
569
  </button>
@@ -584,7 +586,7 @@ wrapperTag: div
584
586
  </div>
585
587
  <div class="pf-v6-c-form__group pf-m-action">
586
588
  <button
587
- class="pf-v6-c-button pf-m-primary pf-m-block"
589
+ class="pf-v6-c-button pf-m-block pf-m-primary"
588
590
  type="submit"
589
591
  >
590
592
  <span class="pf-v6-c-button__text">Log in</span>
@@ -592,6 +594,7 @@ wrapperTag: div
592
594
  </div>
593
595
  </form>
594
596
  </div>
597
+
595
598
  <footer class="pf-v6-c-login__main-footer">
596
599
  <ul class="pf-v6-c-login__main-footer-links" role="list">
597
600
  <li class="pf-v6-c-login__main-footer-links-item">
@@ -600,7 +603,7 @@ wrapperTag: div
600
603
  type="button"
601
604
  aria-label="Log in with Google"
602
605
  >
603
- <span class="pf-v6-c-button__text">
606
+ <span class="pf-v6-c-button__icon">
604
607
  <svg
605
608
  aria-hidden="true"
606
609
  xmlns="http://www.w3.org/2000/svg"
@@ -621,7 +624,7 @@ wrapperTag: div
621
624
  type="button"
622
625
  aria-label="Log in with Github"
623
626
  >
624
- <span class="pf-v6-c-button__text">
627
+ <span class="pf-v6-c-button__icon">
625
628
  <svg
626
629
  aria-hidden="true"
627
630
  xmlns="http://www.w3.org/2000/svg"
@@ -642,7 +645,7 @@ wrapperTag: div
642
645
  type="button"
643
646
  aria-label="Log in with Dropbox"
644
647
  >
645
- <span class="pf-v6-c-button__text">
648
+ <span class="pf-v6-c-button__icon">
646
649
  <svg
647
650
  aria-hidden="true"
648
651
  xmlns="http://www.w3.org/2000/svg"
@@ -663,7 +666,7 @@ wrapperTag: div
663
666
  type="button"
664
667
  aria-label="Log in with Facebook"
665
668
  >
666
- <span class="pf-v6-c-button__text">
669
+ <span class="pf-v6-c-button__icon">
667
670
  <svg
668
671
  aria-hidden="true"
669
672
  xmlns="http://www.w3.org/2000/svg"
@@ -684,7 +687,7 @@ wrapperTag: div
684
687
  type="button"
685
688
  aria-label="Log in with Gitlab"
686
689
  >
687
- <span class="pf-v6-c-button__text">
690
+ <span class="pf-v6-c-button__icon">
688
691
  <svg
689
692
  aria-hidden="true"
690
693
  xmlns="http://www.w3.org/2000/svg"
@@ -812,7 +815,7 @@ wrapperTag: div
812
815
  type="button"
813
816
  aria-label="Hide password"
814
817
  >
815
- <span class="pf-v6-c-button__text">
818
+ <span class="pf-v6-c-button__icon pf-m-start">
816
819
  <i class="fas fa-eye-slash" aria-hidden="true"></i>
817
820
  </span>
818
821
  </button>
@@ -835,7 +838,7 @@ wrapperTag: div
835
838
  </div>
836
839
  <div class="pf-v6-c-form__group pf-m-action">
837
840
  <button
838
- class="pf-v6-c-button pf-m-primary pf-m-block"
841
+ class="pf-v6-c-button pf-m-block pf-m-primary"
839
842
  type="submit"
840
843
  >
841
844
  <span class="pf-v6-c-button__text">Log in</span>
@@ -843,6 +846,7 @@ wrapperTag: div
843
846
  </div>
844
847
  </form>
845
848
  </div>
849
+
846
850
  <footer class="pf-v6-c-login__main-footer">
847
851
  <ul class="pf-v6-c-login__main-footer-links" role="list">
848
852
  <li class="pf-v6-c-login__main-footer-links-item">
@@ -851,7 +855,7 @@ wrapperTag: div
851
855
  type="button"
852
856
  aria-label="Log in with Google"
853
857
  >
854
- <span class="pf-v6-c-button__text">
858
+ <span class="pf-v6-c-button__icon">
855
859
  <svg
856
860
  aria-hidden="true"
857
861
  xmlns="http://www.w3.org/2000/svg"
@@ -872,7 +876,7 @@ wrapperTag: div
872
876
  type="button"
873
877
  aria-label="Log in with Github"
874
878
  >
875
- <span class="pf-v6-c-button__text">
879
+ <span class="pf-v6-c-button__icon">
876
880
  <svg
877
881
  aria-hidden="true"
878
882
  xmlns="http://www.w3.org/2000/svg"
@@ -893,7 +897,7 @@ wrapperTag: div
893
897
  type="button"
894
898
  aria-label="Log in with Dropbox"
895
899
  >
896
- <span class="pf-v6-c-button__text">
900
+ <span class="pf-v6-c-button__icon">
897
901
  <svg
898
902
  aria-hidden="true"
899
903
  xmlns="http://www.w3.org/2000/svg"
@@ -914,7 +918,7 @@ wrapperTag: div
914
918
  type="button"
915
919
  aria-label="Log in with Facebook"
916
920
  >
917
- <span class="pf-v6-c-button__text">
921
+ <span class="pf-v6-c-button__icon">
918
922
  <svg
919
923
  aria-hidden="true"
920
924
  xmlns="http://www.w3.org/2000/svg"
@@ -935,7 +939,7 @@ wrapperTag: div
935
939
  type="button"
936
940
  aria-label="Log in with Gitlab"
937
941
  >
938
- <span class="pf-v6-c-button__text">
942
+ <span class="pf-v6-c-button__icon">
939
943
  <svg
940
944
  aria-hidden="true"
941
945
  xmlns="http://www.w3.org/2000/svg"
@@ -1081,7 +1085,7 @@ wrapperTag: div
1081
1085
  </div>
1082
1086
  <div class="pf-v6-c-form__group pf-m-action">
1083
1087
  <button
1084
- class="pf-v6-c-button pf-m-primary pf-m-block"
1088
+ class="pf-v6-c-button pf-m-block pf-m-primary"
1085
1089
  type="submit"
1086
1090
  >
1087
1091
  <span class="pf-v6-c-button__text">Log in</span>
@@ -1089,6 +1093,7 @@ wrapperTag: div
1089
1093
  </div>
1090
1094
  </form>
1091
1095
  </div>
1096
+
1092
1097
  <footer class="pf-v6-c-login__main-footer">
1093
1098
  <ul class="pf-v6-c-login__main-footer-links" role="list">
1094
1099
  <li class="pf-v6-c-login__main-footer-links-item">
@@ -1097,7 +1102,7 @@ wrapperTag: div
1097
1102
  type="button"
1098
1103
  aria-label="Log in with Google"
1099
1104
  >
1100
- <span class="pf-v6-c-button__text">
1105
+ <span class="pf-v6-c-button__icon">
1101
1106
  <svg
1102
1107
  aria-hidden="true"
1103
1108
  xmlns="http://www.w3.org/2000/svg"
@@ -1118,7 +1123,7 @@ wrapperTag: div
1118
1123
  type="button"
1119
1124
  aria-label="Log in with Github"
1120
1125
  >
1121
- <span class="pf-v6-c-button__text">
1126
+ <span class="pf-v6-c-button__icon">
1122
1127
  <svg
1123
1128
  aria-hidden="true"
1124
1129
  xmlns="http://www.w3.org/2000/svg"
@@ -1139,7 +1144,7 @@ wrapperTag: div
1139
1144
  type="button"
1140
1145
  aria-label="Log in with Dropbox"
1141
1146
  >
1142
- <span class="pf-v6-c-button__text">
1147
+ <span class="pf-v6-c-button__icon">
1143
1148
  <svg
1144
1149
  aria-hidden="true"
1145
1150
  xmlns="http://www.w3.org/2000/svg"
@@ -1160,7 +1165,7 @@ wrapperTag: div
1160
1165
  type="button"
1161
1166
  aria-label="Log in with Facebook"
1162
1167
  >
1163
- <span class="pf-v6-c-button__text">
1168
+ <span class="pf-v6-c-button__icon">
1164
1169
  <svg
1165
1170
  aria-hidden="true"
1166
1171
  xmlns="http://www.w3.org/2000/svg"
@@ -1181,7 +1186,7 @@ wrapperTag: div
1181
1186
  type="button"
1182
1187
  aria-label="Log in with Gitlab"
1183
1188
  >
1184
- <span class="pf-v6-c-button__text">
1189
+ <span class="pf-v6-c-button__icon">
1185
1190
  <svg
1186
1191
  aria-hidden="true"
1187
1192
  xmlns="http://www.w3.org/2000/svg"
package/docs/components/Masthead/examples/masthead.md CHANGED
@@ -14,7 +14,7 @@ cssPrefix: pf-v6-c-masthead
14
14
  type="button"
15
15
  aria-label="Global navigation"
16
16
  >
17
- <span class="pf-v6-c-button__text">
17
+ <span class="pf-v6-c-button__icon">
18
18
  <i class="fas fa-bars" aria-hidden="true"></i>
19
19
  </span>
20
20
  </button>
@@ -110,7 +110,7 @@ cssPrefix: pf-v6-c-masthead
110
110
  type="button"
111
111
  aria-label="Global navigation"
112
112
  >
113
- <span class="pf-v6-c-button__text">
113
+ <span class="pf-v6-c-button__icon">
114
114
  <i class="fas fa-bars" aria-hidden="true"></i>
115
115
  </span>
116
116
  </button>
@@ -217,7 +217,7 @@ cssPrefix: pf-v6-c-masthead
217
217
  type="button"
218
218
  aria-label="Global navigation"
219
219
  >
220
- <span class="pf-v6-c-button__text">
220
+ <span class="pf-v6-c-button__icon">
221
221
  <i class="fas fa-bars" aria-hidden="true"></i>
222
222
  </span>
223
223
  </button>
@@ -313,7 +313,7 @@ cssPrefix: pf-v6-c-masthead
313
313
  type="button"
314
314
  aria-label="Global navigation"
315
315
  >
316
- <span class="pf-v6-c-button__text">
316
+ <span class="pf-v6-c-button__icon">
317
317
  <i class="fas fa-bars" aria-hidden="true"></i>
318
318
  </span>
319
319
  </button>
@@ -412,7 +412,7 @@ cssPrefix: pf-v6-c-masthead
412
412
  type="button"
413
413
  aria-label="Global navigation"
414
414
  >
415
- <span class="pf-v6-c-button__text">
415
+ <span class="pf-v6-c-button__icon">
416
416
  <i class="fas fa-bars" aria-hidden="true"></i>
417
417
  </span>
418
418
  </button>
@@ -508,7 +508,7 @@ cssPrefix: pf-v6-c-masthead
508
508
  type="button"
509
509
  aria-label="Global navigation"
510
510
  >
511
- <span class="pf-v6-c-button__text">
511
+ <span class="pf-v6-c-button__icon">
512
512
  <i class="fas fa-bars" aria-hidden="true"></i>
513
513
  </span>
514
514
  </button>
package/docs/components/Menu/examples/Menu.md CHANGED
@@ -5133,7 +5133,7 @@ cssPrefix: pf-v6-c-menu
5133
5133
  </ul>
5134
5134
  </div>
5135
5135
  <div class="pf-v6-c-menu__footer">
5136
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
5136
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
5137
5137
  <span class="pf-v6-c-button__text">Footer</span>
5138
5138
  </button>
5139
5139
  </div>
@@ -5231,7 +5231,7 @@ cssPrefix: pf-v6-c-menu
5231
5231
  </ul>
5232
5232
  </div>
5233
5233
  <div class="pf-v6-c-menu__footer">
5234
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
5234
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
5235
5235
  <span class="pf-v6-c-button__text">Footer</span>
5236
5236
  </button>
5237
5237
  </div>
@@ -5510,7 +5510,7 @@ cssPrefix: pf-v6-c-menu
5510
5510
  role="menuitem"
5511
5511
  aria-label="Actions"
5512
5512
  >
5513
- <span class="pf-v6-c-button__text">
5513
+ <span class="pf-v6-c-button__icon">
5514
5514
  <i class="fas fa-fw fa-ellipsis-v" aria-hidden="true"></i>
5515
5515
  </span>
5516
5516
  </button>
@@ -5536,7 +5536,7 @@ cssPrefix: pf-v6-c-menu
5536
5536
  role="menuitem"
5537
5537
  aria-label="Alert"
5538
5538
  >
5539
- <span class="pf-v6-c-button__text">
5539
+ <span class="pf-v6-c-button__icon">
5540
5540
  <i class="fas fa-fw fa-bell" aria-hidden="true"></i>
5541
5541
  </span>
5542
5542
  </button>
@@ -5565,7 +5565,7 @@ cssPrefix: pf-v6-c-menu
5565
5565
  aria-label="Copy"
5566
5566
  disabled
5567
5567
  >
5568
- <span class="pf-v6-c-button__text">
5568
+ <span class="pf-v6-c-button__icon">
5569
5569
  <i class="fas fa-fw fa-clipboard" aria-hidden="true"></i>
5570
5570
  </span>
5571
5571
  </button>
@@ -5592,7 +5592,7 @@ cssPrefix: pf-v6-c-menu
5592
5592
  role="menuitem"
5593
5593
  aria-label="Expand"
5594
5594
  >
5595
- <span class="pf-v6-c-button__text">
5595
+ <span class="pf-v6-c-button__icon">
5596
5596
  <i class="fas fa-fw fa-bars" aria-hidden="true"></i>
5597
5597
  </span>
5598
5598
  </button>
@@ -5621,7 +5621,7 @@ cssPrefix: pf-v6-c-menu
5621
5621
  aria-label="Copy"
5622
5622
  aria-disabled="true"
5623
5623
  >
5624
- <span class="pf-v6-c-button__text">
5624
+ <span class="pf-v6-c-button__icon">
5625
5625
  <i class="fas fa-fw fa-ellipsis-v" aria-hidden="true"></i>
5626
5626
  </span>
5627
5627
  </button>
@@ -6053,7 +6053,7 @@ cssPrefix: pf-v6-c-menu
6053
6053
  </div>
6054
6054
  <hr class="pf-v6-c-divider" />
6055
6055
  <div class="pf-v6-c-menu__footer">
6056
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
6056
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
6057
6057
  <span class="pf-v6-c-button__text">Action</span>
6058
6058
  </button>
6059
6059
  </div>
@@ -6203,7 +6203,7 @@ cssPrefix: pf-v6-c-menu
6203
6203
  </div>
6204
6204
  <hr class="pf-v6-c-divider" />
6205
6205
  <div class="pf-v6-c-menu__footer">
6206
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
6206
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
6207
6207
  <span class="pf-v6-c-button__text">Footer</span>
6208
6208
  </button>
6209
6209
  </div>
@@ -6301,7 +6301,7 @@ cssPrefix: pf-v6-c-menu
6301
6301
  </ul>
6302
6302
  </div>
6303
6303
  <div class="pf-v6-c-menu__footer">
6304
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
6304
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
6305
6305
  <span class="pf-v6-c-button__text">Footer</span>
6306
6306
  </button>
6307
6307
  </div>
package/docs/components/MenuToggle/examples/MenuToggle.md CHANGED
@@ -1103,7 +1103,7 @@ cssPrefix: pf-v6-c-menu-toggle
1103
1103
  type="button"
1104
1104
  aria-label="Clear input"
1105
1105
  >
1106
- <span class="pf-v6-c-button__text">
1106
+ <span class="pf-v6-c-button__icon">
1107
1107
  <i class="fas fa-times fa-fw" aria-hidden="true"></i>
1108
1108
  </span>
1109
1109
  </button>
package/docs/components/ModalBox/examples/ModalBox.md CHANGED
@@ -18,7 +18,7 @@ cssPrefix: pf-v6-c-modal-box
18
18
  >
19
19
  <div class="pf-v6-c-modal-box__close">
20
20
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
21
- <span class="pf-v6-c-button__text">
21
+ <span class="pf-v6-c-button__icon">
22
22
  <i class="fas fa-times" aria-hidden="true"></i>
23
23
  </span>
24
24
  </button>
@@ -47,7 +47,7 @@ cssPrefix: pf-v6-c-modal-box
47
47
  >
48
48
  <div class="pf-v6-c-modal-box__close">
49
49
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
50
- <span class="pf-v6-c-button__text">
50
+ <span class="pf-v6-c-button__icon">
51
51
  <i class="fas fa-times" aria-hidden="true"></i>
52
52
  </span>
53
53
  </button>
@@ -65,8 +65,8 @@ cssPrefix: pf-v6-c-modal-box
65
65
  </div>
66
66
  <div class="pf-v6-c-modal-box__header-help">
67
67
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Help">
68
- <span class="pf-v6-c-button__text">
69
- <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
68
+ <span class="pf-v6-c-button__icon">
69
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
70
70
  </span>
71
71
  </button>
72
72
  </div>
@@ -91,7 +91,7 @@ cssPrefix: pf-v6-c-modal-box
91
91
  >
92
92
  <div class="pf-v6-c-modal-box__close">
93
93
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
94
- <span class="pf-v6-c-button__text">
94
+ <span class="pf-v6-c-button__icon">
95
95
  <i class="fas fa-times" aria-hidden="true"></i>
96
96
  </span>
97
97
  </button>
@@ -122,7 +122,7 @@ cssPrefix: pf-v6-c-modal-box
122
122
  >
123
123
  <div class="pf-v6-c-modal-box__close">
124
124
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
125
- <span class="pf-v6-c-button__text">
125
+ <span class="pf-v6-c-button__icon">
126
126
  <i class="fas fa-times" aria-hidden="true"></i>
127
127
  </span>
128
128
  </button>
@@ -153,7 +153,7 @@ cssPrefix: pf-v6-c-modal-box
153
153
  >
154
154
  <div class="pf-v6-c-modal-box__close">
155
155
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
156
- <span class="pf-v6-c-button__text">
156
+ <span class="pf-v6-c-button__icon">
157
157
  <i class="fas fa-times" aria-hidden="true"></i>
158
158
  </span>
159
159
  </button>
@@ -184,7 +184,7 @@ cssPrefix: pf-v6-c-modal-box
184
184
  >
185
185
  <div class="pf-v6-c-modal-box__close">
186
186
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
187
- <span class="pf-v6-c-button__text">
187
+ <span class="pf-v6-c-button__icon">
188
188
  <i class="fas fa-times" aria-hidden="true"></i>
189
189
  </span>
190
190
  </button>
@@ -211,7 +211,7 @@ cssPrefix: pf-v6-c-modal-box
211
211
  >
212
212
  <div class="pf-v6-c-modal-box__close">
213
213
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
214
- <span class="pf-v6-c-button__text">
214
+ <span class="pf-v6-c-button__icon">
215
215
  <i class="fas fa-times" aria-hidden="true"></i>
216
216
  </span>
217
217
  </button>
@@ -246,7 +246,7 @@ cssPrefix: pf-v6-c-modal-box
246
246
  >
247
247
  <div class="pf-v6-c-modal-box__close">
248
248
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
249
- <span class="pf-v6-c-button__text">
249
+ <span class="pf-v6-c-button__icon">
250
250
  <i class="fas fa-times" aria-hidden="true"></i>
251
251
  </span>
252
252
  </button>
@@ -291,7 +291,7 @@ cssPrefix: pf-v6-c-modal-box
291
291
  >
292
292
  <div class="pf-v6-c-modal-box__close">
293
293
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
294
- <span class="pf-v6-c-button__text">
294
+ <span class="pf-v6-c-button__icon">
295
295
  <i class="fas fa-times" aria-hidden="true"></i>
296
296
  </span>
297
297
  </button>
@@ -322,7 +322,7 @@ cssPrefix: pf-v6-c-modal-box
322
322
  >
323
323
  <div class="pf-v6-c-modal-box__close">
324
324
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
325
- <span class="pf-v6-c-button__text">
325
+ <span class="pf-v6-c-button__icon">
326
326
  <i class="fas fa-times" aria-hidden="true"></i>
327
327
  </span>
328
328
  </button>
@@ -360,7 +360,7 @@ cssPrefix: pf-v6-c-modal-box
360
360
  >
361
361
  <div class="pf-v6-c-modal-box__close">
362
362
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
363
- <span class="pf-v6-c-button__text">
363
+ <span class="pf-v6-c-button__icon">
364
364
  <i class="fas fa-times" aria-hidden="true"></i>
365
365
  </span>
366
366
  </button>
@@ -398,7 +398,7 @@ cssPrefix: pf-v6-c-modal-box
398
398
  >
399
399
  <div class="pf-v6-c-modal-box__close">
400
400
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
401
- <span class="pf-v6-c-button__text">
401
+ <span class="pf-v6-c-button__icon">
402
402
  <i class="fas fa-times" aria-hidden="true"></i>
403
403
  </span>
404
404
  </button>
@@ -436,7 +436,7 @@ cssPrefix: pf-v6-c-modal-box
436
436
  >
437
437
  <div class="pf-v6-c-modal-box__close">
438
438
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
439
- <span class="pf-v6-c-button__text">
439
+ <span class="pf-v6-c-button__icon">
440
440
  <i class="fas fa-times" aria-hidden="true"></i>
441
441
  </span>
442
442
  </button>
@@ -474,7 +474,7 @@ cssPrefix: pf-v6-c-modal-box
474
474
  >
475
475
  <div class="pf-v6-c-modal-box__close">
476
476
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
477
- <span class="pf-v6-c-button__text">
477
+ <span class="pf-v6-c-button__icon">
478
478
  <i class="fas fa-times" aria-hidden="true"></i>
479
479
  </span>
480
480
  </button>
@@ -514,7 +514,7 @@ The status modifier classes can be applied directly to the modal title element,
514
514
  >
515
515
  <div class="pf-v6-c-modal-box__close">
516
516
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Close">
517
- <span class="pf-v6-c-button__text">
517
+ <span class="pf-v6-c-button__icon">
518
518
  <i class="fas fa-times" aria-hidden="true"></i>
519
519
  </span>
520
520
  </button>