@patternfly/patternfly 6.0.0-alpha.165 → 6.0.0-alpha.167

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 (88) hide show
  1. package/components/Alert/alert-group.css +54 -3
  2. package/components/Alert/alert-group.scss +85 -0
  3. package/components/Alert/alert.scss +1 -1
  4. package/components/Button/button.css +33 -14
  5. package/components/Button/button.scss +36 -14
  6. package/components/_index.css +87 -17
  7. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  8. package/docs/components/ActionList/examples/ActionList.md +60 -20
  9. package/docs/components/Alert/examples/Alert.md +106 -62
  10. package/docs/components/BackToTop/examples/BackToTop.md +5 -3
  11. package/docs/components/Banner/examples/Banner.md +9 -3
  12. package/docs/components/Button/examples/Button.md +536 -367
  13. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  14. package/docs/components/Card/examples/Card.md +43 -29
  15. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +75 -33
  16. package/docs/components/CodeBlock/examples/CodeBlock.md +18 -6
  17. package/docs/components/CodeEditor/examples/CodeEditor.md +44 -22
  18. package/docs/components/ContextSelector/deprecated/context-selector.md +6 -8
  19. package/docs/components/DataList/examples/DataList.md +121 -63
  20. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  21. package/docs/components/DescriptionList/examples/DescriptionList.md +125 -75
  22. package/docs/components/Drawer/examples/Drawer.md +57 -19
  23. package/docs/components/DualListSelector/examples/DualListSelector.md +204 -100
  24. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  25. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  26. package/docs/components/Form/examples/Form.md +53 -19
  27. package/docs/components/Hint/examples/Hint.md +9 -9
  28. package/docs/components/InlineEdit/examples/InlineEdit.md +78 -26
  29. package/docs/components/InputGroup/examples/InputGroup.md +27 -9
  30. package/docs/components/JumpLinks/examples/JumpLinks.md +188 -68
  31. package/docs/components/Label/examples/Label.md +651 -217
  32. package/docs/components/LogViewer/examples/LogViewer.md +218 -86
  33. package/docs/components/Login/examples/Login.md +346 -282
  34. package/docs/components/Masthead/examples/masthead.md +27 -9
  35. package/docs/components/Menu/examples/Menu.md +35 -25
  36. package/docs/components/MenuToggle/examples/MenuToggle.md +3 -1
  37. package/docs/components/ModalBox/examples/ModalBox.md +48 -16
  38. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +48 -16
  39. package/docs/components/Nav/examples/Navigation.md +12 -4
  40. package/docs/components/NotificationBadge/examples/NotificationBadge.md +78 -42
  41. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +6 -2
  42. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  43. package/docs/components/OverflowMenu/examples/overflow-menu.md +48 -16
  44. package/docs/components/Page/examples/Page.md +21 -7
  45. package/docs/components/Pagination/examples/Pagination.md +132 -44
  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/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  77. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +12 -4
  78. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +306 -133
  79. package/docs/demos/Skeleton/examples/Skeleton.md +6 -2
  80. package/docs/demos/Table/examples/Table.md +474 -210
  81. package/docs/demos/Tabs/examples/Tabs.md +60 -22
  82. package/docs/demos/Toolbar/examples/Toolbar.md +123 -72
  83. package/docs/demos/Wizard/examples/Wizard.md +179 -110
  84. package/package.json +1 -1
  85. package/patternfly-no-globals.css +87 -17
  86. package/patternfly.css +87 -17
  87. package/patternfly.min.css +1 -1
  88. package/patternfly.min.css.map +1 -1
package/docs/demos/Table/examples/Table.md CHANGED
@@ -11,10 +11,9 @@ wrapperTag: div
11
11
  ```html isFullscreen
12
12
  <div class="pf-v6-c-page" id="basic-demo">
13
13
  <div class="pf-v6-c-skip-to-content">
14
- <a
15
- class="pf-v6-c-button pf-m-primary"
16
- href="#main-content-basic-demo"
17
- >Skip to content</a>
14
+ <a class="pf-v6-c-button pf-m-primary" href="#main-content-basic-demo">
15
+ <span class="pf-v6-c-button__text">Skip to content</span>
16
+ </a>
18
17
  </div>
19
18
  <header class="pf-v6-c-masthead" id="basic-demo-masthead">
20
19
  <span class="pf-v6-c-masthead__toggle">
@@ -23,7 +22,9 @@ wrapperTag: div
23
22
  type="button"
24
23
  aria-label="Global navigation"
25
24
  >
26
- <i class="fas fa-bars" aria-hidden="true"></i>
25
+ <span class="pf-v6-c-button__text">
26
+ <i class="fas fa-bars" aria-hidden="true"></i>
27
+ </span>
27
28
  </button>
28
29
  </span>
29
30
  <div class="pf-v6-c-masthead__main">
@@ -387,10 +388,12 @@ wrapperTag: div
387
388
  type="button"
388
389
  aria-label="Sort"
389
390
  >
390
- <i
391
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
392
- aria-hidden="true"
393
- ></i>
391
+ <span class="pf-v6-c-button__text">
392
+ <i
393
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
394
+ aria-hidden="true"
395
+ ></i>
396
+ </span>
394
397
  </button>
395
398
  </div>
396
399
 
@@ -406,7 +409,9 @@ wrapperTag: div
406
409
  <button
407
410
  class="pf-v6-c-button pf-m-primary"
408
411
  type="button"
409
- >Create instance</button>
412
+ >
413
+ <span class="pf-v6-c-button__text">Create instance</span>
414
+ </button>
410
415
  </div>
411
416
  </div>
412
417
  </div>
@@ -457,7 +462,9 @@ wrapperTag: div
457
462
  disabled
458
463
  aria-label="Go to previous page"
459
464
  >
460
- <i class="fas fa-angle-left" aria-hidden="true"></i>
465
+ <span class="pf-v6-c-button__text">
466
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
467
+ </span>
461
468
  </button>
462
469
  </div>
463
470
  <div class="pf-v6-c-pagination__nav-control pf-m-next">
@@ -466,7 +473,9 @@ wrapperTag: div
466
473
  type="button"
467
474
  aria-label="Go to next page"
468
475
  >
469
- <i class="fas fa-angle-right" aria-hidden="true"></i>
476
+ <span class="pf-v6-c-button__text">
477
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
478
+ </span>
470
479
  </button>
471
480
  </div>
472
481
  </nav>
@@ -925,7 +934,9 @@ wrapperTag: div
925
934
  disabled
926
935
  aria-label="Go to first page"
927
936
  >
928
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
937
+ <span class="pf-v6-c-button__text">
938
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
939
+ </span>
929
940
  </button>
930
941
  </div>
931
942
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -935,7 +946,9 @@ wrapperTag: div
935
946
  disabled
936
947
  aria-label="Go to previous page"
937
948
  >
938
- <i class="fas fa-angle-left" aria-hidden="true"></i>
949
+ <span class="pf-v6-c-button__text">
950
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
951
+ </span>
939
952
  </button>
940
953
  </div>
941
954
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -956,7 +969,9 @@ wrapperTag: div
956
969
  type="button"
957
970
  aria-label="Go to next page"
958
971
  >
959
- <i class="fas fa-angle-right" aria-hidden="true"></i>
972
+ <span class="pf-v6-c-button__text">
973
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
974
+ </span>
960
975
  </button>
961
976
  </div>
962
977
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -965,7 +980,9 @@ wrapperTag: div
965
980
  type="button"
966
981
  aria-label="Go to last page"
967
982
  >
968
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
983
+ <span class="pf-v6-c-button__text">
984
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
985
+ </span>
969
986
  </button>
970
987
  </div>
971
988
  </nav>
@@ -983,10 +1000,9 @@ wrapperTag: div
983
1000
  ```html isFullscreen
984
1001
  <div class="pf-v6-c-page" id="sortable-demo">
985
1002
  <div class="pf-v6-c-skip-to-content">
986
- <a
987
- class="pf-v6-c-button pf-m-primary"
988
- href="#main-content-sortable-demo"
989
- >Skip to content</a>
1003
+ <a class="pf-v6-c-button pf-m-primary" href="#main-content-sortable-demo">
1004
+ <span class="pf-v6-c-button__text">Skip to content</span>
1005
+ </a>
990
1006
  </div>
991
1007
  <header class="pf-v6-c-masthead" id="sortable-demo-masthead">
992
1008
  <span class="pf-v6-c-masthead__toggle">
@@ -995,7 +1011,9 @@ wrapperTag: div
995
1011
  type="button"
