@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/components/Toolbar/examples/Toolbar.md CHANGED
@@ -230,7 +230,9 @@ Several components in the following examples do not include functional and/or ac
230
230
  type="button"
231
231
  aria-label="Edit"
232
232
  >
233
- <i class="fas fa-edit" aria-hidden="true"></i>
233
+ <span class="pf-v6-c-button__text">
234
+ <i class="fas fa-edit" aria-hidden="true"></i>
235
+ </span>
234
236
  </button>
235
237
  </div>
236
238
  <div class="pf-v6-c-toolbar__item">
@@ -239,7 +241,9 @@ Several components in the following examples do not include functional and/or ac
239
241
  type="button"
240
242
  aria-label="Clone"
241
243
  >
242
- <i class="fas fa-clone" aria-hidden="true"></i>
244
+ <span class="pf-v6-c-button__text">
245
+ <i class="fas fa-clone" aria-hidden="true"></i>
246
+ </span>
243
247
  </button>
244
248
  </div>
245
249
  <div class="pf-v6-c-toolbar__item">
@@ -248,19 +252,27 @@ Several components in the following examples do not include functional and/or ac
248
252
  type="button"
249
253
  aria-label="Sync"
250
254
  >
251
- <i class="fas fa-sync" aria-hidden="true"></i>
255
+ <span class="pf-v6-c-button__text">
256
+ <i class="fas fa-sync" aria-hidden="true"></i>
257
+ </span>
252
258
  </button>
253
259
  </div>
254
260
  </div>
255
261
  <div class="pf-v6-c-toolbar__group pf-m-button-group">
256
262
  <div class="pf-v6-c-toolbar__item">
257
- <button class="pf-v6-c-button pf-m-primary" type="button">Action</button>
263
+ <button class="pf-v6-c-button pf-m-primary" type="button">
264
+ <span class="pf-v6-c-button__text">Action</span>
265
+ </button>
258
266
  </div>
259
267
  <div class="pf-v6-c-toolbar__item">
260
- <button class="pf-v6-c-button pf-m-secondary" type="button">Secondary</button>
268
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
269
+ <span class="pf-v6-c-button__text">Secondary</span>
270
+ </button>
261
271
  </div>
262
272
  <div class="pf-v6-c-toolbar__item">
263
- <button class="pf-v6-c-button pf-m-tertiary" type="button">Tertiary</button>
273
+ <button class="pf-v6-c-button pf-m-tertiary" type="button">
274
+ <span class="pf-v6-c-button__text">Tertiary</span>
275
+ </button>
264
276
  </div>
265
277
  </div>
266
278
  </div>
@@ -698,7 +710,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
698
710
  aria-label="Remove"
699
711
  id="toolbar-selected-filters-toggle-group-collapsed-example-label-group-statusremove-label-one"
700
712
  >
701
- <i class="fas fa-times" aria-hidden="true"></i>
713
+ <span class="pf-v6-c-button__text">
714
+ <i class="fas fa-times" aria-hidden="true"></i>
715
+ </span>
702
716
  </button>
703
717
  </span>
704
718
  </span>
@@ -721,7 +735,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
721
735
  aria-label="Remove"
722
736
  id="toolbar-selected-filters-toggle-group-collapsed-example-label-group-statusremove-label-two"
723
737
  >
724
- <i class="fas fa-times" aria-hidden="true"></i>
738
+ <span class="pf-v6-c-button__text">
739
+ <i class="fas fa-times" aria-hidden="true"></i>
740
+ </span>
725
741
  </button>
726
742
  </span>
727
743
  </span>
@@ -744,7 +760,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
744
760
  aria-label="Remove"
745
761
  id="toolbar-selected-filters-toggle-group-collapsed-example-label-group-statusremove-label-three"
746
762
  >
747
- <i class="fas fa-times" aria-hidden="true"></i>
763
+ <span class="pf-v6-c-button__text">
764
+ <i class="fas fa-times" aria-hidden="true"></i>
765
+ </span>
748
766
  </button>
