@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/DualListSelector/examples/DualListSelector.md CHANGED
@@ -38,7 +38,7 @@ cssPrefix: pf-v6-c-dual-list-selector
38
38
  type="button"
39
39
  aria-label="Sort"
40
40
  >
41
- <span class="pf-v6-c-button__text">
41
+ <span class="pf-v6-c-button__icon pf-m-start">
42
42
  <i
43
43
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
44
44
  aria-hidden="true"
@@ -148,8 +148,8 @@ cssPrefix: pf-v6-c-dual-list-selector
148
148
  disabled
149
149
  aria-label="Add selected"
150
150
  >
151
- <span class="pf-v6-c-button__text">
152
- <i class="fas fa-fw fa-angle-right"></i>
151
+ <span class="pf-v6-c-button__icon">
152
+ <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
153
153
  </span>
154
154
  </button>
155
155
  </div>
@@ -159,8 +159,8 @@ cssPrefix: pf-v6-c-dual-list-selector
159
159
  type="button"
160
160
  aria-label="Add all"
161
161
  >
162
- <span class="pf-v6-c-button__text">
163
- <i class="fas fa-fw fa-angle-double-right"></i>
162
+ <span class="pf-v6-c-button__icon">
163
+ <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
164
164
  </span>
165
165
  </button>
166
166
  </div>
@@ -171,8 +171,8 @@ cssPrefix: pf-v6-c-dual-list-selector
171
171
  disabled
172
172
  aria-label="Remove all"
173
173
  >
174
- <span class="pf-v6-c-button__text">
175
- <i class="fas fa-fw fa-angle-double-left"></i>
174
+ <span class="pf-v6-c-button__icon">
175
+ <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
176
176
  </span>
177
177
  </button>
178
178
  </div>
@@ -183,8 +183,8 @@ cssPrefix: pf-v6-c-dual-list-selector
183
183
  disabled
184
184
  aria-label="Remove selected"
185
185
  >
186
- <span class="pf-v6-c-button__text">
187
- <i class="fas fa-fw fa-angle-left"></i>
186
+ <span class="pf-v6-c-button__icon">
187
+ <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
188
188
  </span>
189
189
  </button>
190
190
  </div>
@@ -219,7 +219,7 @@ cssPrefix: pf-v6-c-dual-list-selector
219
219
  type="button"
220
220
  aria-label="Sort"
221
221
  >
222
- <span class="pf-v6-c-button__text">
222
+ <span class="pf-v6-c-button__icon pf-m-start">
223
223
  <i
224
224
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
225
225
  aria-hidden="true"
@@ -293,7 +293,7 @@ cssPrefix: pf-v6-c-dual-list-selector
293
293
  type="button"
294
294
  aria-label="Sort"
295
295
  >
296
- <span class="pf-v6-c-button__text">
296
+ <span class="pf-v6-c-button__icon pf-m-start">
297
297
  <i
298
298
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
299
299
  aria-hidden="true"
@@ -397,8 +397,8 @@ cssPrefix: pf-v6-c-dual-list-selector
397
397
  type="button"
398
398
  aria-label="Add selected"
399
399
  >
400
- <span class="pf-v6-c-button__text">
401
- <i class="fas fa-fw fa-angle-right"></i>
400
+ <span class="pf-v6-c-button__icon">
401
+ <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
402
402
  </span>
403
403
  </button>
404
404
  </div>
@@ -408,8 +408,8 @@ cssPrefix: pf-v6-c-dual-list-selector
408
408
  type="button"
409
409
  aria-label="Add all"
410
410
  >
411
- <span class="pf-v6-c-button__text">
412
- <i class="fas fa-fw fa-angle-double-right"></i>
411
+ <span class="pf-v6-c-button__icon">
412
+ <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
413
413
  </span>
414
414
  </button>
415
415
  </div>
@@ -420,8 +420,8 @@ cssPrefix: pf-v6-c-dual-list-selector
420
420
  disabled
421
421
  aria-label="Remove all"
422
422
  >
423
- <span class="pf-v6-c-button__text">
424
- <i class="fas fa-fw fa-angle-double-left"></i>
423
+ <span class="pf-v6-c-button__icon">
424
+ <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
425
425
  </span>
