@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/components/DualListSelector/examples/DualListSelector.md CHANGED
@@ -38,10 +38,12 @@ cssPrefix: pf-v6-c-dual-list-selector
38
38
  type="button"
39
39
  aria-label="Sort"
40
40
  >
41
- <i
42
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
43
- aria-hidden="true"
44
- ></i>
41
+ <span class="pf-v6-c-button__text">
42
+ <i
43
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
44
+ aria-hidden="true"
45
+ ></i>
46
+ </span>
45
47
  </button>
46
48
  <button
47
49
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -146,7 +148,9 @@ cssPrefix: pf-v6-c-dual-list-selector
146
148
  disabled
147
149
  aria-label="Add selected"
148
150
  >
149
- <i class="fas fa-fw fa-angle-right"></i>
151
+ <span class="pf-v6-c-button__text">
152
+ <i class="fas fa-fw fa-angle-right"></i>
153
+ </span>
150
154
  </button>
151
155
  </div>
152
156
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -155,7 +159,9 @@ cssPrefix: pf-v6-c-dual-list-selector
155
159
  type="button"
156
160
  aria-label="Add all"
157
161
  >
158
- <i class="fas fa-fw fa-angle-double-right"></i>
162
+ <span class="pf-v6-c-button__text">
163
+ <i class="fas fa-fw fa-angle-double-right"></i>
164
+ </span>
159
165
  </button>
160
166
  </div>
161
167
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -165,7 +171,9 @@ cssPrefix: pf-v6-c-dual-list-selector
165
171
  disabled
166
172
  aria-label="Remove all"
167
173
  >
168
- <i class="fas fa-fw fa-angle-double-left"></i>
174
+ <span class="pf-v6-c-button__text">
175
+ <i class="fas fa-fw fa-angle-double-left"></i>
176
+ </span>
169
177
  </button>
170
178
  </div>
171
179
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -175,7 +183,9 @@ cssPrefix: pf-v6-c-dual-list-selector
175
183
  disabled
176
184
  aria-label="Remove selected"
177
185
  >
178
- <i class="fas fa-fw fa-angle-left"></i>
186
+ <span class="pf-v6-c-button__text">
187
+ <i class="fas fa-fw fa-angle-left"></i>
188
+ </span>
179
189
  </button>
180
190
  </div>
181
191
  </div>
@@ -209,10 +219,12 @@ cssPrefix: pf-v6-c-dual-list-selector
209
219
  type="button"
210
220
  aria-label="Sort"
211
221
  >
212
- <i
213
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
214
- aria-hidden="true"
215
- ></i>
222
+ <span class="pf-v6-c-button__text">
223
+ <i
224
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
225
+ aria-hidden="true"
226
+ ></i>
227
+ </span>
216
228
  </button>
217
229
  <button
218
230
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -281,10 +293,12 @@ cssPrefix: pf-v6-c-dual-list-selector
281
293
  type="button"
282
294
  aria-label="Sort"
283
295
  >
284
- <i
285
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
286
- aria-hidden="true"
287
- ></i>
296
+ <span class="pf-v6-c-button__text">
297
+ <i
298
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
299
+ aria-hidden="true"
300
+ ></i>
301
+ </span>
288
302
  </button>
289
303
  <button
290
304
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -383,7 +397,9 @@ cssPrefix: pf-v6-c-dual-list-selector
383
397
  type="button"
384
398
  aria-label="Add selected"
385
399
  >
386
- <i class="fas fa-fw fa-angle-right"></i>
400
+ <span class="pf-v6-c-button__text">
401
+ <i class="fas fa-fw fa-angle-right"></i>
402
+ </span>
387
403
  </button>
388
404
  </div>
389
405
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -392,7 +408,9 @@ cssPrefix: pf-v6-c-dual-list-selector
392
408
  type="button"
393
409
  aria-label="Add all"
394
410
  >
395
- <i class="fas fa-fw fa-angle-double-right"></i>
411
+ <span class="pf-v6-c-button__text">
412
+ <i class="fas fa-fw fa-angle-double-right"></i>
413
+ </span>
396
414
  </button>
397
415
  </div>
398
416
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -402,7 +420,9 @@ cssPrefix: pf-v6-c-dual-list-selector
402
420
  disabled
403
421
  aria-label="Remove all"
404
422
  >
