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

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 (91) 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 -33
  16. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  17. package/docs/components/ActionList/examples/ActionList.md +7 -7
  18. package/docs/components/Alert/examples/Alert.md +44 -46
  19. package/docs/components/BackToTop/examples/BackToTop.md +3 -5
  20. package/docs/components/Banner/examples/Banner.md +1 -1
  21. package/docs/components/Button/examples/Button.md +35 -35
  22. package/docs/components/CalendarMonth/examples/CalendarMonth.md +8 -8
  23. package/docs/components/Card/examples/Card.md +36 -20
  24. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +32 -29
  25. package/docs/components/CodeBlock/examples/CodeBlock.md +6 -6
  26. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -21
  27. package/docs/components/DataList/examples/DataList.md +17 -17
  28. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  29. package/docs/components/DescriptionList/examples/DescriptionList.md +100 -150
  30. package/docs/components/Drawer/examples/Drawer.md +19 -19
  31. package/docs/components/DualListSelector/examples/DualListSelector.md +84 -84
  32. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  33. package/docs/components/Form/examples/Form.md +18 -19
  34. package/docs/components/Hint/examples/Hint.md +2 -2
  35. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  36. package/docs/components/InputGroup/examples/InputGroup.md +2 -2
  37. package/docs/components/JumpLinks/examples/JumpLinks.md +8 -8
  38. package/docs/components/Label/examples/Label.md +217 -217
  39. package/docs/components/LogViewer/examples/LogViewer.md +77 -97
  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 -33
  89. package/patternfly.css +12 -33
  90. package/patternfly.min.css +1 -1
  91. package/patternfly.min.css.map +1 -1
package/docs/components/Form/examples/Form.md CHANGED
@@ -20,7 +20,7 @@ cssPrefix: pf-v6-c-form
20
20
  aria-label="More information for name field"
21
21
  aria-describedby="form-vertical-name"
22
22
  >
23
- <span class="pf-v6-c-button__text">
23
+ <span class="pf-v6-c-button__icon">
24
24
  <i class="fas fa-question-circle" aria-hidden="true"></i>
25
25
  </span>
26
26
  </span></span>
@@ -70,7 +70,7 @@ cssPrefix: pf-v6-c-form
70
70
  aria-label="More information for information field"
71
71
  aria-describedby="form-horizontal-info"
72
72
  >
73
- <span class="pf-v6-c-button__text">
73
+ <span class="pf-v6-c-button__icon">
74
74
  <i class="fas fa-question-circle" aria-hidden="true"></i>
75
75
  </span>
76
76
  </span></span>
@@ -104,7 +104,7 @@ cssPrefix: pf-v6-c-form
104
104
  aria-label="More information for label field"
105
105
  aria-describedby="form-horizontal-checkbox-legend"
106
106
  >
107
- <span class="pf-v6-c-button__text">
107
+ <span class="pf-v6-c-button__icon">
108
108
  <i class="fas fa-question-circle" aria-hidden="true"></i>
109
109
  </span>
110
110
  </span></span>
@@ -160,7 +160,7 @@ cssPrefix: pf-v6-c-form
160
160
  aria-label="More information for name field"
161
161
  aria-describedby="form-horizontal-custom-breakpoint-name"
162
162
  >
163
- <span class="pf-v6-c-button__text">
163
+ <span class="pf-v6-c-button__icon">
164
164
  <i class="fas fa-question-circle" aria-hidden="true"></i>
165
165
  </span>
166
166
  </span></span>
@@ -470,7 +470,7 @@ cssPrefix: pf-v6-c-form
470
470
  aria-label="More information for name field"
471
471
  aria-describedby="form-additional-infoform-additional-info-name"
472
472
  >
473
- <span class="pf-v6-c-button__text">
473
+ <span class="pf-v6-c-button__icon">
474
474
  <i class="fas fa-question-circle" aria-hidden="true"></i>
475
475
  </span>
476
476
  </span></span>
@@ -552,7 +552,7 @@ cssPrefix: pf-v6-c-form
552
552
  aria-label="More information for label 1 field"
553
553
  aria-describedby="form-field-group-field-group-label1"
554
554
  >
555
- <span class="pf-v6-c-button__text">
555
+ <span class="pf-v6-c-button__icon">
556
556
  <i class="fas fa-question-circle" aria-hidden="true"></i>
557
557
  </span>
558
558
  </span></span>
@@ -582,7 +582,7 @@ cssPrefix: pf-v6-c-form
582
582
  aria-label="More information for label 2 field"
583
583
  aria-describedby="form-field-group-field-group-label2"