426
426
  </button>
427
427
  </div>
@@ -432,8 +432,8 @@ cssPrefix: pf-v6-c-dual-list-selector
432
432
  disabled
433
433
  aria-label="Remove selected"
434
434
  >
435
- <span class="pf-v6-c-button__text">
436
- <i class="fas fa-fw fa-angle-left"></i>
435
+ <span class="pf-v6-c-button__icon">
436
+ <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
437
437
  </span>
438
438
  </button>
439
439
  </div>
@@ -468,7 +468,7 @@ cssPrefix: pf-v6-c-dual-list-selector
468
468
  type="button"
469
469
  aria-label="Sort"
470
470
  >
471
- <span class="pf-v6-c-button__text">
471
+ <span class="pf-v6-c-button__icon pf-m-start">
472
472
  <i
473
473
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
474
474
  aria-hidden="true"
@@ -542,7 +542,7 @@ cssPrefix: pf-v6-c-dual-list-selector
542
542
  type="button"
543
543
  aria-label="Sort"
544
544
  >
545
- <span class="pf-v6-c-button__text">
545
+ <span class="pf-v6-c-button__icon pf-m-start">
546
546
  <i
547
547
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
548
548
  aria-hidden="true"
@@ -646,8 +646,8 @@ cssPrefix: pf-v6-c-dual-list-selector
646
646
  type="button"
647
647
  aria-label="Add selected"
648
648
  >
649
- <span class="pf-v6-c-button__text">
650
- <i class="fas fa-fw fa-angle-right"></i>
649
+ <span class="pf-v6-c-button__icon">
650
+ <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
651
651
  </span>
652
652
  </button>
653
653
  </div>
@@ -657,8 +657,8 @@ cssPrefix: pf-v6-c-dual-list-selector
657
657
  type="button"
658
658
  aria-label="Add all"
659
659
  >
660
- <span class="pf-v6-c-button__text">
661
- <i class="fas fa-fw fa-angle-double-right"></i>
660
+ <span class="pf-v6-c-button__icon">
661
+ <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
662
662
  </span>
663
663
  </button>
664
664
  </div>
@@ -669,8 +669,8 @@ cssPrefix: pf-v6-c-dual-list-selector
669
669
  disabled
670
670
  aria-label="Remove all"
671
671
  >
672
- <span class="pf-v6-c-button__text">
673
- <i class="fas fa-fw fa-angle-double-left"></i>
672
+ <span class="pf-v6-c-button__icon">
673
+ <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
674
674
  </span>
675
675
  </button>
676
676
  </div>
@@ -681,8 +681,8 @@ cssPrefix: pf-v6-c-dual-list-selector
681
681
  disabled
682
682
  aria-label="Remove selected"
683
683
  >
684
- <span class="pf-v6-c-button__text">
685
- <i class="fas fa-fw fa-angle-left"></i>
684
+ <span class="pf-v6-c-button__icon">
685
+ <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
686
686
  </span>
687
687
  </button>
688
688
  </div>
@@ -717,7 +717,7 @@ cssPrefix: pf-v6-c-dual-list-selector
717
717
  type="button"
718
718
  aria-label="Sort"
719
719
  >
720
- <span class="pf-v6-c-button__text">
720
+ <span class="pf-v6-c-button__icon pf-m-start">
721
721
  <i
722
722
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
723
723
  aria-hidden="true"
@@ -791,7 +791,7 @@ cssPrefix: pf-v6-c-dual-list-selector
791
791
  type="button"
792
792
  aria-label="Sort"
793
793
  >
794
- <span class="pf-v6-c-button__text">
794
+ <span class="pf-v6-c-button__icon pf-m-start">
795
795
  <i
796
796
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
797
797
  aria-hidden="true"
@@ -896,8 +896,8 @@ cssPrefix: pf-v6-c-dual-list-selector
896
896
  disabled
897
897
  aria-label="Add selected"
898
898
  >
899
- <span class="pf-v6-c-button__text">
900
- <i class="fas fa-fw fa-angle-right"></i>
899
+ <span class="pf-v6-c-button__icon">
900
+ <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
901
901
  </span>
902
902
  </button>