405
- <i class="fas fa-fw fa-angle-double-left"></i>
423
+ <span class="pf-v6-c-button__text">
424
+ <i class="fas fa-fw fa-angle-double-left"></i>
425
+ </span>
406
426
  </button>
407
427
  </div>
408
428
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -412,7 +432,9 @@ cssPrefix: pf-v6-c-dual-list-selector
412
432
  disabled
413
433
  aria-label="Remove selected"
414
434
  >
415
- <i class="fas fa-fw fa-angle-left"></i>
435
+ <span class="pf-v6-c-button__text">
436
+ <i class="fas fa-fw fa-angle-left"></i>
437
+ </span>
416
438
  </button>
417
439
  </div>
418
440
  </div>
@@ -446,10 +468,12 @@ cssPrefix: pf-v6-c-dual-list-selector
446
468
  type="button"
447
469
  aria-label="Sort"
448
470
  >
449
- <i
450
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
451
- aria-hidden="true"
452
- ></i>
471
+ <span class="pf-v6-c-button__text">
472
+ <i
473
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
474
+ aria-hidden="true"
475
+ ></i>
476
+ </span>
453
477
  </button>
454
478
  <button
455
479
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -518,10 +542,12 @@ cssPrefix: pf-v6-c-dual-list-selector
518
542
  type="button"
519
543
  aria-label="Sort"
520
544
  >
521
- <i
522
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
523
- aria-hidden="true"
524
- ></i>
545
+ <span class="pf-v6-c-button__text">
546
+ <i
547
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
548
+ aria-hidden="true"
549
+ ></i>
550
+ </span>
525
551
  </button>
526
552
  <button
527
553
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -620,7 +646,9 @@ cssPrefix: pf-v6-c-dual-list-selector
620
646
  type="button"
621
647
  aria-label="Add selected"
622
648
  >
623
- <i class="fas fa-fw fa-angle-right"></i>
649
+ <span class="pf-v6-c-button__text">
650
+ <i class="fas fa-fw fa-angle-right"></i>
651
+ </span>
624
652
  </button>
625
653
  </div>
626
654
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -629,7 +657,9 @@ cssPrefix: pf-v6-c-dual-list-selector
629
657
  type="button"
630
658
  aria-label="Add all"
631
659
  >
632
- <i class="fas fa-fw fa-angle-double-right"></i>
660
+ <span class="pf-v6-c-button__text">
661
+ <i class="fas fa-fw fa-angle-double-right"></i>
662
+ </span>
633
663
  </button>
634
664
  </div>
635
665
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -639,7 +669,9 @@ cssPrefix: pf-v6-c-dual-list-selector
639
669
  disabled
640
670
  aria-label="Remove all"
641
671
  >
642
- <i class="fas fa-fw fa-angle-double-left"></i>
672
+ <span class="pf-v6-c-button__text">
673
+ <i class="fas fa-fw fa-angle-double-left"></i>
674
+ </span>
643
675
  </button>
644
676
  </div>
645
677
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -649,7 +681,9 @@ cssPrefix: pf-v6-c-dual-list-selector
649
681
  disabled
650
682
  aria-label="Remove selected"
651
683
  >
652
- <i class="fas fa-fw fa-angle-left"></i>
684
+ <span class="pf-v6-c-button__text">
685
+ <i class="fas fa-fw fa-angle-left"></i>
686
+ </span>
653
687
  </button>
654
688
  </div>
655
689
  </div>
@@ -683,10 +717,12 @@ cssPrefix: pf-v6-c-dual-list-selector
683
717
  type="button"
684
718
  aria-label="Sort"
685
719
  >
686
- <i
687
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
688
- aria-hidden="true"
689
- ></i>
720
+ <span class="pf-v6-c-button__text">
721
+ <i
722
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
723
+ aria-hidden="true"
724
+ ></i>
725
+ </span>
690
726
  </button>
691
727
  <button
692
728
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -755,10 +791,12 @@ cssPrefix: pf-v6-c-dual-list-selector
755
791
  type="button"
756
792
  aria-label="Sort"
757
793
  >
758
- <i
759
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
760
- aria-hidden="true"
761
- ></i>
794
+ <span class="pf-v6-c-button__text">
795
+ <i
796
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
797
+ aria-hidden="true"
798
+ ></i>
799
+ </span>
762
800
  </button>