996
1012
  aria-label="Global navigation"
997
1013
  >
998
- <i class="fas fa-bars" aria-hidden="true"></i>
1014
+ <span class="pf-v6-c-button__text">
1015
+ <i class="fas fa-bars" aria-hidden="true"></i>
1016
+ </span>
999
1017
  </button>
1000
1018
  </span>
1001
1019
  <div class="pf-v6-c-masthead__main">
@@ -1472,14 +1490,18 @@ wrapperTag: div
1472
1490
  <button
1473
1491
  class="pf-v6-c-button pf-m-primary"
1474
1492
  type="button"
1475
- >Create instance</button>
1493
+ >
1494
+ <span class="pf-v6-c-button__text">Create instance</span>
1495
+ </button>
1476
1496
  </div>
1477
1497
 
1478
1498
  <div class="pf-v6-c-overflow-menu__item">
1479
1499
  <button
1480
1500
  class="pf-v6-c-button pf-m-secondary"
1481
1501
  type="button"
1482
- >Action</button>
1502
+ >
1503
+ <span class="pf-v6-c-button__text">Action</span>
1504
+ </button>
1483
1505
  </div>
1484
1506
  </div>
1485
1507
  </div>
@@ -1505,7 +1527,9 @@ wrapperTag: div
1505
1527
  type="button"
1506
1528
  aria-label="Edit"
1507
1529
  >
1508
- <i class="fas fa-edit" aria-hidden="true"></i>
1530
+ <span class="pf-v6-c-button__text">
1531
+ <i class="fas fa-edit" aria-hidden="true"></i>
1532
+ </span>
1509
1533
  </button>
1510
1534
  </div>
1511
1535
  <div class="pf-v6-c-toolbar__item">
@@ -1514,7 +1538,9 @@ wrapperTag: div
1514
1538
  type="button"
1515
1539
  aria-label="Clone"
1516
1540
  >
1517
- <i class="fas fa-clone" aria-hidden="true"></i>
1541
+ <span class="pf-v6-c-button__text">
1542
+ <i class="fas fa-clone" aria-hidden="true"></i>
1543
+ </span>
1518
1544
  </button>
1519
1545
  </div>
1520
1546
  <div class="pf-v6-c-toolbar__item">
@@ -1523,7 +1549,9 @@ wrapperTag: div
1523
1549
  type="button"
1524
1550
  aria-label="Sync"
1525
1551
  >
1526
- <i class="fas fa-sync" aria-hidden="true"></i>
1552
+ <span class="pf-v6-c-button__text">
1553
+ <i class="fas fa-sync" aria-hidden="true"></i>
1554
+ </span>
1527
1555
  </button>
1528
1556
  </div>
1529
1557
  </div>
@@ -1560,7 +1588,9 @@ wrapperTag: div
1560
1588
  disabled
1561
1589
  aria-label="Go to previous page"
1562
1590
  >
1563
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1591
+ <span class="pf-v6-c-button__text">
1592
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1593
+ </span>
1564
1594
  </button>
1565
1595
  </div>
1566
1596
  <div class="pf-v6-c-pagination__nav-control pf-m-next">
@@ -1569,7 +1599,9 @@ wrapperTag: div
1569
1599
  type="button"
1570
1600
  aria-label="Go to next page"
1571
1601
  >
1572
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1602
+ <span class="pf-v6-c-button__text">
1603
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1604
+ </span>
1573
1605
  </button>
1574
1606
  </div>
1575
1607
  </nav>
@@ -2128,7 +2160,9 @@ wrapperTag: div
2128
2160
  disabled
2129
2161
  aria-label="Go to first page"
2130
2162
  >
2131
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
2163
+ <span class="pf-v6-c-button__text">
2164
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
2165
+ </span>
2132
2166
  </button>
2133
2167
  </div>
2134
2168
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -2138,7 +2172,9 @@ wrapperTag: div
2138
2172
  disabled
2139
2173
  aria-label="Go to previous page"
2140
2174
  >
2141
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2175
+ <span class="pf-v6-c-button__text">
2176
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2177
+ </span>
2142
2178
  </button>
2143
2179
  </div>
2144
2180
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -2159,7 +2195,9 @@ wrapperTag: div
2159
2195
  type="button"
2160
2196
  aria-label="Go to next page"
2161
2197
  >
2162
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2198
+ <span class="pf-v6-c-button__text">
2199
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2200
+ </span>
2163
2201
  </button>
2164
2202
  </div>
2165
2203
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -2168,7 +2206,9 @@ wrapperTag: div
2168
2206
  type="button"
2169
2207
  aria-label="Go to last page"
2170
2208
  >
2171
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
2209
+ <span class="pf-v6-c-button__text">
2210
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
2211
+ </span>
2172
2212
  </button>
2173
2213
  </div>
2174
2214
  </nav>