903
903
  </div>
@@ -907,8 +907,8 @@ cssPrefix: pf-v6-c-dual-list-selector
907
907
  type="button"
908
908
  aria-label="Add all"
909
909
  >
910
- <span class="pf-v6-c-button__text">
911
- <i class="fas fa-fw fa-angle-double-right"></i>
910
+ <span class="pf-v6-c-button__icon">
911
+ <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
912
912
  </span>
913
913
  </button>
914
914
  </div>
@@ -918,8 +918,8 @@ cssPrefix: pf-v6-c-dual-list-selector
918
918
  type="button"
919
919
  aria-label="Remove all"
920
920
  >
921
- <span class="pf-v6-c-button__text">
922
- <i class="fas fa-fw fa-angle-double-left"></i>
921
+ <span class="pf-v6-c-button__icon">
922
+ <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
923
923
  </span>
924
924
  </button>
925
925
  </div>
@@ -930,8 +930,8 @@ cssPrefix: pf-v6-c-dual-list-selector
930
930
  disabled
931
931
  aria-label="Remove selected"
932
932
  >
933
- <span class="pf-v6-c-button__text">
934
- <i class="fas fa-fw fa-angle-left"></i>
933
+ <span class="pf-v6-c-button__icon">
934
+ <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
935
935
  </span>
936
936
  </button>
937
937
  </div>
@@ -966,7 +966,7 @@ cssPrefix: pf-v6-c-dual-list-selector
966
966
  type="button"
967
967
  aria-label="Sort"
968
968
  >
969
- <span class="pf-v6-c-button__text">
969
+ <span class="pf-v6-c-button__icon pf-m-start">
970
970
  <i
971
971
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
972
972
  aria-hidden="true"
@@ -1053,7 +1053,7 @@ cssPrefix: pf-v6-c-dual-list-selector
1053
1053
  type="button"
1054
1054
  aria-label="Sort"
1055
1055
  >
1056
- <span class="pf-v6-c-button__text">
1056
+ <span class="pf-v6-c-button__icon pf-m-start">
1057
1057
  <i
1058
1058
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1059
1059
  aria-hidden="true"
@@ -1158,8 +1158,8 @@ cssPrefix: pf-v6-c-dual-list-selector
1158
1158
  disabled
1159
1159
  aria-label="Add selected"
1160
1160
  >
1161
- <span class="pf-v6-c-button__text">
1162
- <i class="fas fa-fw fa-angle-right"></i>
1161
+ <span class="pf-v6-c-button__icon">
1162
+ <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
1163
1163
  </span>
1164
1164
  </button>
1165
1165
  </div>
@@ -1169,8 +1169,8 @@ cssPrefix: pf-v6-c-dual-list-selector
1169
1169
  type="button"
1170
1170
  aria-label="Add all"
1171
1171
  >
1172
- <span class="pf-v6-c-button__text">
1173
- <i class="fas fa-fw fa-angle-double-right"></i>
1172
+ <span class="pf-v6-c-button__icon">
1173
+ <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
1174
1174
  </span>
1175
1175
  </button>
1176
1176
  </div>
@@ -1180,8 +1180,8 @@ cssPrefix: pf-v6-c-dual-list-selector
1180
1180
  type="button"
1181
1181
  aria-label="Remove all"
1182
1182
  >
1183
- <span class="pf-v6-c-button__text">
1184
- <i class="fas fa-fw fa-angle-double-left"></i>
1183
+ <span class="pf-v6-c-button__icon">
1184
+ <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
1185
1185
  </span>
1186
1186
  </button>
1187
1187
  </div>
@@ -1191,8 +1191,8 @@ cssPrefix: pf-v6-c-dual-list-selector
1191
1191
  type="button"
1192
1192
  aria-label="Remove selected"
1193
1193
  >
1194
- <span class="pf-v6-c-button__text">
1195
- <i class="fas fa-fw fa-angle-left"></i>
1194
+ <span class="pf-v6-c-button__icon">
1195
+ <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
1196
1196
  </span>
1197
1197
  </button>
1198
1198
  </div>
@@ -1227,7 +1227,7 @@ cssPrefix: pf-v6-c-dual-list-selector
1227
1227
  type="button"