763
801
  <button
764
802
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -858,7 +896,9 @@ cssPrefix: pf-v6-c-dual-list-selector
858
896
  disabled
859
897
  aria-label="Add selected"
860
898
  >
861
- <i class="fas fa-fw fa-angle-right"></i>
899
+ <span class="pf-v6-c-button__text">
900
+ <i class="fas fa-fw fa-angle-right"></i>
901
+ </span>
862
902
  </button>
863
903
  </div>
864
904
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -867,7 +907,9 @@ cssPrefix: pf-v6-c-dual-list-selector
867
907
  type="button"
868
908
  aria-label="Add all"
869
909
  >
870
- <i class="fas fa-fw fa-angle-double-right"></i>
910
+ <span class="pf-v6-c-button__text">
911
+ <i class="fas fa-fw fa-angle-double-right"></i>
912
+ </span>
871
913
  </button>
872
914
  </div>
873
915
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -876,7 +918,9 @@ cssPrefix: pf-v6-c-dual-list-selector
876
918
  type="button"
877
919
  aria-label="Remove all"
878
920
  >
879
- <i class="fas fa-fw fa-angle-double-left"></i>
921
+ <span class="pf-v6-c-button__text">
922
+ <i class="fas fa-fw fa-angle-double-left"></i>
923
+ </span>
880
924
  </button>
881
925
  </div>
882
926
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -886,7 +930,9 @@ cssPrefix: pf-v6-c-dual-list-selector
886
930
  disabled
887
931
  aria-label="Remove selected"
888
932
  >
889
- <i class="fas fa-fw fa-angle-left"></i>
933
+ <span class="pf-v6-c-button__text">
934
+ <i class="fas fa-fw fa-angle-left"></i>
935
+ </span>
890
936
  </button>
891
937
  </div>
892
938
  </div>
@@ -920,10 +966,12 @@ cssPrefix: pf-v6-c-dual-list-selector
920
966
  type="button"
921
967
  aria-label="Sort"
922
968
  >
923
- <i
924
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
925
- aria-hidden="true"
926
- ></i>
969
+ <span class="pf-v6-c-button__text">
970
+ <i
971
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
972
+ aria-hidden="true"
973
+ ></i>
974
+ </span>
927
975
  </button>
928
976
  <button
929
977
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1005,10 +1053,12 @@ cssPrefix: pf-v6-c-dual-list-selector
1005
1053
  type="button"
1006
1054
  aria-label="Sort"
1007
1055
  >
1008
- <i
1009
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1010
- aria-hidden="true"
1011
- ></i>
1056
+ <span class="pf-v6-c-button__text">
1057
+ <i
1058
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1059
+ aria-hidden="true"
1060
+ ></i>
1061
+ </span>
1012
1062
  </button>
1013
1063
  <button
1014
1064
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1108,7 +1158,9 @@ cssPrefix: pf-v6-c-dual-list-selector
1108
1158
  disabled
1109
1159
  aria-label="Add selected"
1110
1160
  >
1111
- <i class="fas fa-fw fa-angle-right"></i>
1161
+ <span class="pf-v6-c-button__text">
1162
+ <i class="fas fa-fw fa-angle-right"></i>
1163
+ </span>
1112
1164
  </button>
1113
1165
  </div>
1114
1166
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -1117,7 +1169,9 @@ cssPrefix: pf-v6-c-dual-list-selector
1117
1169
  type="button"
1118
1170
  aria-label="Add all"
1119
1171
  >
1120
- <i class="fas fa-fw fa-angle-double-right"></i>
1172
+ <span class="pf-v6-c-button__text">
1173
+ <i class="fas fa-fw fa-angle-double-right"></i>
1174
+ </span>
1121
1175
  </button>
1122
1176
  </div>
1123
1177
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -1126,7 +1180,9 @@ cssPrefix: pf-v6-c-dual-list-selector
1126
1180
  type="button"
1127
1181
  aria-label="Remove all"
1128
1182
  >
1129
- <i class="fas fa-fw fa-angle-double-left"></i>
1183
+ <span class="pf-v6-c-button__text">
1184
+ <i class="fas fa-fw fa-angle-double-left"></i>
1185
+ </span>
1130
1186
  </button>
1131
1187
  </div>
1132
1188
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -1135,7 +1191,9 @@ cssPrefix: pf-v6-c-dual-list-selector
1135
1191
  type="button"