584
584
  >
585
- <span class="pf-v6-c-button__text">
585
+ <span class="pf-v6-c-button__icon">
586
586
  <i class="fas fa-question-circle" aria-hidden="true"></i>
587
587
  </span>
588
588
  </span></span>
@@ -617,13 +617,12 @@ cssPrefix: pf-v6-c-form
617
617
  <div class="pf-v6-c-form__field-group-toggle-button">
618
618
  <button
619
619
  class="pf-v6-c-button pf-m-plain"
620
+ id&#x26;#x3D;&#x26;quot;form-expandable-field-groups-field-group-1-toggle&#x26;quot;
620
621
  type="button"
621
- aria-expanded="false"
622
- aria-label="Details"
623
- id="form-expandable-field-groups-field-group-1-toggle"
624
622
  aria-labelledby="form-expandable-field-groups-field-group-1-title form-expandable-field-groups-field-group-1-toggle"
623
+ aria-label="Details"
625
624
  >
626
- <span class="pf-v6-c-button__text">
625
+ <span class="pf-v6-c-button__icon">
627
626
  <span class="pf-v6-c-form__field-group-toggle-icon">
628
627
  <i class="fas fa-angle-right" aria-hidden="true"></i>
629
628
  </span>
@@ -658,14 +657,14 @@ cssPrefix: pf-v6-c-form
658
657
  <div class="pf-v6-c-form__field-group-toggle">
659
658
  <div class="pf-v6-c-form__field-group-toggle-button">
660
659
  <button
661
- class="pf-v6-c-button pf-m-plain"
660
+ class="pf-v6-c-button pf-m-expanded pf-m-plain"
661
+ id&#x26;#x3D;&#x26;quot;form-expandable-field-groups-field-group-2-toggle&#x26;quot;
662
662
  type="button"
663
663
  aria-expanded="true"
664
- aria-label="Details"
665
- id="form-expandable-field-groups-field-group-2-toggle"
666
664
  aria-labelledby="form-expandable-field-groups-field-group-2-title form-expandable-field-groups-field-group-2-toggle"
665
+ aria-label="Details"
667
666
  >
668
- <span class="pf-v6-c-button__text">
667
+ <span class="pf-v6-c-button__icon">
669
668
  <span class="pf-v6-c-form__field-group-toggle-icon">
670
669
  <i class="fas fa-angle-right" aria-hidden="true"></i>
671
670
  </span>
@@ -701,7 +700,7 @@ cssPrefix: pf-v6-c-form
701
700
  aria-label="More information for label 1 field"
702
701
  aria-describedby="form-expandable-field-groupsform-expandable-field-groups-field-group-2-label1"
703
702
  >
704
- <span class="pf-v6-c-button__text">
703
+ <span class="pf-v6-c-button__icon">
705
704
  <i class="fas fa-question-circle" aria-hidden="true"></i>
706
705
  </span>
707
706
  </span></span>
@@ -731,7 +730,7 @@ cssPrefix: pf-v6-c-form
731
730
  aria-label="More information for label 2 field"
732
731
  aria-describedby="form-expandable-field-groupsform-expandable-field-groups-field-group-2-label2"
733
732
  >
734
- <span class="pf-v6-c-button__text">
733
+ <span class="pf-v6-c-button__icon">
735
734
  <i class="fas fa-question-circle" aria-hidden="true"></i>
736
735
  </span>
737
736
  </span></span>
@@ -780,7 +779,7 @@ cssPrefix: pf-v6-c-form
780
779
  aria-label="More information for label 1 field"
781
780
  aria-describedby="form-expandable-field-groupsform-expandable-field-groups-field-group-3-label1"
782
781
  >
783
- <span class="pf-v6-c-button__text">
782
+ <span class="pf-v6-c-button__icon">
784
783
  <i class="fas fa-question-circle" aria-hidden="true"></i>
785
784
  </span>
786
785
  </span></span>
@@ -813,7 +812,7 @@ cssPrefix: pf-v6-c-form
813
812
  aria-label="More information for label 2 field"
814
813
  aria-describedby="form-expandable-field-groupsform-expandable-field-groups-field-group-3-label2"
815
814
  >
816
- <span class="pf-v6-c-button__text">
815
+ <span class="pf-v6-c-button__icon">
817
816
  <i class="fas fa-question-circle" aria-hidden="true"></i>
818
817
  </span>
819
818
  </span></span>
package/docs/components/Hint/examples/Hint.md CHANGED
@@ -48,7 +48,7 @@ cssPrefix: pf-v6-c-hint
48
48
  class="pf-v6-c-hint__body"