1228
1228
  aria-label="Sort"
1229
1229
  >
1230
- <span class="pf-v6-c-button__text">
1230
+ <span class="pf-v6-c-button__icon pf-m-start">
1231
1231
  <i
1232
1232
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1233
1233
  aria-hidden="true"
@@ -1314,7 +1314,7 @@ cssPrefix: pf-v6-c-dual-list-selector
1314
1314
  type="button"
1315
1315
  aria-label="Sort"
1316
1316
  >
1317
- <span class="pf-v6-c-button__text">
1317
+ <span class="pf-v6-c-button__icon pf-m-start">
1318
1318
  <i
1319
1319
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1320
1320
  aria-hidden="true"
@@ -1686,8 +1686,8 @@ cssPrefix: pf-v6-c-dual-list-selector
1686
1686
  disabled
1687
1687
  aria-label="Add selected"
1688
1688
  >
1689
- <span class="pf-v6-c-button__text">
1690
- <i class="fas fa-fw fa-angle-right"></i>
1689
+ <span class="pf-v6-c-button__icon">
1690
+ <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
1691
1691
  </span>
1692
1692
  </button>
1693
1693
  </div>
@@ -1697,8 +1697,8 @@ cssPrefix: pf-v6-c-dual-list-selector
1697
1697
  type="button"
1698
1698
  aria-label="Add all"
1699
1699
  >
1700
- <span class="pf-v6-c-button__text">
1701
- <i class="fas fa-fw fa-angle-double-right"></i>
1700
+ <span class="pf-v6-c-button__icon">
1701
+ <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
1702
1702
  </span>
1703
1703
  </button>
1704
1704
  </div>
@@ -1709,8 +1709,8 @@ cssPrefix: pf-v6-c-dual-list-selector
1709
1709
  disabled
1710
1710
  aria-label="Remove all"
1711
1711
  >
1712
- <span class="pf-v6-c-button__text">
1713
- <i class="fas fa-fw fa-angle-double-left"></i>
1712
+ <span class="pf-v6-c-button__icon">
1713
+ <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
1714
1714
  </span>
1715
1715
  </button>
1716
1716
  </div>
@@ -1721,8 +1721,8 @@ cssPrefix: pf-v6-c-dual-list-selector
1721
1721
  disabled
1722
1722
  aria-label="Remove selected"
1723
1723
  >
1724
- <span class="pf-v6-c-button__text">
1725
- <i class="fas fa-fw fa-angle-left"></i>
1724
+ <span class="pf-v6-c-button__icon">
1725
+ <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
1726
1726
  </span>
1727
1727
  </button>
1728
1728
  </div>
@@ -1757,7 +1757,7 @@ cssPrefix: pf-v6-c-dual-list-selector
1757
1757
  type="button"
1758
1758
  aria-label="Sort"
1759
1759
  >
1760
- <span class="pf-v6-c-button__text">
1760
+ <span class="pf-v6-c-button__icon pf-m-start">
1761
1761
  <i
1762
1762
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1763
1763
  aria-hidden="true"
@@ -1831,7 +1831,7 @@ cssPrefix: pf-v6-c-dual-list-selector
1831
1831
  type="button"
1832
1832
  aria-label="Sort"
1833
1833
  >
1834
- <span class="pf-v6-c-button__text">
1834
+ <span class="pf-v6-c-button__icon pf-m-start">
1835
1835
  <i
1836
1836
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1837
1837
  aria-hidden="true"
@@ -2184,8 +2184,8 @@ cssPrefix: pf-v6-c-dual-list-selector
2184
2184
  disabled
2185
2185
  aria-label="Add selected"
2186
2186
  >
2187
- <span class="pf-v6-c-button__text">
2188
- <i class="fas fa-fw fa-angle-right"></i>
2187
+ <span class="pf-v6-c-button__icon">
2188
+ <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
2189
2189
  </span>
2190
2190
  </button>
2191
2191
  </div>
@@ -2195,8 +2195,8 @@ cssPrefix: pf-v6-c-dual-list-selector
2195
2195
  type="button"
2196
2196
  aria-label="Add all"
2197
2197
  >