1136
1192
  aria-label="Remove selected"
1137
1193
  >
1138
- <i class="fas fa-fw fa-angle-left"></i>
1194
+ <span class="pf-v6-c-button__text">
1195
+ <i class="fas fa-fw fa-angle-left"></i>
1196
+ </span>
1139
1197
  </button>
1140
1198
  </div>
1141
1199
  </div>
@@ -1169,10 +1227,12 @@ cssPrefix: pf-v6-c-dual-list-selector
1169
1227
  type="button"
1170
1228
  aria-label="Sort"
1171
1229
  >
1172
- <i
1173
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1174
- aria-hidden="true"
1175
- ></i>
1230
+ <span class="pf-v6-c-button__text">
1231
+ <i
1232
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1233
+ aria-hidden="true"
1234
+ ></i>
1235
+ </span>
1176
1236
  </button>
1177
1237
  <button
1178
1238
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1254,10 +1314,12 @@ cssPrefix: pf-v6-c-dual-list-selector
1254
1314
  type="button"
1255
1315
  aria-label="Sort"
1256
1316
  >
1257
- <i
1258
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1259
- aria-hidden="true"
1260
- ></i>
1317
+ <span class="pf-v6-c-button__text">
1318
+ <i
1319
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1320
+ aria-hidden="true"
1321
+ ></i>
1322
+ </span>
1261
1323
  </button>
1262
1324
  <button
1263
1325
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1624,7 +1686,9 @@ cssPrefix: pf-v6-c-dual-list-selector
1624
1686
  disabled
1625
1687
  aria-label="Add selected"
1626
1688
  >
1627
- <i class="fas fa-fw fa-angle-right"></i>
1689
+ <span class="pf-v6-c-button__text">
1690
+ <i class="fas fa-fw fa-angle-right"></i>
1691
+ </span>
1628
1692
  </button>
1629
1693
  </div>
1630
1694
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -1633,7 +1697,9 @@ cssPrefix: pf-v6-c-dual-list-selector
1633
1697
  type="button"
1634
1698
  aria-label="Add all"
1635
1699
  >
1636
- <i class="fas fa-fw fa-angle-double-right"></i>
1700
+ <span class="pf-v6-c-button__text">
1701
+ <i class="fas fa-fw fa-angle-double-right"></i>
1702
+ </span>
1637
1703
  </button>
1638
1704
  </div>
1639
1705
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -1643,7 +1709,9 @@ cssPrefix: pf-v6-c-dual-list-selector
1643
1709
  disabled
1644
1710
  aria-label="Remove all"
1645
1711
  >
1646
- <i class="fas fa-fw fa-angle-double-left"></i>
1712
+ <span class="pf-v6-c-button__text">
1713
+ <i class="fas fa-fw fa-angle-double-left"></i>
1714
+ </span>
1647
1715
  </button>
1648
1716
  </div>
1649
1717
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -1653,7 +1721,9 @@ cssPrefix: pf-v6-c-dual-list-selector
1653
1721
  disabled
1654
1722
  aria-label="Remove selected"
1655
1723
  >
1656
- <i class="fas fa-fw fa-angle-left"></i>
1724
+ <span class="pf-v6-c-button__text">
1725
+ <i class="fas fa-fw fa-angle-left"></i>
1726
+ </span>
1657
1727
  </button>
1658
1728
  </div>
1659
1729
  </div>
@@ -1687,10 +1757,12 @@ cssPrefix: pf-v6-c-dual-list-selector
1687
1757
  type="button"
1688
1758
  aria-label="Sort"
1689
1759
  >
1690
- <i
1691
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1692
- aria-hidden="true"
1693
- ></i>
1760
+ <span class="pf-v6-c-button__text">
1761
+ <i
1762
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1763
+ aria-hidden="true"
1764
+ ></i>
1765
+ </span>
1694
1766
  </button>
1695
1767
  <button
1696
1768
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1759,10 +1831,12 @@ cssPrefix: pf-v6-c-dual-list-selector
1759
1831
  type="button"
1760
1832
  aria-label="Sort"
1761
1833
  >
1762
- <i
1763
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1764
- aria-hidden="true"
1765
- ></i>
1834
+ <span class="pf-v6-c-button__text">
1835
+ <i
1836
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1837
+ aria-hidden="true"
1838
+ ></i>
1839
+ </span>
1766
1840
  </button>