749
767
  </span>
750
768
  </span>
@@ -784,7 +802,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
784
802
  aria-label="Remove"
785
803
  id="toolbar-selected-filters-toggle-group-collapsed-example-label-group-riskremove-label-one"
786
804
  >
787
- <i class="fas fa-times" aria-hidden="true"></i>
805
+ <span class="pf-v6-c-button__text">
806
+ <i class="fas fa-times" aria-hidden="true"></i>
807
+ </span>
788
808
  </button>
789
809
  </span>
790
810
  </span>
@@ -807,7 +827,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
807
827
  aria-label="Remove"
808
828
  id="toolbar-selected-filters-toggle-group-collapsed-example-label-group-riskremove-label-two"
809
829
  >
810
- <i class="fas fa-times" aria-hidden="true"></i>
830
+ <span class="pf-v6-c-button__text">
831
+ <i class="fas fa-times" aria-hidden="true"></i>
832
+ </span>
811
833
  </button>
812
834
  </span>
813
835
  </span>
@@ -830,7 +852,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
830
852
  aria-label="Remove"
831
853
  id="toolbar-selected-filters-toggle-group-collapsed-example-label-group-riskremove-label-three"
832
854
  >
833
- <i class="fas fa-times" aria-hidden="true"></i>
855
+ <span class="pf-v6-c-button__text">
856
+ <i class="fas fa-times" aria-hidden="true"></i>
857
+ </span>
834
858
  </button>
835
859
  </span>
836
860
  </span>
@@ -842,10 +866,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
842
866
  </div>
843
867
  </div>
844
868
  <div class="pf-v6-c-toolbar__item">
845
- <button
846
- class="pf-v6-c-button pf-m-link pf-m-inline"
847
- type="button"
848
- >Clear all filters</button>
869
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
870
+ <span class="pf-v6-c-button__text">Clear all filters</span>
871
+ </button>
849
872
  </div>
850
873
  </div>
851
874
  </div>
@@ -854,10 +877,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
854
877
  <div class="pf-v6-c-toolbar__group">
855
878
  <div class="pf-v6-c-toolbar__item">6 filters applied</div>
856
879
  <div class="pf-v6-c-toolbar__item">
857
- <button
858
- class="pf-v6-c-button pf-m-link pf-m-inline"
859
- type="button"
860
- >Clear all filters</button>
880
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
881
+ <span class="pf-v6-c-button__text">Clear all filters</span>
882
+ </button>
861
883
  </div>
862
884
  </div>
863
885
  </div>
@@ -1041,7 +1063,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1041
1063
  aria-label="Remove"
1042
1064
  id="toolbar-selected-filters-toggle-group-expanded-example-label-group-statusremove-label-one"
1043
1065
  >
1044
- <i class="fas fa-times" aria-hidden="true"></i>
1066
+ <span class="pf-v6-c-button__text">
1067
+ <i class="fas fa-times" aria-hidden="true"></i>
1068
+ </span>
1045
1069
  </button>
1046
1070
  </span>
1047
1071
  </span>
@@ -1064,7 +1088,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1064
1088
  aria-label="Remove"
1065
1089
  id="toolbar-selected-filters-toggle-group-expanded-example-label-group-statusremove-label-two"
1066
1090
  >
1067
- <i class="fas fa-times" aria-hidden="true"></i>
1091
+ <span class="pf-v6-c-button__text">
1092
+ <i class="fas fa-times" aria-hidden="true"></i>
1093
+ </span>
1068
1094
  </button>
1069
1095
  </span>
1070
1096
  </span>
@@ -1087,7 +1113,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1087
1113
  aria-label="Remove"
1088
1114
  id="toolbar-selected-filters-toggle-group-expanded-example-label-group-statusremove-label-three"
1089
1115
  >
1090
- <i class="fas fa-times" aria-hidden="true"></i>
1116
+ <span class="pf-v6-c-button__text">
1117
+ <i class="fas fa-times" aria-hidden="true"></i>
1118
+ </span>
1091
1119
  </button>