2198
- <span class="pf-v6-c-button__text">
2199
- <i class="fas fa-fw fa-angle-double-right"></i>
2198
+ <span class="pf-v6-c-button__icon">
2199
+ <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
2200
2200
  </span>
2201
2201
  </button>
2202
2202
  </div>
@@ -2207,8 +2207,8 @@ cssPrefix: pf-v6-c-dual-list-selector
2207
2207
  disabled
2208
2208
  aria-label="Remove all"
2209
2209
  >
2210
- <span class="pf-v6-c-button__text">
2211
- <i class="fas fa-fw fa-angle-double-left"></i>
2210
+ <span class="pf-v6-c-button__icon">
2211
+ <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
2212
2212
  </span>
2213
2213
  </button>
2214
2214
  </div>
@@ -2219,8 +2219,8 @@ cssPrefix: pf-v6-c-dual-list-selector
2219
2219
  disabled
2220
2220
  aria-label="Remove selected"
2221
2221
  >
2222
- <span class="pf-v6-c-button__text">
2223
- <i class="fas fa-fw fa-angle-left"></i>
2222
+ <span class="pf-v6-c-button__icon">
2223
+ <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
2224
2224
  </span>
2225
2225
  </button>
2226
2226
  </div>
@@ -2255,7 +2255,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2255
2255
  type="button"
2256
2256
  aria-label="Sort"
2257
2257
  >
2258
- <span class="pf-v6-c-button__text">
2258
+ <span class="pf-v6-c-button__icon pf-m-start">
2259
2259
  <i
2260
2260
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2261
2261
  aria-hidden="true"
@@ -2396,7 +2396,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2396
2396
  type="button"
2397
2397
  aria-label="Sort"
2398
2398
  >
2399
- <span class="pf-v6-c-button__text">
2399
+ <span class="pf-v6-c-button__icon pf-m-start">
2400
2400
  <i
2401
2401
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2402
2402
  aria-hidden="true"
@@ -2477,8 +2477,8 @@ cssPrefix: pf-v6-c-dual-list-selector
2477
2477
  disabled
2478
2478
  aria-label="Add selected"
2479
2479
  >
2480
- <span class="pf-v6-c-button__text">
2481
- <i class="fas fa-fw fa-angle-right"></i>
2480
+ <span class="pf-v6-c-button__icon">
2481
+ <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
2482
2482
  </span>
2483
2483
  </button>
2484
2484
  </div>
@@ -2488,8 +2488,8 @@ cssPrefix: pf-v6-c-dual-list-selector
2488
2488
  type="button"
2489
2489
  aria-label="Add all"
2490
2490
  >
2491
- <span class="pf-v6-c-button__text">
2492
- <i class="fas fa-fw fa-angle-double-right"></i>
2491
+ <span class="pf-v6-c-button__icon">
2492
+ <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
2493
2493
  </span>
2494
2494
  </button>
2495
2495
  </div>
@@ -2500,8 +2500,8 @@ cssPrefix: pf-v6-c-dual-list-selector
2500
2500
  disabled
2501
2501
  aria-label="Remove all"
2502
2502
  >
2503
- <span class="pf-v6-c-button__text">
2504
- <i class="fas fa-fw fa-angle-double-left"></i>
2503
+ <span class="pf-v6-c-button__icon">
2504
+ <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
2505
2505
  </span>
2506
2506
  </button>
2507
2507
  </div>
@@ -2512,8 +2512,8 @@ cssPrefix: pf-v6-c-dual-list-selector
2512
2512
  disabled
2513
2513
  aria-label="Remove selected"
2514
2514
  >
2515
- <span class="pf-v6-c-button__text">
2516
- <i class="fas fa-fw fa-angle-left"></i>
2515
+ <span class="pf-v6-c-button__icon">
2516
+ <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
2517
2517
  </span>
2518
2518
  </button>
2519
2519
  </div>
@@ -2548,7 +2548,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2548
2548
  type="button"
2549
2549
  aria-label="Sort"
2550
2550
  >
2551
- <span class="pf-v6-c-button__text">
2551
+ <span class="pf-v6-c-button__icon pf-m-start">
2552
2552
  <i