@@ -2187,10 +2227,9 @@ wrapperTag: div
2187
2227
  ```html isFullscreen
2188
2228
  <div class="pf-v6-c-page" id="expandable-demo">
2189
2229
  <div class="pf-v6-c-skip-to-content">
2190
- <a
2191
- class="pf-v6-c-button pf-m-primary"
2192
- href="#main-content-expandable-demo"
2193
- >Skip to content</a>
2230
+ <a class="pf-v6-c-button pf-m-primary" href="#main-content-expandable-demo">
2231
+ <span class="pf-v6-c-button__text">Skip to content</span>
2232
+ </a>
2194
2233
  </div>
2195
2234
  <header class="pf-v6-c-masthead" id="expandable-demo-masthead">
2196
2235
  <span class="pf-v6-c-masthead__toggle">
@@ -2199,7 +2238,9 @@ wrapperTag: div
2199
2238
  type="button"
2200
2239
  aria-label="Global navigation"
2201
2240
  >
2202
- <i class="fas fa-bars" aria-hidden="true"></i>
2241
+ <span class="pf-v6-c-button__text">
2242
+ <i class="fas fa-bars" aria-hidden="true"></i>
2243
+ </span>
2203
2244
  </button>
2204
2245
  </span>
2205
2246
  <div class="pf-v6-c-masthead__main">
@@ -2794,10 +2835,12 @@ wrapperTag: div
2794
2835
  type="button"
2795
2836
  aria-label="Sort"
2796
2837
  >
2797
- <i
2798
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2799
- aria-hidden="true"
2800
- ></i>
2838
+ <span class="pf-v6-c-button__text">
2839
+ <i
2840
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2841
+ aria-hidden="true"
2842
+ ></i>
2843
+ </span>
2801
2844
  </button>
2802
2845
  </div>
2803
2846
 
@@ -2833,7 +2876,9 @@ wrapperTag: div
2833
2876
  disabled
2834
2877
  aria-label="Go to previous page"
2835
2878
  >
2836
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2879
+ <span class="pf-v6-c-button__text">
2880
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2881
+ </span>
2837
2882
  </button>
2838
2883
  </div>
2839
2884
  <div class="pf-v6-c-pagination__nav-control pf-m-next">
@@ -2842,7 +2887,9 @@ wrapperTag: div
2842
2887
  type="button"
2843
2888
  aria-label="Go to next page"
2844
2889
  >
2845
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2890
+ <span class="pf-v6-c-button__text">
2891
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2892
+ </span>
2846
2893
  </button>
2847
2894
  </div>
2848
2895
  </nav>
@@ -2874,9 +2921,11 @@ wrapperTag: div
2874
2921
  type="button"
2875
2922
  aria-label="Toggle row"
2876
2923
  >
2877
- <div class="pf-v6-c-table__toggle-icon">
2878
- <i class="fas fa-angle-down" aria-hidden="true"></i>
2879
- </div>
2924
+ <span class="pf-v6-c-button__text">
2925
+ <div class="pf-v6-c-table__toggle-icon">
2926
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
2927
+ </div>
2928
+ </span>
2880
2929
  </button>
2881
2930
  </td>
2882
2931
 
@@ -2929,9 +2978,11 @@ wrapperTag: div
2929
2978
  type="button"
2930
2979
  aria-label="Toggle row"
2931
2980
  >
2932
- <div class="pf-v6-c-table__toggle-icon">
2933
- <i class="fas fa-angle-down" aria-hidden="true"></i>
2934
- </div>
2981
+ <span class="pf-v6-c-button__text">
2982
+ <div class="pf-v6-c-table__toggle-icon">
2983
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
2984
+ </div>
2985
+ </span>
2935
2986
  </button>
2936
2987
  </td>
2937
2988
 
@@ -3057,9 +3108,11 @@ wrapperTag: div
3057
3108
  aria-expanded="true"
3058
3109
  aria-label="Toggle row"
3059
3110
  >
3060
- <div class="pf-v6-c-table__toggle-icon">
3061
- <i class="fas fa-angle-down" aria-hidden="true"></i>
3062
- </div>
3111
+ <span class="pf-v6-c-button__text">
3112
+ <div class="pf-v6-c-table__toggle-icon">
3113
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3114
+ </div>
3115
+ </span>
3063
3116
  </button>
3064
3117
  </td>
3065
3118
  <td
@@ -3190,9 +3243,11 @@ wrapperTag: div
3190
3243
  type="button"
3191
3244
  aria-label="Toggle row"
3192
3245
  >
3193
- <div class="pf-v6-c-table__toggle-icon">
3194
- <i class="fas fa-angle-down" aria-hidden="true"></i>
3195
- </div>
3246
+ <span class="pf-v6-c-button__text">
3247
+ <div class="pf-v6-c-table__toggle-icon">
3248
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3249
+ </div>
3250
+ </span>
3196
3251
  </button>
3197
3252
  </td>
3198
3253
  <td
@@ -3306,9 +3361,11 @@ wrapperTag: div
3306
3361
  type="button"
3307
3362
  aria-label="Toggle row"
3308
3363
  >
3309
- <div class="pf-v6-c-table__toggle-icon">
3310
- <i class="fas fa-angle-down" aria-hidden="true"></i>
3311
- </div>
3364
+ <span class="pf-v6-c-button__text">
3365
+ <div class="pf-v6-c-table__toggle-icon">
3366
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3367
+ </div>
3368
+ </span>
3312
3369
  </button>
3313
3370
  </td>
3314
3371
  <td
@@ -3422,9 +3479,11 @@ wrapperTag: div
3422
3479
  type="button"
3423
3480
  aria-label="Toggle row"
3424
3481
  >
3425
- <div class="pf-v6-c-table__toggle-icon">
3426
- <i class="fas fa-angle-down" aria-hidden="true"></i>
3427
- </div>
3482
+ <span class="pf-v6-c-button__text">
3483
+ <div class="pf-v6-c-table__toggle-icon">
3484
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3485
+ </div>
3486
+ </span>
3428
3487
  </button>
3429
3488
  </td>
3430
3489
 
@@ -3559,7 +3618,9 @@ wrapperTag: div
3559
3618
  disabled
3560
3619
  aria-label="Go to first page"
3561
3620
  >
3562
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
3621
+ <span class="pf-v6-c-button__text">
3622
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
3623
+ </span>
3563
3624
  </button>
3564
3625
  </div>
3565
3626
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -3569,7 +3630,9 @@ wrapperTag: div
3569
3630
  disabled
3570
3631
  aria-label="Go to previous page"
3571
3632
  >
3572
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3633
+ <span class="pf-v6-c-button__text">
3634
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
3635
+ </span>
3573
3636
  </button>
3574
3637
  </div>
3575
3638
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -3590,7 +3653,9 @@ wrapperTag: div
3590
3653
  type="button"
3591
3654
  aria-label="Go to next page"
3592
3655
  >
3593
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3656
+ <span class="pf-v6-c-button__text">
3657
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
3658
+ </span>
3594
3659
  </button>
3595
3660
  </div>
3596
3661
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -3599,7 +3664,9 @@ wrapperTag: div
3599
3664
  type="button"
3600
3665
  aria-label="Go to last page"
3601
3666
  >
3602
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
3667
+ <span class="pf-v6-c-button__text">
3668
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
3669
+ </span>
3603
3670
  </button>
3604
3671
  </div>
3605
3672
  </nav>
@@ -3618,10 +3685,9 @@ wrapperTag: div
3618
3685
  ```html isFullscreen
3619
3686
  <div class="pf-v6-c-page" id="compact-demo">
3620
3687
  <div class="pf-v6-c-skip-to-content">
3621
- <a
3622
- class="pf-v6-c-button pf-m-primary"
3623
- href="#main-content-compact-demo"
3624
- >Skip to content</a>
3688
+ <a class="pf-v6-c-button pf-m-primary" href="#main-content-compact-demo">
3689
+ <span class="pf-v6-c-button__text">Skip to content</span>
3690
+ </a>
3625
3691
  </div>
3626
3692
  <header class="pf-v6-c-masthead" id="compact-demo-masthead">
3627
3693
  <span class="pf-v6-c-masthead__toggle">
@@ -3630,7 +3696,9 @@ wrapperTag: div
3630
3696
  type="button"
3631
3697
  aria-label="Global navigation"
3632
3698
  >
3633
- <i class="fas fa-bars" aria-hidden="true"></i>
3699
+ <span class="pf-v6-c-button__text">
3700
+ <i class="fas fa-bars" aria-hidden="true"></i>
3701
+ </span>
3634
3702
  </button>
3635
3703
  </span>
3636
3704
  <div class="pf-v6-c-masthead__main">
@@ -4225,10 +4293,12 @@ wrapperTag: div
4225
4293
  type="button"
4226
4294
  aria-label="Sort"
4227
4295
  >
4228
- <i
4229
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
4230
- aria-hidden="true"
4231
- ></i>
4296
+ <span class="pf-v6-c-button__text">
4297
+ <i
4298
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
4299
+ aria-hidden="true"
4300
+ ></i>
4301
+ </span>
4232
4302
  </button>
4233
4303
  </div>
4234
4304
 
@@ -4264,7 +4334,9 @@ wrapperTag: div
4264
4334
  disabled
4265
4335
  aria-label="Go to previous page"
4266
4336
  >
4267
- <i class="fas fa-angle-left" aria-hidden="true"></i>
4337
+ <span class="pf-v6-c-button__text">
4338
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
4339
+ </span>
4268
4340
  </button>
4269
4341
  </div>
4270
4342
  <div class="pf-v6-c-pagination__nav-control pf-m-next">
@@ -4273,7 +4345,9 @@ wrapperTag: div
4273
4345
  type="button"
4274
4346
  aria-label="Go to next page"
4275
4347
  >
4276
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4348
+ <span class="pf-v6-c-button__text">
4349
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
4350
+ </span>
4277
4351
  </button>
4278
4352
  </div>
4279
4353
  </nav>
@@ -4674,7 +4748,9 @@ wrapperTag: div
4674
4748
  disabled
4675
4749
  aria-label="Go to first page"
4676
4750
  >
4677
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
4751
+ <span class="pf-v6-c-button__text">
4752
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
4753
+ </span>
4678
4754
  </button>
4679
4755
  </div>
4680
4756
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -4684,7 +4760,9 @@ wrapperTag: div
4684
4760
  disabled
4685
4761
  aria-label="Go to previous page"
4686
4762
  >
4687
- <i class="fas fa-angle-left" aria-hidden="true"></i>
4763
+ <span class="pf-v6-c-button__text">
4764
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
4765
+ </span>
4688
4766
  </button>
4689
4767
  </div>
4690
4768
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -4705,7 +4783,9 @@ wrapperTag: div
4705
4783
  type="button"
4706
4784
  aria-label="Go to next page"
4707
4785
  >
4708
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4786
+ <span class="pf-v6-c-button__text">
4787
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
4788
+ </span>
4709
4789
  </button>
4710
4790
  </div>
4711
4791
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -4714,7 +4794,9 @@ wrapperTag: div
4714
4794
  type="button"
4715
4795
  aria-label="Go to last page"
4716
4796
  >
4717
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
4797
+ <span class="pf-v6-c-button__text">
4798
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
4799
+ </span>
4718
4800
  </button>
4719
4801
  </div>
4720
4802
  </nav>
@@ -4736,7 +4818,9 @@ wrapperTag: div
4736
4818
  <a
4737
4819
  class="pf-v6-c-button pf-m-primary"
4738
4820
  href="#main-content-compound-expansion-demo"
4739
- >Skip to content</a>
4821
+ >
4822
+ <span class="pf-v6-c-button__text">Skip to content</span>
4823
+ </a>
4740
4824
  </div>
4741
4825
  <header class="pf-v6-c-masthead" id="compound-expansion-demo-masthead">
4742
4826
  <span class="pf-v6-c-masthead__toggle">
@@ -4745,7 +4829,9 @@ wrapperTag: div
4745
4829
  type="button"
4746
4830
  aria-label="Global navigation"
4747
4831
  >