1767
1841
  <button
1768
1842
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2110,7 +2184,9 @@ cssPrefix: pf-v6-c-dual-list-selector
2110
2184
  disabled
2111
2185
  aria-label="Add selected"
2112
2186
  >
2113
- <i class="fas fa-fw fa-angle-right"></i>
2187
+ <span class="pf-v6-c-button__text">
2188
+ <i class="fas fa-fw fa-angle-right"></i>
2189
+ </span>
2114
2190
  </button>
2115
2191
  </div>
2116
2192
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -2119,7 +2195,9 @@ cssPrefix: pf-v6-c-dual-list-selector
2119
2195
  type="button"
2120
2196
  aria-label="Add all"
2121
2197
  >
2122
- <i class="fas fa-fw fa-angle-double-right"></i>
2198
+ <span class="pf-v6-c-button__text">
2199
+ <i class="fas fa-fw fa-angle-double-right"></i>
2200
+ </span>
2123
2201
  </button>
2124
2202
  </div>
2125
2203
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -2129,7 +2207,9 @@ cssPrefix: pf-v6-c-dual-list-selector
2129
2207
  disabled
2130
2208
  aria-label="Remove all"
2131
2209
  >
2132
- <i class="fas fa-fw fa-angle-double-left"></i>
2210
+ <span class="pf-v6-c-button__text">
2211
+ <i class="fas fa-fw fa-angle-double-left"></i>
2212
+ </span>
2133
2213
  </button>
2134
2214
  </div>
2135
2215
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -2139,7 +2219,9 @@ cssPrefix: pf-v6-c-dual-list-selector
2139
2219
  disabled
2140
2220
  aria-label="Remove selected"
2141
2221
  >
2142
- <i class="fas fa-fw fa-angle-left"></i>
2222
+ <span class="pf-v6-c-button__text">
2223
+ <i class="fas fa-fw fa-angle-left"></i>
2224
+ </span>
2143
2225
  </button>
2144
2226
  </div>
2145
2227
  </div>
@@ -2173,10 +2255,12 @@ cssPrefix: pf-v6-c-dual-list-selector
2173
2255
  type="button"
2174
2256
  aria-label="Sort"
2175
2257
  >
2176
- <i
2177
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2178
- aria-hidden="true"
2179
- ></i>
2258
+ <span class="pf-v6-c-button__text">
2259
+ <i
2260
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2261
+ aria-hidden="true"
2262
+ ></i>
2263
+ </span>
2180
2264
  </button>
2181
2265
  <button
2182
2266
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2312,10 +2396,12 @@ cssPrefix: pf-v6-c-dual-list-selector
2312
2396
  type="button"
2313
2397
  aria-label="Sort"
2314
2398
  >
2315
- <i
2316
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2317
- aria-hidden="true"
2318
- ></i>
2399
+ <span class="pf-v6-c-button__text">
2400
+ <i
2401
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2402
+ aria-hidden="true"
2403
+ ></i>
2404
+ </span>
2319
2405
  </button>
2320
2406
  <button
2321
2407
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2391,7 +2477,9 @@ cssPrefix: pf-v6-c-dual-list-selector
2391
2477
  disabled
2392
2478
  aria-label="Add selected"
2393
2479
  >
2394
- <i class="fas fa-fw fa-angle-right"></i>
2480
+ <span class="pf-v6-c-button__text">
2481
+ <i class="fas fa-fw fa-angle-right"></i>
2482
+ </span>
2395
2483
  </button>
2396
2484
  </div>
2397
2485
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -2400,7 +2488,9 @@ cssPrefix: pf-v6-c-dual-list-selector
2400
2488
  type="button"
2401
2489
  aria-label="Add all"
2402
2490
  >
2403
- <i class="fas fa-fw fa-angle-double-right"></i>
2491
+ <span class="pf-v6-c-button__text">
2492
+ <i class="fas fa-fw fa-angle-double-right"></i>
2493
+ </span>
2404
2494
  </button>
2405
2495
  </div>
2406
2496
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -2410,7 +2500,9 @@ cssPrefix: pf-v6-c-dual-list-selector
2410
2500
  disabled
2411
2501
  aria-label="Remove all"
2412
2502
  >