1092
1120
  </span>
1093
1121
  </span>
@@ -1127,7 +1155,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1127
1155
  aria-label="Remove"
1128
1156
  id="toolbar-selected-filters-toggle-group-expanded-example-label-group-riskremove-label-one"
1129
1157
  >
1130
- <i class="fas fa-times" aria-hidden="true"></i>
1158
+ <span class="pf-v6-c-button__text">
1159
+ <i class="fas fa-times" aria-hidden="true"></i>
1160
+ </span>
1131
1161
  </button>
1132
1162
  </span>
1133
1163
  </span>
@@ -1150,7 +1180,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1150
1180
  aria-label="Remove"
1151
1181
  id="toolbar-selected-filters-toggle-group-expanded-example-label-group-riskremove-label-two"
1152
1182
  >
1153
- <i class="fas fa-times" aria-hidden="true"></i>
1183
+ <span class="pf-v6-c-button__text">
1184
+ <i class="fas fa-times" aria-hidden="true"></i>
1185
+ </span>
1154
1186
  </button>
1155
1187
  </span>
1156
1188
  </span>
@@ -1173,7 +1205,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1173
1205
  aria-label="Remove"
1174
1206
  id="toolbar-selected-filters-toggle-group-expanded-example-label-group-riskremove-label-three"
1175
1207
  >
1176
- <i class="fas fa-times" aria-hidden="true"></i>
1208
+ <span class="pf-v6-c-button__text">
1209
+ <i class="fas fa-times" aria-hidden="true"></i>
1210
+ </span>
1177
1211
  </button>
1178
1212
  </span>
1179
1213
  </span>
@@ -1185,10 +1219,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1185
1219
  </div>
1186
1220
  </div>
1187
1221
  <div class="pf-v6-c-toolbar__item">
1188
- <button
1189
- class="pf-v6-c-button pf-m-link pf-m-inline"
1190
- type="button"
1191
- >Clear all filters</button>
1222
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1223
+ <span class="pf-v6-c-button__text">Clear all filters</span>
1224
+ </button>
1192
1225
  </div>
1193
1226
  </div>
1194
1227
  </div>
@@ -1297,16 +1330,14 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1297
1330
  <div class="pf-v6-c-overflow-menu__content">
1298
1331
  <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
1299
1332
  <div class="pf-v6-c-overflow-menu__item">
1300
- <button
1301
- class="pf-v6-c-button pf-m-primary"
1302
- type="button"
1303
- >Primary</button>
1333
+ <button class="pf-v6-c-button pf-m-primary" type="button">
1334
+ <span class="pf-v6-c-button__text">Primary</span>
1335
+ </button>
1304
1336
  </div>
1305
1337
  <div class="pf-v6-c-overflow-menu__item">
1306
- <button
1307
- class="pf-v6-c-button pf-m-secondary"
1308
- type="button"
1309
- >Secondary</button>
1338
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
1339
+ <span class="pf-v6-c-button__text">Secondary</span>
1340
+ </button>
1310
1341
  </div>
1311
1342
  </div>
1312
1343
  </div>
@@ -1361,7 +1392,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1361
1392
  aria-label="Remove"
1362
1393
  id="toolbar-selected-filters-example-label-group-statusremove-label-one"
1363
1394
  >
1364
- <i class="fas fa-times" aria-hidden="true"></i>
1395
+ <span class="pf-v6-c-button__text">
1396
+ <i class="fas fa-times" aria-hidden="true"></i>
1397
+ </span>
1365
1398
  </button>
1366
1399
  </span>
1367
1400
  </span>
@@ -1384,7 +1417,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1384
1417
  aria-label="Remove"
1385
1418
  id="toolbar-selected-filters-example-label-group-statusremove-label-two"
1386
1419
  >
1387
- <i class="fas fa-times" aria-hidden="true"></i>
1420
+ <span class="pf-v6-c-button__text">
1421
+ <i class="fas fa-times" aria-hidden="true"></i>
1422
+ </span>
1388
1423
  </button>