4748
- <i class="fas fa-bars" aria-hidden="true"></i>
4832
+ <span class="pf-v6-c-button__text">
4833
+ <i class="fas fa-bars" aria-hidden="true"></i>
4834
+ </span>
4749
4835
  </button>
4750
4836
  </span>
4751
4837
  <div class="pf-v6-c-masthead__main">
@@ -5340,10 +5426,12 @@ wrapperTag: div
5340
5426
  type="button"
5341
5427
  aria-label="Sort"
5342
5428
  >
5343
- <i
5344
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
5345
- aria-hidden="true"
5346
- ></i>
5429
+ <span class="pf-v6-c-button__text">
5430
+ <i
5431
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
5432
+ aria-hidden="true"
5433
+ ></i>
5434
+ </span>
5347
5435
  </button>
5348
5436
  </div>
5349
5437
 
@@ -5379,7 +5467,9 @@ wrapperTag: div
5379
5467
  disabled
5380
5468
  aria-label="Go to previous page"
5381
5469
  >
5382
- <i class="fas fa-angle-left" aria-hidden="true"></i>
5470
+ <span class="pf-v6-c-button__text">
5471
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
5472
+ </span>
5383
5473
  </button>
5384
5474
  </div>
5385
5475
  <div class="pf-v6-c-pagination__nav-control pf-m-next">
@@ -5388,7 +5478,9 @@ wrapperTag: div
5388
5478
  type="button"
5389
5479
  aria-label="Go to next page"
5390
5480
  >
5391
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5481
+ <span class="pf-v6-c-button__text">
5482
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
5483
+ </span>
5392
5484
  </button>
5393
5485
  </div>
5394
5486
  </nav>
@@ -5494,7 +5586,9 @@ wrapperTag: div
5494
5586
  >
5495
5587
  <button class="pf-v6-c-table__button">
5496
5588
  <span class="pf-v6-c-table__text">
5497
- <span class="pf-v6-c-button__icon pf-m-start">
5589
+ <span
5590
+ class="pf-v6-c-button__icon pf-m-start pf-m-start"
5591
+ >
5498
5592
  <i class="fas fa-code-branch" aria-hidden="true"></i>
5499
5593
  </span>
5500
5594
  10
@@ -5508,7 +5602,9 @@ wrapperTag: div
5508
5602
  >
5509
5603
  <button class="pf-v6-c-table__button">
5510
5604
  <span class="pf-v6-c-table__text">
5511
- <span class="pf-v6-c-button__icon pf-m-start">
5605
+ <span
5606
+ class="pf-v6-c-button__icon pf-m-start pf-m-start"
5607
+ >
5512
5608
  <i class="fas fa-code" aria-hidden="true"></i>
5513
5609
  </span>
5514
5610
  4
@@ -5522,7 +5618,9 @@ wrapperTag: div
5522
5618
  >
5523
5619
  <button class="pf-v6-c-table__button">
5524
5620
  <span class="pf-v6-c-table__text">
5525
- <span class="pf-v6-c-button__icon pf-m-start">
5621
+ <span
5622
+ class="pf-v6-c-button__icon pf-m-start pf-m-start"
5623
+ >
5526
5624
  <i class="fas fa-cube" aria-hidden="true"></i>
5527
5625
  </span>
5528
5626
  4
@@ -6265,7 +6363,9 @@ wrapperTag: div
6265
6363
  >
6266
6364
  <button class="pf-v6-c-table__button">
6267
6365
  <span class="pf-v6-c-table__text">
6268
- <span class="pf-v6-c-button__icon pf-m-start">
6366
+ <span
6367
+ class="pf-v6-c-button__icon pf-m-start pf-m-start"
6368
+ >
6269
6369
  <i class="fas fa-code-branch" aria-hidden="true"></i>
6270
6370
  </span>
6271
6371
  3
@@ -6279,7 +6379,9 @@ wrapperTag: div
6279
6379
  >
6280
6380
  <button class="pf-v6-c-table__button">
6281
6381
  <span class="pf-v6-c-table__text">
6282
- <span class="pf-v6-c-button__icon pf-m-start">
6382
+ <span
6383
+ class="pf-v6-c-button__icon pf-m-start pf-m-start"
6384
+ >
6283
6385
  <i class="fas fa-code" aria-hidden="true"></i>
6284
6386
  </span>
6285
6387
  4
@@ -6293,7 +6395,9 @@ wrapperTag: div
6293
6395
  >
6294
6396
  <button class="pf-v6-c-table__button">
6295
6397
  <span class="pf-v6-c-table__text">
6296
- <span class="pf-v6-c-button__icon pf-m-start">
6398
+ <span
6399
+ class="pf-v6-c-button__icon pf-m-start pf-m-start"
6400
+ >
6297
6401
  <i class="fas fa-cube" aria-hidden="true"></i>
6298
6402
  </span>
6299
6403
  2
@@ -7036,7 +7140,9 @@ wrapperTag: div
7036
7140
  >
7037
7141
  <button class="pf-v6-c-table__button">
7038
7142
  <span class="pf-v6-c-table__text">
7039
- <span class="pf-v6-c-button__icon pf-m-start">
7143
+ <span
7144
+ class="pf-v6-c-button__icon pf-m-start pf-m-start"
7145
+ >
7040
7146
  <i class="fas fa-code-branch" aria-hidden="true"></i>
7041
7147
  </span>
7042
7148
  70
@@ -7050,7 +7156,9 @@ wrapperTag: div
7050
7156
  >
7051
7157
  <button class="pf-v6-c-table__button">
7052
7158
  <span class="pf-v6-c-table__text">
7053
- <span class="pf-v6-c-button__icon pf-m-start">
7159
+ <span
7160
+ class="pf-v6-c-button__icon pf-m-start pf-m-start"
7161
+ >
7054
7162
  <i class="fas fa-code" aria-hidden="true"></i>
7055
7163
  </span>
7056
7164
  15
@@ -7064,7 +7172,9 @@ wrapperTag: div
7064
7172
  >
7065
7173
  <button class="pf-v6-c-table__button">
7066
7174
  <span class="pf-v6-c-table__text">
7067
- <span class="pf-v6-c-button__icon pf-m-start">
7175
+ <span
7176
+ class="pf-v6-c-button__icon pf-m-start pf-m-start"
7177
+ >
7068
7178
  <i class="fas fa-cube" aria-hidden="true"></i>
7069
7179
  </span>
7070
7180
  12
@@ -7818,7 +7928,9 @@ wrapperTag: div
7818
7928
  disabled
7819
7929
  aria-label="Go to first page"
7820
7930
  >
7821
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
7931
+ <span class="pf-v6-c-button__text">
7932
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
7933
+ </span>
7822
7934
  </button>
7823
7935
  </div>
7824
7936
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -7828,7 +7940,9 @@ wrapperTag: div
7828
7940
  disabled
7829
7941
  aria-label="Go to previous page"
7830
7942
  >
7831
- <i class="fas fa-angle-left" aria-hidden="true"></i>
7943
+ <span class="pf-v6-c-button__text">
7944
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
7945
+ </span>
7832
7946
  </button>
7833
7947
  </div>
7834
7948
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -7849,7 +7963,9 @@ wrapperTag: div
7849
7963
  type="button"
7850
7964
  aria-label="Go to next page"
7851
7965
  >
7852
- <i class="fas fa-angle-right" aria-hidden="true"></i>
7966
+ <span class="pf-v6-c-button__text">
7967
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
7968
+ </span>
7853
7969
  </button>
7854
7970
  </div>
7855
7971
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -7858,7 +7974,9 @@ wrapperTag: div
7858
7974
  type="button"
7859
7975
  aria-label="Go to last page"
7860
7976
  >
7861
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
7977
+ <span class="pf-v6-c-button__text">
7978
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
7979
+ </span>
7862
7980
  </button>
7863
7981
  </div>
7864
7982
  </nav>
@@ -7880,7 +7998,9 @@ wrapperTag: div
7880
7998
  <a
7881
7999
  class="pf-v6-c-button pf-m-primary"
7882
8000
  href="#main-content-loading-state-demo"
7883
- >Skip to content</a>
8001
+ >
8002
+ <span class="pf-v6-c-button__text">Skip to content</span>
8003
+ </a>
7884
8004
  </div>
7885
8005
  <header class="pf-v6-c-masthead" id="loading-state-demo-masthead">
7886
8006
  <span class="pf-v6-c-masthead__toggle">
@@ -7889,7 +8009,9 @@ wrapperTag: div
7889
8009
  type="button"
7890
8010
  aria-label="Global navigation"
7891
8011
  >