49
49
  >Upgrade to Red Hat Smart Management to remediate all your systems across regions and geographies.</div>
50
50
  <div class="pf-v6-c-hint__footer">
51
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
51
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
52
52
  <span class="pf-v6-c-button__text">Try it for 90 days</span>
53
53
  </button>
54
54
  </div>
@@ -86,7 +86,7 @@ cssPrefix: pf-v6-c-hint
86
86
  class="pf-v6-c-hint__body"
87
87
  >Upgrade to Red Hat Smart Management to remediate all your systems across regions and geographies.</div>
88
88
  <div class="pf-v6-c-hint__footer">
89
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
89
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
90
90
  <span class="pf-v6-c-button__text">Try it for 90 days</span>
91
91
  </button>
92
92
  </div>
package/docs/components/InlineEdit/examples/InlineEdit.md CHANGED
@@ -30,7 +30,7 @@ Inline edit **toggle** can be placed anywhere within `.pf-v6-c-inline-edit`. It
30
30
  aria-label="Edit"
31
31
  aria-labelledby="inline-edit-toggle-example-edit-button inline-edit-toggle-example-label"
32
32
  >
33
- <span class="pf-v6-c-button__text">
33
+ <span class="pf-v6-c-button__icon">
34
34
  <i class="fas fa-pencil-alt" aria-hidden="true"></i>
35
35
  </span>
36
36
  </button>
@@ -89,7 +89,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
89
89
  type="button"
90
90
  aria-label="Save edits"
91
91
  >
92
- <span class="pf-v6-c-button__text">
92
+ <span class="pf-v6-c-button__icon">
93
93
  <i class="fas fa-check" aria-hidden="true"></i>
94
94
  </span>
95
95
  </button>
@@ -100,7 +100,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
100
100
  type="button"
101
101
  aria-label="Cancel edits"
102
102
  >
103
- <span class="pf-v6-c-button__text">
103
+ <span class="pf-v6-c-button__icon">
104
104
  <i class="fas fa-times" aria-hidden="true"></i>
105
105
  </span>
106
106
  </button>
@@ -127,7 +127,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
127
127
  aria-label="Edit"
128
128
  aria-labelledby="single-inline-edit-example-edit-button single-inline-edit-example-label"
129
129
  >
130
- <span class="pf-v6-c-button__text">
130
+ <span class="pf-v6-c-button__icon">
131
131
  <i class="fas fa-pencil-alt" aria-hidden="true"></i>
132
132
  </span>
133
133
  </button>
@@ -150,7 +150,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
150
150
  type="button"
151
151
  aria-label="Save edits"
152
152
  >
153
- <span class="pf-v6-c-button__text">
153
+ <span class="pf-v6-c-button__icon">
154
154
  <i class="fas fa-check" aria-hidden="true"></i>
155
155
  </span>
156
156
  </button>
@@ -161,7 +161,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
161
161
  type="button"
162
162
  aria-label="Cancel edits"
163
163
  >
164
- <span class="pf-v6-c-button__text">
164
+ <span class="pf-v6-c-button__icon">
165
165
  <i class="fas fa-times" aria-hidden="true"></i>
166
166
  </span>
167
167
  </button>
@@ -192,7 +192,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
192
192
  aria-label="Edit"
193
193
  aria-labelledby="single-editable-example-edit-button single-editable-example-label"
194
194
  >
195
- <span class="pf-v6-c-button__text">
195
+ <span class="pf-v6-c-button__icon">
196
196
  <i class="fas fa-pencil-alt" aria-hidden="true"></i>
197
197
  </span>
198
198
  </button>
@@ -215,7 +215,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
215
215
  type="button"
216
216
  aria-label="Save edits"
217
217
  >
218
- <span class="pf-v6-c-button__text">
218
+ <span class="pf-v6-c-button__icon">
219
219
  <i class="fas fa-check" aria-hidden="true"></i>
220
220
  </span>
221
221
  </button>
@@ -226,7 +226,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
226
226
  type="button"
227
227
  aria-label="Cancel edits"
228
228
  >
229
- <span class="pf-v6-c-button__text">
229
+ <span class="pf-v6-c-button__icon">
230
230
  <i class="fas fa-times" aria-hidden="true"></i>
231
231
  </span>
232
232
  </button>
@@ -269,7 +269,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
269
269
  aria-label="Edit"
270
270
  aria-labelledby="single-inline-edit-with-label-example-label single-inline-edit-with-label-example-edit-button"
271
271
  >