2413
- <i class="fas fa-fw fa-angle-double-left"></i>
2503
+ <span class="pf-v6-c-button__text">
2504
+ <i class="fas fa-fw fa-angle-double-left"></i>
2505
+ </span>
2414
2506
  </button>
2415
2507
  </div>
2416
2508
  <div class="pf-v6-c-dual-list-selector__controls-item">
@@ -2420,7 +2512,9 @@ cssPrefix: pf-v6-c-dual-list-selector
2420
2512
  disabled
2421
2513
  aria-label="Remove selected"
2422
2514
  >
2423
- <i class="fas fa-fw fa-angle-left"></i>
2515
+ <span class="pf-v6-c-button__text">
2516
+ <i class="fas fa-fw fa-angle-left"></i>
2517
+ </span>
2424
2518
  </button>
2425
2519
  </div>
2426
2520
  </div>
@@ -2454,10 +2548,12 @@ cssPrefix: pf-v6-c-dual-list-selector
2454
2548
  type="button"
2455
2549
  aria-label="Sort"
2456
2550
  >
2457
- <i
2458
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2459
- aria-hidden="true"
2460
- ></i>
2551
+ <span class="pf-v6-c-button__text">
2552
+ <i
2553
+ class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2554
+ aria-hidden="true"
2555
+ ></i>
2556
+ </span>
2461
2557
  </button>
2462
2558
  <button
2463
2559
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2490,7 +2586,9 @@ cssPrefix: pf-v6-c-dual-list-selector
2490
2586
  <div class="pf-v6-c-dual-list-selector__list-item-row">
2491
2587
  <div class="pf-v6-c-dual-list-selector__draggable">
2492
2588
  <span class="pf-v6-c-button pf-m-plain pf-m-disabled">
2493
- <i class="fas fa-grip-vertical" aria-hidden="true"></i>
2589
+ <span class="pf-v6-c-button__text">
2590
+ <i class="fas fa-grip-vertical" aria-hidden="true"></i>
2591
+ </span>
2494
2592
  </span>
2495
2593
  </div>
2496
2594
  <span class="pf-v6-c-dual-list-selector__item">
@@ -2510,7 +2608,9 @@ cssPrefix: pf-v6-c-dual-list-selector
2510
2608
  <div class="pf-v6-c-dual-list-selector__list-item-row">
2511
2609
  <div class="pf-v6-c-dual-list-selector__draggable">
2512
2610
  <span class="pf-v6-c-button pf-m-plain">
2513
- <i class="fas fa-grip-vertical" aria-hidden="true"></i>
2611
+ <span class="pf-v6-c-button__text">
2612
+ <i class="fas fa-grip-vertical" aria-hidden="true"></i>
2613
+ </span>
2514
2614
  </span>
2515
2615
  </div>
2516
2616
  <span class="pf-v6-c-dual-list-selector__item">
@@ -2530,7 +2630,9 @@ cssPrefix: pf-v6-c-dual-list-selector
2530
2630
  <div class="pf-v6-c-dual-list-selector__list-item-row pf-m-ghost-row">
2531
2631
  <div class="pf-v6-c-dual-list-selector__draggable">
2532
2632
  <span class="pf-v6-c-button pf-m-plain pf-m-disabled">
2533
- <i class="fas fa-grip-vertical" aria-hidden="true"></i>
2633
+ <span class="pf-v6-c-button__text">
2634
+ <i class="fas fa-grip-vertical" aria-hidden="true"></i>
2635
+ </span>
2534
2636
  </span>
2535
2637
  </div>
2536
2638
  <span class="pf-v6-c-dual-list-selector__item">
@@ -2550,7 +2652,9 @@ cssPrefix: pf-v6-c-dual-list-selector
2550
2652
  <div class="pf-v6-c-dual-list-selector__list-item-row pf-m-selected">
2551
2653
  <div class="pf-v6-c-dual-list-selector__draggable">
2552
2654
  <span class="pf-v6-c-button pf-m-plain">
2553
- <i class="fas fa-grip-vertical" aria-hidden="true"></i>
2655
+ <span class="pf-v6-c-button__text">
2656
+ <i class="fas fa-grip-vertical" aria-hidden="true"></i>
2657
+ </span>
2554
2658
  </span>
2555
2659
  </div>
2556
2660
  <span class="pf-v6-c-dual-list-selector__item">