7892
- <i class="fas fa-bars" aria-hidden="true"></i>
8012
+ <span class="pf-v6-c-button__text">
8013
+ <i class="fas fa-bars" aria-hidden="true"></i>
8014
+ </span>
7893
8015
  </button>
7894
8016
  </span>
7895
8017
  <div class="pf-v6-c-masthead__main">
@@ -8268,7 +8390,9 @@ wrapperTag: div
8268
8390
  <a
8269
8391
  class="pf-v6-c-button pf-m-primary"
8270
8392
  href="#main-content-empty-state-demo"
8271
- >Skip to content</a>
8393
+ >
8394
+ <span class="pf-v6-c-button__text">Skip to content</span>
8395
+ </a>
8272
8396
  </div>
8273
8397
  <header class="pf-v6-c-masthead" id="empty-state-demo-masthead">
8274
8398
  <span class="pf-v6-c-masthead__toggle">
@@ -8277,7 +8401,9 @@ wrapperTag: div
8277
8401
  type="button"
8278
8402
  aria-label="Global navigation"
8279
8403
  >
8280
- <i class="fas fa-bars" aria-hidden="true"></i>
8404
+ <span class="pf-v6-c-button__text">
8405
+ <i class="fas fa-bars" aria-hidden="true"></i>
8406
+ </span>
8281
8407
  </button>
8282
8408
  </span>
8283
8409
  <div class="pf-v6-c-masthead__main">
@@ -8619,10 +8745,9 @@ wrapperTag: div
8619
8745
  <div
8620
8746
  class="pf-v6-c-empty-state__body"
8621
8747
  >No results match the filter criteria. Remove all filters or clear all filters to show results.</div>
8622
- <button
8623
- class="pf-v6-c-button pf-m-link"
8624
- type="button"
8625
- >Clear all filters</button>
8748
+ <button class="pf-v6-c-button pf-m-link" type="button">
8749
+ <span class="pf-v6-c-button__text">Clear all filters</span>
8750
+ </button>
8626
8751
  </div>
8627
8752
  </div>
8628
8753
  </td>
@@ -8646,7 +8771,9 @@ wrapperTag: div
8646
8771
  <a
8647
8772
  class="pf-v6-c-button pf-m-primary"
8648
8773
  href="#main-content-static-bottom-pagination-demo"
8649
- >Skip to content</a>
8774
+ >
8775
+ <span class="pf-v6-c-button__text">Skip to content</span>
8776
+ </a>
8650
8777
  </div>
8651
8778
  <header class="pf-v6-c-masthead" id="static-bottom-pagination-demo-masthead">
8652
8779
  <span class="pf-v6-c-masthead__toggle">
@@ -8655,7 +8782,9 @@ wrapperTag: div
8655
8782
  type="button"
8656
8783
  aria-label="Global navigation"
8657
8784
  >
8658
- <i class="fas fa-bars" aria-hidden="true"></i>
8785
+ <span class="pf-v6-c-button__text">
8786
+ <i class="fas fa-bars" aria-hidden="true"></i>
8787
+ </span>
8659
8788
  </button>
8660
8789
  </span>
8661
8790
  <div class="pf-v6-c-masthead__main">
@@ -9253,10 +9382,12 @@ wrapperTag: div
9253
9382
  type="button"
9254
9383
  aria-label="Sort"
9255
9384
  >
9256
- <i
9257
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
9258
- aria-hidden="true"
9259
- ></i>
9385
+ <span class="pf-v6-c-button__text">
9386
+ <i
9387
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
9388
+ aria-hidden="true"
9389
+ ></i>
9390
+ </span>
9260
9391
  </button>
9261
9392
  </div>
9262
9393
 
@@ -9292,7 +9423,9 @@ wrapperTag: div
9292
9423
  disabled
9293
9424
  aria-label="Go to previous page"
9294
9425
  >
9295
- <i class="fas fa-angle-left" aria-hidden="true"></i>
9426
+ <span class="pf-v6-c-button__text">
9427
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
9428
+ </span>
9296
9429
  </button>
9297
9430
  </div>
9298
9431
  <div class="pf-v6-c-pagination__nav-control pf-m-next">
@@ -9301,7 +9434,9 @@ wrapperTag: div
9301
9434
  type="button"
9302
9435
  aria-label="Go to next page"
9303
9436
  >
9304
- <i class="fas fa-angle-right" aria-hidden="true"></i>
9437
+ <span class="pf-v6-c-button__text">
9438
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
9439
+ </span>
9305
9440
  </button>
9306
9441
  </div>
9307
9442
  </nav>
@@ -9810,7 +9945,9 @@ wrapperTag: div
9810
9945
  disabled
9811
9946
  aria-label="Go to first page"
9812
9947
  >
9813
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
9948
+ <span class="pf-v6-c-button__text">
9949
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
9950
+ </span>
9814
9951
  </button>
9815
9952
  </div>
9816
9953
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -9820,7 +9957,9 @@ wrapperTag: div
9820
9957
  disabled
9821
9958
  aria-label="Go to previous page"
9822
9959
  >
9823
- <i class="fas fa-angle-left" aria-hidden="true"></i>
9960
+ <span class="pf-v6-c-button__text">
9961
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
9962
+ </span>
9824
9963
  </button>
9825
9964
  </div>
9826
9965
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -9841,7 +9980,9 @@ wrapperTag: div
9841
9980
  type="button"
9842
9981
  aria-label="Go to next page"
9843
9982
  >
9844
- <i class="fas fa-angle-right" aria-hidden="true"></i>
9983
+ <span class="pf-v6-c-button__text">
9984
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
9985
+ </span>
9845
9986
  </button>
9846
9987
  </div>
9847
9988
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -9850,7 +9991,9 @@ wrapperTag: div
9850
9991
  type="button"
9851
9992
  aria-label="Go to last page"
9852
9993
  >
9853
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
9994
+ <span class="pf-v6-c-button__text">
9995
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
9996
+ </span>
9854
9997
  </button>
9855
9998
  </div>
9856
9999
  </nav>
@@ -9872,7 +10015,9 @@ wrapperTag: div
9872
10015
  <a
9873
10016
  class="pf-v6-c-button pf-m-primary"
9874
10017
  href="#main-content-column-management-demo"
9875
- >Skip to content</a>
10018
+ >
10019
+ <span class="pf-v6-c-button__text">Skip to content</span>
10020
+ </a>
9876
10021
  </div>
9877
10022
  <header class="pf-v6-c-masthead" id="column-management-demo-masthead">
9878
10023
  <span class="pf-v6-c-masthead__toggle">
@@ -9881,7 +10026,9 @@ wrapperTag: div
9881
10026
  type="button"
9882
10027
  aria-label="Global navigation"
9883
10028
  >
9884
- <i class="fas fa-bars" aria-hidden="true"></i>
10029
+ <span class="pf-v6-c-button__text">
10030
+ <i class="fas fa-bars" aria-hidden="true"></i>
10031
+ </span>
9885
10032
  </button>
9886
10033
  </span>
9887
10034
  <div class="pf-v6-c-masthead__main">
@@ -10476,10 +10623,12 @@ wrapperTag: div
10476
10623
  type="button"
10477
10624
  aria-label="Sort"
10478
10625
  >
10479
- <i
10480
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
10481
- aria-hidden="true"
10482
- ></i>
10626
+ <span class="pf-v6-c-button__text">
10627
+ <i
10628
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
10629
+ aria-hidden="true"
10630
+ ></i>
10631
+ </span>
10483
10632
  </button>
10484
10633
  </div>
10485
10634
 
@@ -10515,7 +10664,9 @@ wrapperTag: div
10515
10664
  disabled
10516
10665
  aria-label="Go to previous page"
10517
10666
  >
10518
- <i class="fas fa-angle-left" aria-hidden="true"></i>
10667
+ <span class="pf-v6-c-button__text">
10668
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
10669
+ </span>
10519
10670
  </button>
10520
10671
  </div>
10521
10672
  <div class="pf-v6-c-pagination__nav-control pf-m-next">
@@ -10524,7 +10675,9 @@ wrapperTag: div
10524
10675
  type="button"
10525
10676
  aria-label="Go to next page"
10526
10677
  >
10527
- <i class="fas fa-angle-right" aria-hidden="true"></i>
10678
+ <span class="pf-v6-c-button__text">
10679
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
10680
+ </span>
10528
10681
  </button>
10529
10682
  </div>
10530
10683
  </nav>
@@ -11026,7 +11179,9 @@ wrapperTag: div
11026
11179
  type="button"