272
- <span class="pf-v6-c-button__text">
272
+ <span class="pf-v6-c-button__icon">
273
273
  <i class="fas fa-pencil-alt" aria-hidden="true"></i>
274
274
  </span>
275
275
  </button>
@@ -294,7 +294,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
294
294
  type="button"
295
295
  aria-label="Save edits"
296
296
  >
297
- <span class="pf-v6-c-button__text">
297
+ <span class="pf-v6-c-button__icon">
298
298
  <i class="fas fa-check" aria-hidden="true"></i>
299
299
  </span>
300
300
  </button>
@@ -305,7 +305,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
305
305
  type="button"
306
306
  aria-label="Cancel edits"
307
307
  >
308
- <span class="pf-v6-c-button__text">
308
+ <span class="pf-v6-c-button__icon">
309
309
  <i class="fas fa-times" aria-hidden="true"></i>
310
310
  </span>
311
311
  </button>
@@ -337,7 +337,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
337
337
  aria-label="Edit"
338
338
  aria-labelledby="inline-edit-state-valid-label inline-edit-state-valid-edit-button"
339
339
  >
340
- <span class="pf-v6-c-button__text">
340
+ <span class="pf-v6-c-button__icon">
341
341
  <i class="fas fa-pencil-alt" aria-hidden="true"></i>
342
342
  </span>
343
343
  </button>
@@ -361,7 +361,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
361
361
  type="button"
362
362
  aria-label="Save edits"
363
363
  >
364
- <span class="pf-v6-c-button__text">
364
+ <span class="pf-v6-c-button__icon">
365
365
  <i class="fas fa-check" aria-hidden="true"></i>
366
366
  </span>
367
367
  </button>
@@ -372,7 +372,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
372
372
  type="button"
373
373
  aria-label="Cancel edits"
374
374
  >
375
- <span class="pf-v6-c-button__text">
375
+ <span class="pf-v6-c-button__icon">
376
376
  <i class="fas fa-times" aria-hidden="true"></i>
377
377
  </span>
378
378
  </button>
@@ -404,7 +404,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
404
404
  aria-label="Edit"
405
405
  aria-labelledby="inline-edit-state-invalid-label inline-edit-state-invalid-edit-button"
406
406
  >
407
- <span class="pf-v6-c-button__text">
407
+ <span class="pf-v6-c-button__icon">
408
408
  <i class="fas fa-pencil-alt" aria-hidden="true"></i>
409
409
  </span>
410
410
  </button>
@@ -435,7 +435,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
435
435
  disabled
436
436
  aria-label="Save edits"
437
437
  >
438
- <span class="pf-v6-c-button__text">
438
+ <span class="pf-v6-c-button__icon">
439
439
  <i class="fas fa-check" aria-hidden="true"></i>
440
440
  </span>
441
441
  </button>
@@ -446,7 +446,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
446
446
  type="button"
447
447
  aria-label="Cancel edits"
448
448
  >
449
- <span class="pf-v6-c-button__text">
449
+ <span class="pf-v6-c-button__icon">
450
450
  <i class="fas fa-times" aria-hidden="true"></i>
451
451
  </span>
452
452
  </button>
@@ -627,7 +627,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
627
627
  type="button"
628
628
  aria-label="Save edits"
629
629
  >
630
- <span class="pf-v6-c-button__text">
630
+ <span class="pf-v6-c-button__icon">
631
631
  <i class="fas fa-check" aria-hidden="true"></i>
632
632
  </span>
633
633
  </button>
@@ -638,7 +638,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
638
638
  type="button"
639
639
  aria-label="Cancel edits"
640
640
  >
641
- <span class="pf-v6-c-button__text">
641
+ <span class="pf-v6-c-button__icon">
642
642
  <i class="fas fa-times" aria-hidden="true"></i>
643
643
  </span>
644
644
  </button>
@@ -652,7 +652,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
652
652
  aria-label="Edit"
653
653
  aria-labelledby="bulk-edit-table-example-label bulk-edit-table-example-row-1-edit-button"
654
654
  >
655
- <span class="pf-v6-c-button__text">
655
+ <span class="pf-v6-c-button__icon">
656
656
  <i class="fas fa-pencil-alt" aria-hidden="true"></i>
657
657
  </span>
658
658
  </button>
@@ -812,7 +812,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
812
812
  type="button"
813
813
  aria-label="Save edits"
814
814
  >
815
- <span class="pf-v6-c-button__text">
815
+ <span class="pf-v6-c-button__icon">
816
816
  <i class="fas fa-check" aria-hidden="true"></i>
817
817
  </span>
818
818
  </button>
@@ -823,7 +823,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
823
823
  type="button"