1389
1424
  </span>
1390
1425
  </span>
@@ -1407,7 +1442,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1407
1442
  aria-label="Remove"
1408
1443
  id="toolbar-selected-filters-example-label-group-statusremove-label-three"
1409
1444
  >
1410
- <i class="fas fa-times" aria-hidden="true"></i>
1445
+ <span class="pf-v6-c-button__text">
1446
+ <i class="fas fa-times" aria-hidden="true"></i>
1447
+ </span>
1411
1448
  </button>
1412
1449
  </span>
1413
1450
  </span>
@@ -1447,7 +1484,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1447
1484
  aria-label="Remove"
1448
1485
  id="toolbar-selected-filters-example-label-group-riskremove-label-one"
1449
1486
  >
1450
- <i class="fas fa-times" aria-hidden="true"></i>
1487
+ <span class="pf-v6-c-button__text">
1488
+ <i class="fas fa-times" aria-hidden="true"></i>
1489
+ </span>
1451
1490
  </button>
1452
1491
  </span>
1453
1492
  </span>
@@ -1470,7 +1509,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1470
1509
  aria-label="Remove"
1471
1510
  id="toolbar-selected-filters-example-label-group-riskremove-label-two"
1472
1511
  >
1473
- <i class="fas fa-times" aria-hidden="true"></i>
1512
+ <span class="pf-v6-c-button__text">
1513
+ <i class="fas fa-times" aria-hidden="true"></i>
1514
+ </span>
1474
1515
  </button>
1475
1516
  </span>
1476
1517
  </span>
@@ -1493,7 +1534,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1493
1534
  aria-label="Remove"
1494
1535
  id="toolbar-selected-filters-example-label-group-riskremove-label-three"
1495
1536
  >
1496
- <i class="fas fa-times" aria-hidden="true"></i>
1537
+ <span class="pf-v6-c-button__text">
1538
+ <i class="fas fa-times" aria-hidden="true"></i>
1539
+ </span>
1497
1540
  </button>
1498
1541
  </span>
1499
1542
  </span>
@@ -1505,10 +1548,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1505
1548
  </div>
1506
1549
  </div>
1507
1550
  <div class="pf-v6-c-toolbar__item">
1508
- <button
1509
- class="pf-v6-c-button pf-m-link pf-m-inline"
1510
- type="button"
1511
- >Clear all filters</button>
1551
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1552
+ <span class="pf-v6-c-button__text">Clear all filters</span>
1553
+ </button>
1512
1554
  </div>
1513
1555
  </div>
1514
1556
  </div>
@@ -1620,16 +1662,14 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1620
1662
  <div class="pf-v6-c-overflow-menu__content">
1621
1663
  <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
1622
1664
  <div class="pf-v6-c-overflow-menu__item">
1623
- <button
1624
- class="pf-v6-c-button pf-m-primary"
1625
- type="button"
1626
- >Primary</button>
1665
+ <button class="pf-v6-c-button pf-m-primary" type="button">
1666
+ <span class="pf-v6-c-button__text">Primary</span>
1667
+ </button>
1627
1668
  </div>
1628
1669
  <div class="pf-v6-c-overflow-menu__item">
1629
- <button
1630
- class="pf-v6-c-button pf-m-secondary"
1631
- type="button"
1632
- >Secondary</button>
1670
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
1671
+ <span class="pf-v6-c-button__text">Secondary</span>
1672
+ </button>
1633
1673
  </div>
1634
1674
  </div>
1635
1675
  </div>
@@ -1724,7 +1764,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1724
1764
  aria-label="Go to first page"
1725
1765
  aria-disabled="true"
1726
1766
  >
1727
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1767
+ <span class="pf-v6-c-button__text">
1768
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1769
+ </span>
1728
1770
  </button>
1729
1771
  </div>
1730
1772
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -1734,7 +1776,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1734
1776
  aria-label="Go to previous page"