11027
11180
  aria-label="Close"
11028
11181
  >
11029
- <i class="fas fa-times" aria-hidden="true"></i>
11182
+ <span class="pf-v6-c-button__text">
11183
+ <i class="fas fa-times" aria-hidden="true"></i>
11184
+ </span>
11030
11185
  </button>
11031
11186
  </div>
11032
11187
  <header class="pf-v6-c-modal-box__header">
@@ -11034,10 +11189,9 @@ wrapperTag: div
11034
11189
  <div class="pf-v6-c-modal-box__description">
11035
11190
  <div class="pf-v6-c-content">
11036
11191
  <p>Selected categories will be displayed in the table.</p>
11037
- <button
11038
- class="pf-v6-c-button pf-m-link pf-m-inline"
11039
- type="button"
11040
- >Select all</button>
11192
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
11193
+ <span class="pf-v6-c-button__text">Select all</span>
11194
+ </button>
11041
11195
  </div>
11042
11196
  </div>
11043
11197
  </header>
@@ -11225,8 +11379,12 @@ wrapperTag: div
11225
11379
  </ul>
11226
11380
  </div>
11227
11381
  <footer class="pf-v6-c-modal-box__footer">
11228
- <button class="pf-v6-c-button pf-m-primary" type="button">Save</button>
11229
- <button class="pf-v6-c-button pf-m-link" type="button">Cancel</button>
11382
+ <button class="pf-v6-c-button pf-m-primary" type="button">
11383
+ <span class="pf-v6-c-button__text">Save</span>
11384
+ </button>
11385
+ <button class="pf-v6-c-button pf-m-link" type="button">
11386
+ <span class="pf-v6-c-button__text">Cancel</span>
11387
+ </button>
11230
11388
  </footer>
11231
11389
  </div>
11232
11390
  </div>
@@ -11242,7 +11400,9 @@ wrapperTag: div
11242
11400
  <a
11243
11401
  class="pf-v6-c-button pf-m-primary"
11244
11402
  href="#main-content-sticky-header-demo"
11245
- >Skip to content</a>
11403
+ >
11404
+ <span class="pf-v6-c-button__text">Skip to content</span>
11405
+ </a>
11246
11406
  </div>
11247
11407
  <header class="pf-v6-c-masthead" id="sticky-header-demo-masthead">
11248
11408
  <span class="pf-v6-c-masthead__toggle">
@@ -11251,7 +11411,9 @@ wrapperTag: div
11251
11411
  type="button"
11252
11412
  aria-label="Global navigation"
11253
11413
  >
11254
- <i class="fas fa-bars" aria-hidden="true"></i>
11414
+ <span class="pf-v6-c-button__text">
11415
+ <i class="fas fa-bars" aria-hidden="true"></i>
11416
+ </span>
11255
11417
  </button>
11256
11418
  </span>
11257
11419
  <div class="pf-v6-c-masthead__main">
@@ -11846,10 +12008,12 @@ wrapperTag: div
11846
12008
  type="button"
11847
12009
  aria-label="Sort"
11848
12010
  >
11849
- <i
11850
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
11851
- aria-hidden="true"
11852
- ></i>
12011
+ <span class="pf-v6-c-button__text">
12012
+ <i
12013
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
12014
+ aria-hidden="true"
12015
+ ></i>
12016
+ </span>
11853
12017
  </button>
11854
12018
  </div>
11855
12019
 
@@ -11885,7 +12049,9 @@ wrapperTag: div
11885
12049
  disabled
11886
12050
  aria-label="Go to previous page"
11887
12051
  >
11888
- <i class="fas fa-angle-left" aria-hidden="true"></i>
12052
+ <span class="pf-v6-c-button__text">
12053
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
12054
+ </span>
11889
12055
  </button>
11890
12056
  </div>
11891
12057
  <div class="pf-v6-c-pagination__nav-control pf-m-next">
@@ -11894,7 +12060,9 @@ wrapperTag: div
11894
12060
  type="button"
11895
12061
  aria-label="Go to next page"
11896
12062
  >
11897
- <i class="fas fa-angle-right" aria-hidden="true"></i>
12063
+ <span class="pf-v6-c-button__text">
12064
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
12065
+ </span>
11898
12066
  </button>
11899
12067
  </div>
11900
12068
  </nav>
@@ -12403,7 +12571,9 @@ wrapperTag: div
12403
12571
  disabled
12404
12572
  aria-label="Go to first page"
12405
12573
  >
12406
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
12574
+ <span class="pf-v6-c-button__text">
12575
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
12576
+ </span>
12407
12577
  </button>
12408
12578
  </div>
12409
12579
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -12413,7 +12583,9 @@ wrapperTag: div
12413
12583
  disabled
12414
12584
  aria-label="Go to previous page"
12415
12585
  >
12416
- <i class="fas fa-angle-left" aria-hidden="true"></i>
12586
+ <span class="pf-v6-c-button__text">
12587
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
12588
+ </span>
12417
12589
  </button>
12418
12590
  </div>
12419
12591
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -12434,7 +12606,9 @@ wrapperTag: div
12434
12606
  type="button"
12435
12607
  aria-label="Go to next page"
12436
12608
  >
12437
- <i class="fas fa-angle-right" aria-hidden="true"></i>
12609
+ <span class="pf-v6-c-button__text">
12610
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
12611
+ </span>
12438
12612
  </button>
12439
12613
  </div>
12440
12614
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -12443,7 +12617,9 @@ wrapperTag: div
12443
12617
  type="button"
12444
12618
  aria-label="Go to last page"
12445
12619
  >
12446
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
12620
+ <span class="pf-v6-c-button__text">
12621
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
12622
+ </span>
12447
12623
  </button>
12448
12624
  </div>
12449
12625
  </nav>
@@ -12465,7 +12641,9 @@ wrapperTag: div
12465
12641
  <a
12466
12642
  class="pf-v6-c-button pf-m-primary"
12467
12643
  href="#main-content-sticky-first-column-demo"
12468
- >Skip to content</a>
12644
+ >
12645
+ <span class="pf-v6-c-button__text">Skip to content</span>
12646
+ </a>
12469
12647
  </div>
12470
12648
  <header class="pf-v6-c-masthead" id="sticky-first-column-demo-masthead">
12471
12649
  <span class="pf-v6-c-masthead__toggle">
@@ -12474,7 +12652,9 @@ wrapperTag: div
12474
12652
  type="button"
12475
12653
  aria-label="Global navigation"
12476
12654
  >
12477
- <i class="fas fa-bars" aria-hidden="true"></i>
12655
+ <span class="pf-v6-c-button__text">
12656
+ <i class="fas fa-bars" aria-hidden="true"></i>
12657
+ </span>
12478
12658
  </button>
12479
12659
  </span>
12480
12660
  <div class="pf-v6-c-masthead__main">
@@ -12852,10 +13032,12 @@ wrapperTag: div
12852
13032
  type="button"
12853
13033
  aria-label="Sort"
12854
13034
  >
12855
- <i
12856
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
12857
- aria-hidden="true"
12858
- ></i>
13035
+ <span class="pf-v6-c-button__text">
13036
+ <i
13037
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
13038
+ aria-hidden="true"
13039
+ ></i>
13040
+ </span>
12859
13041
  </button>
12860
13042
  </div>
12861
13043
 
@@ -12873,7 +13055,9 @@ wrapperTag: div
12873
13055
  <button
12874
13056
  class="pf-v6-c-button pf-m-primary"
12875
13057
  type="button"
12876
- >Create instance</button>
13058
+ >
13059
+ <span class="pf-v6-c-button__text">Create instance</span>
13060
+ </button>
12877
13061
  </div>
12878
13062
  </div>
12879
13063
  </div>
@@ -12924,7 +13108,9 @@ wrapperTag: div
12924
13108
  disabled
12925
13109
  aria-label="Go to previous page"
12926
13110
  >
12927
- <i class="fas fa-angle-left" aria-hidden="true"></i>
13111
+ <span class="pf-v6-c-button__text">
13112
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
13113
+ </span>
12928
13114
  </button>
12929
13115
  </div>
12930
13116
  <div class="pf-v6-c-pagination__nav-control pf-m-next">
@@ -12933,7 +13119,9 @@ wrapperTag: div
12933
13119
  type="button"
12934
13120
  aria-label="Go to next page"
12935
13121
  >
12936
- <i class="fas fa-angle-right" aria-hidden="true"></i>
13122
+ <span class="pf-v6-c-button__text">
13123
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
13124
+ </span>
12937
13125
  </button>