824
824
  aria-label="Cancel edits"
825
825
  >
826
- <span class="pf-v6-c-button__text">
826
+ <span class="pf-v6-c-button__icon">
827
827
  <i class="fas fa-times" aria-hidden="true"></i>
828
828
  </span>
829
829
  </button>
@@ -837,7 +837,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
837
837
  aria-label="Edit"
838
838
  aria-labelledby="bulk-edit-table-example-label bulk-edit-table-example-row-2-edit-button"
839
839
  >
840
- <span class="pf-v6-c-button__text">
840
+ <span class="pf-v6-c-button__icon">
841
841
  <i class="fas fa-pencil-alt" aria-hidden="true"></i>
842
842
  </span>
843
843
  </button>
package/docs/components/InputGroup/examples/InputGroup.md CHANGED
@@ -210,7 +210,7 @@ Use the input group to extend form controls by adding text, buttons, selects, et
210
210
  type="button"
211
211
  aria-label="Popover for input"
212
212
  >
213
- <span class="pf-v6-c-button__text">
213
+ <span class="pf-v6-c-button__icon">
214
214
  <i class="fas fa-question-circle" aria-hidden="true"></i>
215
215
  </span>
216
216
  </button>
@@ -234,7 +234,7 @@ Use the input group to extend form controls by adding text, buttons, selects, et
234
234
  type="button"
235
235
  aria-label="Popover for input"
236
236
  >
237
- <span class="pf-v6-c-button__text">
237
+ <span class="pf-v6-c-button__icon">
238
238
  <i class="fas fa-question-circle" aria-hidden="true"></i>
239
239
  </span>
240
240
  </button>
package/docs/components/JumpLinks/examples/JumpLinks.md CHANGED
@@ -441,12 +441,12 @@ cssPrefix: pf-v6-c-jump-links
441
441
  aria-label="Toggle jump links"
442
442
  aria-expanded="false"
443
443
  >
444
- <span class="pf-v6-c-button__text">
444
+ <span class="pf-v6-c-button__icon pf-m-start">
445
445
  <span class="pf-v6-c-jump-links__toggle-icon">
446
446
  <i class="fas fa-angle-right" aria-hidden="true"></i>
447
447
  </span>
448
- <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
449
448
  </span>
449
+ <span class="pf-v6-c-button__text">Jump to section</span>
450
450
  </button>
451
451
  </div>
452
452
  <div class="pf-v6-c-jump-links__label">Jump to section</div>
@@ -517,12 +517,12 @@ cssPrefix: pf-v6-c-jump-links
517
517
  aria-label="Toggle jump links"
518
518
  aria-expanded="true"
519
519
  >
520
- <span class="pf-v6-c-button__text">
520
+ <span class="pf-v6-c-button__icon pf-m-start">
521
521
  <span class="pf-v6-c-jump-links__toggle-icon">
522
522
  <i class="fas fa-angle-right" aria-hidden="true"></i>
523
523
  </span>
524
- <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
525
524
  </span>
525
+ <span class="pf-v6-c-button__text">Jump to section</span>
526
526
  </button>
527
527
  </div>
528
528
  <div class="pf-v6-c-jump-links__label">Jump to section</div>
@@ -593,12 +593,12 @@ cssPrefix: pf-v6-c-jump-links
593
593
  aria-label="Toggle jump links"
594
594
  aria-expanded="false"
595
595
  >
596
- <span class="pf-v6-c-button__text">
596
+ <span class="pf-v6-c-button__icon pf-m-start">
597
597
  <span class="pf-v6-c-jump-links__toggle-icon">
598
598
  <i class="fas fa-angle-right" aria-hidden="true"></i>
599
599
  </span>
600
- <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
601
600
  </span>
601
+ <span class="pf-v6-c-button__text">Jump to section</span>
602
602
  </button>
603
603
  </div>
604
604
  <div class="pf-v6-c-jump-links__label">Jump to section</div>
@@ -668,12 +668,12 @@ cssPrefix: pf-v6-c-jump-links
668
668
  aria-label="Toggle jump links"
669
669
  aria-expanded="false"
670
670
  >
671
- <span class="pf-v6-c-button__text">
671
+ <span class="pf-v6-c-button__icon pf-m-start">
672
672
  <span class="pf-v6-c-jump-links__toggle-icon">
673
673
  <i class="fas fa-angle-right" aria-hidden="true"></i>
674
674
  </span>
675
- <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
676
675
  </span>
676
+ <span class="pf-v6-c-button__text">Jump to section</span>
677
677
  </button>
678
678
  </div>
679
679
  </div>