1735
1777
  aria-disabled="true"
1736
1778
  >
1737
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1779
+ <span class="pf-v6-c-button__text">
1780
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1781
+ </span>
1738
1782
  </button>
1739
1783
  </div>
1740
1784
 
@@ -1759,7 +1803,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1759
1803
  type="button"
1760
1804
  aria-label="Go to next page"
1761
1805
  >
1762
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1806
+ <span class="pf-v6-c-button__text">
1807
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1808
+ </span>
1763
1809
  </button>
1764
1810
  </div>
1765
1811
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -1768,7 +1814,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1768
1814
  type="button"
1769
1815
  aria-label="Go to last page"
1770
1816
  >
1771
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1817
+ <span class="pf-v6-c-button__text">
1818
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1819
+ </span>
1772
1820
  </button>
1773
1821
  </div>
1774
1822
  </nav>
@@ -1949,7 +1997,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1949
1997
  aria-label="Go to first page"
1950
1998
  aria-disabled="true"
1951
1999
  >
1952
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
2000
+ <span class="pf-v6-c-button__text">
2001
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
2002
+ </span>
1953
2003
  </button>
1954
2004
  </div>
1955
2005
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -1959,7 +2009,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1959
2009
  aria-label="Go to previous page"
1960
2010
  aria-disabled="true"
1961
2011
  >
1962
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2012
+ <span class="pf-v6-c-button__text">
2013
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2014
+ </span>
1963
2015
  </button>
1964
2016
  </div>
1965
2017
 
@@ -1984,7 +2036,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1984
2036
  type="button"
1985
2037
  aria-label="Go to next page"
1986
2038
  >
1987
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2039
+ <span class="pf-v6-c-button__text">
2040
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2041
+ </span>
1988
2042
  </button>
1989
2043
  </div>
1990
2044
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -1993,7 +2047,9 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1993
2047
  type="button"
1994
2048
  aria-label="Go to last page"
1995
2049
  >
1996
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
2050
+ <span class="pf-v6-c-button__text">
2051
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
2052
+ </span>
1997
2053
  </button>
1998
2054
  </div>
1999
2055
  </nav>
package/docs/components/TreeView/examples/TreeView.md CHANGED
@@ -1721,7 +1721,9 @@ cssPrefix: pf-v6-c-tree-view
1721
1721
  type="button"
1722
1722
  aria-label="Actions"
1723
1723
  >
1724
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1724
+ <span class="pf-v6-c-button__text">
1725
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1726
+ </span>
1725
1727
  </button>
1726
1728
  </div>
1727
1729
  </div>
@@ -1750,7 +1752,9 @@ cssPrefix: pf-v6-c-tree-view
1750
1752
  type="button"
1751
1753
  aria-label="Copy"
1752
1754
  >
1753
- <i class="fas fa-clipboard" aria-hidden="true"></i>
1755
+ <span class="pf-v6-c-button__text">
1756
+ <i class="fas fa-clipboard" aria-hidden="true"></i>
1757
+ </span>
1754
1758
  </button>
1755
1759
  </div>
1756
1760
  </div>
@@ -1807,7 +1811,9 @@ cssPrefix: pf-v6-c-tree-view
1807
1811
  type="button"
1808
1812
  aria-label="Action"
1809
1813
  >
1810
- <i class="fas fa-bars" aria-hidden="true"></i>
1814
+ <span class="pf-v6-c-button__text">
1815
+ <i class="fas fa-bars" aria-hidden="true"></i>
1816
+ </span>
1811
1817
  </button>
1812
1818
  </div>
1813
1819
  </div>
@@ -1965,7 +1971,9 @@ cssPrefix: pf-v6-c-tree-view
1965
1971
  type="button"
1966
1972
  aria-label="Actions"
1967
1973
  >
1968
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1974
+ <span class="pf-v6-c-button__text">
1975
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1976
+ </span>
1969
1977
  </button>
1970
1978
  </div>
1971
1979
  </div>