12938
13126
  </div>
12939
13127
  </nav>
@@ -13534,7 +13722,9 @@ wrapperTag: div
13534
13722
  disabled
13535
13723
  aria-label="Go to first page"
13536
13724
  >
13537
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
13725
+ <span class="pf-v6-c-button__text">
13726
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
13727
+ </span>
13538
13728
  </button>
13539
13729
  </div>
13540
13730
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -13544,7 +13734,9 @@ wrapperTag: div
13544
13734
  disabled
13545
13735
  aria-label="Go to previous page"
13546
13736
  >
13547
- <i class="fas fa-angle-left" aria-hidden="true"></i>
13737
+ <span class="pf-v6-c-button__text">
13738
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
13739
+ </span>
13548
13740
  </button>
13549
13741
  </div>
13550
13742
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -13565,7 +13757,9 @@ wrapperTag: div
13565
13757
  type="button"
13566
13758
  aria-label="Go to next page"
13567
13759
  >
13568
- <i class="fas fa-angle-right" aria-hidden="true"></i>
13760
+ <span class="pf-v6-c-button__text">
13761
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
13762
+ </span>
13569
13763
  </button>
13570
13764
  </div>
13571
13765
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -13574,7 +13768,9 @@ wrapperTag: div
13574
13768
  type="button"
13575
13769
  aria-label="Go to last page"
13576
13770
  >
13577
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
13771
+ <span class="pf-v6-c-button__text">
13772
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
13773
+ </span>
13578
13774
  </button>
13579
13775
  </div>
13580
13776
  </nav>
@@ -13596,7 +13792,9 @@ wrapperTag: div
13596
13792
  <a
13597
13793
  class="pf-v6-c-button pf-m-primary"
13598
13794
  href="#main-content-sticky-multiple-columns-demo"
13599
- >Skip to content</a>
13795
+ >
13796
+ <span class="pf-v6-c-button__text">Skip to content</span>
13797
+ </a>
13600
13798
  </div>
13601
13799
  <header class="pf-v6-c-masthead" id="sticky-multiple-columns-demo-masthead">
13602
13800
  <span class="pf-v6-c-masthead__toggle">
@@ -13605,7 +13803,9 @@ wrapperTag: div
13605
13803
  type="button"
13606
13804
  aria-label="Global navigation"
13607
13805
  >
13608
- <i class="fas fa-bars" aria-hidden="true"></i>
13806
+ <span class="pf-v6-c-button__text">
13807
+ <i class="fas fa-bars" aria-hidden="true"></i>
13808
+ </span>
13609
13809
  </button>
13610
13810
  </span>
13611
13811
  <div class="pf-v6-c-masthead__main">
@@ -13986,10 +14186,12 @@ wrapperTag: div
13986
14186
  type="button"
13987
14187
  aria-label="Sort"
13988
14188
  >
13989
- <i
13990
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
13991
- aria-hidden="true"
13992
- ></i>
14189
+ <span class="pf-v6-c-button__text">
14190
+ <i
14191
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
14192
+ aria-hidden="true"
14193
+ ></i>
14194
+ </span>
13993
14195
  </button>
13994
14196
  </div>
13995
14197
 
@@ -14007,7 +14209,9 @@ wrapperTag: div
14007
14209
  <button
14008
14210
  class="pf-v6-c-button pf-m-primary"
14009
14211
  type="button"
14010
- >Create instance</button>
14212
+ >
14213
+ <span class="pf-v6-c-button__text">Create instance</span>
14214
+ </button>
14011
14215
  </div>
14012
14216
  </div>
14013
14217
  </div>
@@ -14058,7 +14262,9 @@ wrapperTag: div
14058
14262
  disabled
14059
14263
  aria-label="Go to previous page"
14060
14264
  >
14061
- <i class="fas fa-angle-left" aria-hidden="true"></i>
14265
+ <span class="pf-v6-c-button__text">
14266
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
14267
+ </span>
14062
14268
  </button>
14063
14269
  </div>
14064
14270
  <div class="pf-v6-c-pagination__nav-control pf-m-next">
@@ -14067,7 +14273,9 @@ wrapperTag: div
14067
14273
  type="button"
14068
14274
  aria-label="Go to next page"
14069
14275
  >
14070
- <i class="fas fa-angle-right" aria-hidden="true"></i>
14276
+ <span class="pf-v6-c-button__text">
14277
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
14278
+ </span>
14071
14279
  </button>
14072
14280
  </div>
14073
14281
  </nav>
@@ -14696,7 +14904,9 @@ wrapperTag: div
14696
14904
  disabled
14697
14905
  aria-label="Go to first page"
14698
14906
  >
14699
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
14907
+ <span class="pf-v6-c-button__text">
14908
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
14909
+ </span>
14700
14910
  </button>
14701
14911
  </div>
14702
14912
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -14706,7 +14916,9 @@ wrapperTag: div
14706
14916
  disabled
14707
14917
  aria-label="Go to previous page"
14708
14918
  >
14709
- <i class="fas fa-angle-left" aria-hidden="true"></i>
14919
+ <span class="pf-v6-c-button__text">
14920
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
14921
+ </span>
14710
14922
  </button>
14711
14923
  </div>
14712
14924
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -14727,7 +14939,9 @@ wrapperTag: div
14727
14939
  type="button"
14728
14940
  aria-label="Go to next page"
14729
14941
  >
14730
- <i class="fas fa-angle-right" aria-hidden="true"></i>
14942
+ <span class="pf-v6-c-button__text">
14943
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
14944
+ </span>
14731
14945
  </button>
14732
14946
  </div>
14733
14947
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -14736,7 +14950,9 @@ wrapperTag: div
14736
14950
  type="button"
14737
14951
  aria-label="Go to last page"
14738
14952
  >
14739
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
14953
+ <span class="pf-v6-c-button__text">
14954
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
14955
+ </span>
14740
14956
  </button>
14741
14957
  </div>
14742
14958
  </nav>
@@ -14758,7 +14974,9 @@ wrapperTag: div
14758
14974
  <a
14759
14975
  class="pf-v6-c-button pf-m-primary"
14760
14976
  href="#main-content-sticky-header-and-multiple columns-demo"
14761
- >Skip to content</a>
14977
+ >
14978
+ <span class="pf-v6-c-button__text">Skip to content</span>
14979
+ </a>
14762
14980
  </div>
14763
14981
  <header
14764
14982
  class="pf-v6-c-masthead"
@@ -14770,7 +14988,9 @@ wrapperTag: div
14770
14988
  type="button"
14771
14989
  aria-label="Global navigation"
14772
14990
  >
14773
- <i class="fas fa-bars" aria-hidden="true"></i>
14991
+ <span class="pf-v6-c-button__text">
14992
+ <i class="fas fa-bars" aria-hidden="true"></i>
14993
+ </span>
14774
14994
  </button>
14775
14995
  </span>
14776
14996
  <div class="pf-v6-c-masthead__main">
@@ -15151,10 +15371,12 @@ wrapperTag: div
15151
15371
  type="button"
15152
15372
  aria-label="Sort"
15153
15373
  >
15154
- <i
15155
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
15156
- aria-hidden="true"
15157
- ></i>
15374
+ <span class="pf-v6-c-button__text">
15375
+ <i
15376
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
15377
+ aria-hidden="true"
15378
+ ></i>
15379
+ </span>
15158
15380
  </button>
15159
15381
  </div>
15160
15382
 
@@ -15172,7 +15394,9 @@ wrapperTag: div
15172
15394
  <button
15173
15395
  class="pf-v6-c-button pf-m-primary"
15174
15396
  type="button"
15175
- >Create instance</button>
15397
+ >
15398
+ <span class="pf-v6-c-button__text">Create instance</span>
15399
+ </button>
15176
15400
  </div>
15177
15401
  </div>
15178
15402
  </div>
@@ -15223,7 +15447,9 @@ wrapperTag: div
15223
15447
  disabled
15224
15448
  aria-label="Go to previous page"
15225
15449
  >
15226
- <i class="fas fa-angle-left" aria-hidden="true"></i>
15450
+ <span class="pf-v6-c-button__text">
15451
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
15452
+ </span>
15227
15453
  </button>
15228
15454
  </div>
15229
15455
  <div class="pf-v6-c-pagination__nav-control pf-m-next">
@@ -15232,7 +15458,9 @@ wrapperTag: div
15232
15458
  type="button"
15233
15459
  aria-label="Go to next page"
15234
15460
  >