2553
2553
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2554
2554
  aria-hidden="true"
@@ -2586,7 +2586,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2586
2586
  <div class="pf-v6-c-dual-list-selector__list-item-row">
2587
2587
  <div class="pf-v6-c-dual-list-selector__draggable">
2588
2588
  <span class="pf-v6-c-button pf-m-plain pf-m-disabled">
2589
- <span class="pf-v6-c-button__text">
2589
+ <span class="pf-v6-c-button__icon">
2590
2590
  <i class="fas fa-grip-vertical" aria-hidden="true"></i>
2591
2591
  </span>
2592
2592
  </span>
@@ -2608,7 +2608,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2608
2608
  <div class="pf-v6-c-dual-list-selector__list-item-row">
2609
2609
  <div class="pf-v6-c-dual-list-selector__draggable">
2610
2610
  <span class="pf-v6-c-button pf-m-plain">
2611
- <span class="pf-v6-c-button__text">
2611
+ <span class="pf-v6-c-button__icon">
2612
2612
  <i class="fas fa-grip-vertical" aria-hidden="true"></i>
2613
2613
  </span>
2614
2614
  </span>
@@ -2630,7 +2630,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2630
2630
  <div class="pf-v6-c-dual-list-selector__list-item-row pf-m-ghost-row">
2631
2631
  <div class="pf-v6-c-dual-list-selector__draggable">
2632
2632
  <span class="pf-v6-c-button pf-m-plain pf-m-disabled">
2633
- <span class="pf-v6-c-button__text">
2633
+ <span class="pf-v6-c-button__icon">
2634
2634
  <i class="fas fa-grip-vertical" aria-hidden="true"></i>
2635
2635
  </span>
2636
2636
  </span>
@@ -2652,7 +2652,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2652
2652
  <div class="pf-v6-c-dual-list-selector__list-item-row pf-m-selected">
2653
2653
  <div class="pf-v6-c-dual-list-selector__draggable">
2654
2654
  <span class="pf-v6-c-button pf-m-plain">
2655
- <span class="pf-v6-c-button__text">
2655
+ <span class="pf-v6-c-button__icon">
2656
2656
  <i class="fas fa-grip-vertical" aria-hidden="true"></i>
2657
2657
  </span>
2658
2658
  </span>
package/docs/components/EmptyState/examples/EmptyState.md CHANGED
@@ -74,22 +74,22 @@ cssPrefix: pf-v6-c-empty-state
74
74
 
75
75
  <div class="pf-v6-c-empty-state__footer">
76
76
  <div class="pf-v6-c-empty-state__actions">
77
- <button class="pf-v6-c-button pf-m-link pf-m-small" type="button">
77
+ <button class="pf-v6-c-button pf-m-small pf-m-link" type="button">
78
78
  <span class="pf-v6-c-button__text">Multiple</span>
79
79
  </button>
80
- <button class="pf-v6-c-button pf-m-link pf-m-small" type="button">
80
+ <button class="pf-v6-c-button pf-m-small pf-m-link" type="button">
81
81
  <span class="pf-v6-c-button__text">Action buttons</span>
82
82
  </button>
83
- <button class="pf-v6-c-button pf-m-link pf-m-small" type="button">
83
+ <button class="pf-v6-c-button pf-m-small pf-m-link" type="button">
84
84
  <span class="pf-v6-c-button__text">Can</span>
85
85
  </button>
86
- <button class="pf-v6-c-button pf-m-link pf-m-small" type="button">
86
+ <button class="pf-v6-c-button pf-m-small pf-m-link" type="button">
87
87
  <span class="pf-v6-c-button__text">Go here</span>
88
88
  </button>
89
- <button class="pf-v6-c-button pf-m-link pf-m-small" type="button">
89
+ <button class="pf-v6-c-button pf-m-small pf-m-link" type="button">
90
90
  <span class="pf-v6-c-button__text">In the</span>
91
91
  </button>
92
- <button class="pf-v6-c-button pf-m-link pf-m-small" type="button">
92
+ <button class="pf-v6-c-button pf-m-small pf-m-link" type="button">
93
93
  <span class="pf-v6-c-button__text">Action area</span>
94
94
  </button>
95
95
  </div>