15235
- <i class="fas fa-angle-right" aria-hidden="true"></i>
15461
+ <span class="pf-v6-c-button__text">
15462
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
15463
+ </span>
15236
15464
  </button>
15237
15465
  </div>
15238
15466
  </nav>
@@ -15861,7 +16089,9 @@ wrapperTag: div
15861
16089
  disabled
15862
16090
  aria-label="Go to first page"
15863
16091
  >
15864
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
16092
+ <span class="pf-v6-c-button__text">
16093
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
16094
+ </span>
15865
16095
  </button>
15866
16096
  </div>
15867
16097
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -15871,7 +16101,9 @@ wrapperTag: div
15871
16101
  disabled
15872
16102
  aria-label="Go to previous page"
15873
16103
  >
15874
- <i class="fas fa-angle-left" aria-hidden="true"></i>
16104
+ <span class="pf-v6-c-button__text">
16105
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
16106
+ </span>
15875
16107
  </button>
15876
16108
  </div>
15877
16109
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -15892,7 +16124,9 @@ wrapperTag: div
15892
16124
  type="button"
15893
16125
  aria-label="Go to next page"
15894
16126
  >
15895
- <i class="fas fa-angle-right" aria-hidden="true"></i>
16127
+ <span class="pf-v6-c-button__text">
16128
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
16129
+ </span>
15896
16130
  </button>
15897
16131
  </div>
15898
16132
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -15901,7 +16135,9 @@ wrapperTag: div
15901
16135
  type="button"
15902
16136
  aria-label="Go to last page"
15903
16137
  >
15904
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
16138
+ <span class="pf-v6-c-button__text">
16139
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
16140
+ </span>
15905
16141
  </button>
15906
16142
  </div>
15907
16143
  </nav>
@@ -15923,7 +16159,9 @@ wrapperTag: div
15923
16159
  <a
15924
16160
  class="pf-v6-c-button pf-m-primary"
15925
16161
  href="#main-content-sticky-header-and-multiple columns-demo"
15926
- >Skip to content</a>
16162
+ >
16163
+ <span class="pf-v6-c-button__text">Skip to content</span>
16164
+ </a>
15927
16165
  </div>
15928
16166
  <header
15929
16167
  class="pf-v6-c-masthead"
@@ -15935,7 +16173,9 @@ wrapperTag: div
15935
16173
  type="button"
15936
16174
  aria-label="Global navigation"
15937
16175
  >
15938
- <i class="fas fa-bars" aria-hidden="true"></i>
16176
+ <span class="pf-v6-c-button__text">
16177
+ <i class="fas fa-bars" aria-hidden="true"></i>
16178
+ </span>
15939
16179
  </button>
15940
16180
  </span>
15941
16181
  <div class="pf-v6-c-masthead__main">
@@ -16316,10 +16556,12 @@ wrapperTag: div
16316
16556
  type="button"
16317
16557
  aria-label="Sort"
16318
16558
  >
16319
- <i
16320
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
16321
- aria-hidden="true"
16322
- ></i>
16559
+ <span class="pf-v6-c-button__text">
16560
+ <i
16561
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
16562
+ aria-hidden="true"
16563
+ ></i>
16564
+ </span>
16323
16565
  </button>
16324
16566
  </div>
16325
16567
 
@@ -16337,7 +16579,9 @@ wrapperTag: div
16337
16579
  <button
16338
16580
  class="pf-v6-c-button pf-m-primary"
16339
16581
  type="button"
16340
- >Create instance</button>
16582
+ >
16583
+ <span class="pf-v6-c-button__text">Create instance</span>
16584
+ </button>
16341
16585
  </div>
16342
16586
  </div>
16343
16587
  </div>
@@ -16388,7 +16632,9 @@ wrapperTag: div
16388
16632
  disabled
16389
16633
  aria-label="Go to previous page"
16390
16634
  >
16391
- <i class="fas fa-angle-left" aria-hidden="true"></i>
16635
+ <span class="pf-v6-c-button__text">
16636
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
16637
+ </span>
16392
16638
  </button>
16393
16639
  </div>
16394
16640
  <div class="pf-v6-c-pagination__nav-control pf-m-next">
@@ -16397,7 +16643,9 @@ wrapperTag: div
16397
16643
  type="button"
16398
16644
  aria-label="Go to next page"
16399
16645
  >
16400
- <i class="fas fa-angle-right" aria-hidden="true"></i>
16646
+ <span class="pf-v6-c-button__text">
16647
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
16648
+ </span>
16401
16649
  </button>
16402
16650
  </div>
16403
16651
  </nav>
@@ -16989,7 +17237,9 @@ wrapperTag: div
16989
17237
  disabled
16990
17238
  aria-label="Go to first page"
16991
17239
  >
16992
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
17240
+ <span class="pf-v6-c-button__text">
17241
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
17242
+ </span>
16993
17243
  </button>
16994
17244
  </div>
16995
17245
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -16999,7 +17249,9 @@ wrapperTag: div
16999
17249
  disabled
17000
17250
  aria-label="Go to previous page"
17001
17251
  >
17002
- <i class="fas fa-angle-left" aria-hidden="true"></i>
17252
+ <span class="pf-v6-c-button__text">
17253
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
17254
+ </span>
17003
17255
  </button>
17004
17256
  </div>
17005
17257
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -17020,7 +17272,9 @@ wrapperTag: div
17020
17272
  type="button"
17021
17273
  aria-label="Go to next page"
17022
17274
  >
17023
- <i class="fas fa-angle-right" aria-hidden="true"></i>
17275
+ <span class="pf-v6-c-button__text">
17276
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
17277
+ </span>
17024
17278
  </button>
17025
17279
  </div>
17026
17280
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -17029,7 +17283,9 @@ wrapperTag: div
17029
17283
  type="button"
17030
17284
  aria-label="Go to last page"
17031
17285
  >
17032
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
17286
+ <span class="pf-v6-c-button__text">
17287
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
17288
+ </span>
17033
17289
  </button>
17034
17290
  </div>
17035
17291
  </nav>
@@ -17053,7 +17309,9 @@ By default, table cell alignment is set to baseline. This retains vertical align
17053
17309
  <a
17054
17310
  class="pf-v6-c-button pf-m-primary"
17055
17311
  href="#main-content-image-alignment-demo"
17056
- >Skip to content</a>
17312
+ >
17313
+ <span class="pf-v6-c-button__text">Skip to content</span>
17314
+ </a>
17057
17315
  </div>
17058
17316
  <header class="pf-v6-c-masthead" id="image-alignment-demo-masthead">
17059
17317
  <span class="pf-v6-c-masthead__toggle">
@@ -17062,7 +17320,9 @@ By default, table cell alignment is set to baseline. This retains vertical align
17062
17320
  type="button"
17063
17321
  aria-label="Global navigation"
17064
17322
  >
17065
- <i class="fas fa-bars" aria-hidden="true"></i>
17323
+ <span class="pf-v6-c-button__text">
17324
+ <i class="fas fa-bars" aria-hidden="true"></i>
17325
+ </span>
17066
17326
  </button>
17067
17327
  </span>
17068
17328
  <div class="pf-v6-c-masthead__main">
@@ -17377,10 +17637,12 @@ By default, table cell alignment is set to baseline. This retains vertical align
17377
17637
  type="button"
17378
17638
  aria-label="aria-label&#x3D;&quot;More info&quot;"
17379
17639
  >
17380
- <i
17381
- class="pf-v6-pficon pf-v6-pficon-help"
17382
- aria-hidden="true"
17383
- ></i>
17640
+ <span class="pf-v6-c-button__text">
17641
+ <i
17642
+ class="pf-v6-pficon pf-v6-pficon-help"
17643
+ aria-hidden="true"
17644
+ ></i>
17645
+ </span>
17384
17646
  </button>
17385
17647
  </span>
17386
17648
  </div>
@@ -17421,10 +17683,12 @@ By default, table cell alignment is set to baseline. This retains vertical align
17421
17683
  type="button"
17422
17684
  aria-label="aria-label&#x3D;&quot;More info&quot;"
17423
17685
  >
17424
- <i
17425
- class="pf-v6-pficon pf-v6-pficon-help"
17426
- aria-hidden="true"
17427
- ></i>
17686
+ <span class="pf-v6-c-button__text">
17687
+ <i
17688
+ class="pf-v6-pficon pf-v6-pficon-help"
17689
+ aria-hidden="true"
17690
+ ></i>
17691
+ </span>
17428
17692
  </button>
17429
17693
  </span>
17430
17694
  </div>