@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/Pagination/examples/Pagination.md CHANGED
@@ -42,7 +42,9 @@ cssPrefix: pf-v6-c-pagination
42
42
  disabled
43
43
  aria-label="Go to first page"
44
44
  >
45
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
45
+ <span class="pf-v6-c-button__text">
46
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
47
+ </span>
46
48
  </button>
47
49
  </div>
48
50
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -52,7 +54,9 @@ cssPrefix: pf-v6-c-pagination
52
54
  disabled
53
55
  aria-label="Go to previous page"
54
56
  >
55
- <i class="fas fa-angle-left" aria-hidden="true"></i>
57
+ <span class="pf-v6-c-button__text">
58
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
59
+ </span>
56
60
  </button>
57
61
  </div>
58
62
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -73,7 +77,9 @@ cssPrefix: pf-v6-c-pagination
73
77
  type="button"
74
78
  aria-label="Go to next page"
75
79
  >
76
- <i class="fas fa-angle-right" aria-hidden="true"></i>
80
+ <span class="pf-v6-c-button__text">
81
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
82
+ </span>
77
83
  </button>
78
84
  </div>
79
85
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -82,7 +88,9 @@ cssPrefix: pf-v6-c-pagination
82
88
  type="button"
83
89
  aria-label="Go to last page"
84
90
  >
85
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
91
+ <span class="pf-v6-c-button__text">
92
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
93
+ </span>
86
94
  </button>
87
95
  </div>
88
96
  </nav>
@@ -128,7 +136,9 @@ cssPrefix: pf-v6-c-pagination
128
136
  disabled
129
137
  aria-label="Go to first page"
130
138
  >
131
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
139
+ <span class="pf-v6-c-button__text">
140
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
141
+ </span>
132
142
  </button>
133
143
  </div>
134
144
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -138,7 +148,9 @@ cssPrefix: pf-v6-c-pagination
138
148
  disabled
139
149
  aria-label="Go to previous page"
140
150
  >
141
- <i class="fas fa-angle-left" aria-hidden="true"></i>
151
+ <span class="pf-v6-c-button__text">
152
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
153
+ </span>
142
154
  </button>
143
155
  </div>
144
156
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -159,7 +171,9 @@ cssPrefix: pf-v6-c-pagination
159
171
  type="button"
160
172
  aria-label="Go to next page"
161
173
  >
162
- <i class="fas fa-angle-right" aria-hidden="true"></i>
174
+ <span class="pf-v6-c-button__text">
175
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
176
+ </span>
163
177
  </button>
164
178
  </div>
165
179
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -168,7 +182,9 @@ cssPrefix: pf-v6-c-pagination
168
182
  type="button"
169
183
  aria-label="Go to last page"
170
184
  >
171
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
185
+ <span class="pf-v6-c-button__text">
186
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
187
+ </span>
172
188
  </button>
173
189
  </div>
174
190
  </nav>
@@ -224,7 +240,9 @@ cssPrefix: pf-v6-c-pagination
224
240
  disabled
225
241
  aria-label="Go to first page"
226
242
  >
227
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
243
+ <span class="pf-v6-c-button__text">
244
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
245
+ </span>
228
246
  </button>
229
247
  </div>
230
248
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -234,7 +252,9 @@ cssPrefix: pf-v6-c-pagination
234
252
  disabled
235
253
  aria-label="Go to previous page"
236
254
  >
237
- <i class="fas fa-angle-left" aria-hidden="true"></i>
255
+ <span class="pf-v6-c-button__text">
256
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
257
+ </span>
238
258
  </button>
239
259
  </div>
240
260
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -254,7 +274,9 @@ cssPrefix: pf-v6-c-pagination
254
274
  type="button"
255
275
  aria-label="Go to next page"
256
276
  >
257
- <i class="fas fa-angle-right" aria-hidden="true"></i>
277
+ <span class="pf-v6-c-button__text">
278
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
279
+ </span>
258
280
  </button>
259
281
  </div>
260
282
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -263,7 +285,9 @@ cssPrefix: pf-v6-c-pagination
263
285
  type="button"
264
286
  aria-label="Go to last page"
265
287
  >
266
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
288
+ <span class="pf-v6-c-button__text">
289
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
290
+ </span>
267
291
  </button>
268
292
  </div>
269
293
  </nav>
@@ -305,7 +329,9 @@ cssPrefix: pf-v6-c-pagination
305
329
  disabled
306
330
  aria-label="Go to first page"
307
331
  >
308
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
332
+ <span class="pf-v6-c-button__text">
333
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
334
+ </span>
309
335
  </button>
310
336
  </div>
311
337
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -315,7 +341,9 @@ cssPrefix: pf-v6-c-pagination
315
341
  disabled
316
342
  aria-label="Go to previous page"
317
343
  >
318
- <i class="fas fa-angle-left" aria-hidden="true"></i>
344
+ <span class="pf-v6-c-button__text">
345
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
346
+ </span>
319
347
  </button>
320
348
  </div>
321
349
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -336,7 +364,9 @@ cssPrefix: pf-v6-c-pagination
336
364
  type="button"
337
365
  aria-label="Go to next page"
338
366
  >
339
- <i class="fas fa-angle-right" aria-hidden="true"></i>
367
+ <span class="pf-v6-c-button__text">
368
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
369
+ </span>
340
370
  </button>
341
371
  </div>
342
372
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -345,7 +375,9 @@ cssPrefix: pf-v6-c-pagination
345
375
  type="button"
346
376
  aria-label="Go to last page"
347
377
  >
348
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
378
+ <span class="pf-v6-c-button__text">
379
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
380
+ </span>
349
381
  </button>
350
382
  </div>
351
383
  </nav>
@@ -397,7 +429,9 @@ cssPrefix: pf-v6-c-pagination
397
429
  disabled
398
430
  aria-label="Go to first page"
399
431
  >
400
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
432
+ <span class="pf-v6-c-button__text">
433
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
434
+ </span>
401
435
  </button>
402
436
  </div>
403
437
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -407,7 +441,9 @@ cssPrefix: pf-v6-c-pagination
407
441
  disabled
408
442
  aria-label="Go to previous page"
409
443
  >
410
- <i class="fas fa-angle-left" aria-hidden="true"></i>
444
+ <span class="pf-v6-c-button__text">
445
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
446
+ </span>
411
447
  </button>
412
448
  </div>
413
449
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -428,7 +464,9 @@ cssPrefix: pf-v6-c-pagination
428
464
  type="button"
429
465
  aria-label="Go to next page"
430
466
  >
431
- <i class="fas fa-angle-right" aria-hidden="true"></i>
467
+ <span class="pf-v6-c-button__text">
468
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
469
+ </span>
432
470
  </button>
433
471
  </div>
434
472
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -437,7 +475,9 @@ cssPrefix: pf-v6-c-pagination
437
475
  type="button"
438
476
  aria-label="Go to last page"
439
477
  >
440
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
478
+ <span class="pf-v6-c-button__text">
479
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
480
+ </span>
441
481
  </button>
442
482
  </div>
443
483
  </nav>
@@ -484,7 +524,9 @@ cssPrefix: pf-v6-c-pagination
484
524
  disabled
485
525
  aria-label="Go to first page"
486
526
  >
487
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
527
+ <span class="pf-v6-c-button__text">
528
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
529
+ </span>
488
530
  </button>
489
531
  </div>
490
532
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -494,7 +536,9 @@ cssPrefix: pf-v6-c-pagination
494
536
  disabled
495
537
  aria-label="Go to previous page"
496
538
  >
497
- <i class="fas fa-angle-left" aria-hidden="true"></i>
539
+ <span class="pf-v6-c-button__text">
540
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
541
+ </span>
498
542
  </button>
499
543
  </div>
500
544
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -517,7 +561,9 @@ cssPrefix: pf-v6-c-pagination
517
561
  disabled
518
562
  aria-label="Go to next page"
519
563
  >
520
- <i class="fas fa-angle-right" aria-hidden="true"></i>
564
+ <span class="pf-v6-c-button__text">
565
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
566
+ </span>
521
567
  </button>
522
568
  </div>
523
569
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -527,7 +573,9 @@ cssPrefix: pf-v6-c-pagination
527
573
  disabled
528
574
  aria-label="Go to last page"
529
575
  >
530
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
576
+ <span class="pf-v6-c-button__text">
577
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
578
+ </span>
531
579
  </button>
532
580
  </div>
533
581
  </nav>
@@ -573,7 +621,9 @@ cssPrefix: pf-v6-c-pagination
573
621
  disabled
574
622
  aria-label="Go to previous page"
575
623
  >
576
- <i class="fas fa-angle-left" aria-hidden="true"></i>
624
+ <span class="pf-v6-c-button__text">
625
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
626
+ </span>
577
627
  </button>
578
628
  </div>
579
629
  <div class="pf-v6-c-pagination__nav-control pf-m-next">
@@ -582,7 +632,9 @@ cssPrefix: pf-v6-c-pagination
582
632
  type="button"
583
633
  aria-label="Go to next page"
584
634
  >
585
- <i class="fas fa-angle-right" aria-hidden="true"></i>
635
+ <span class="pf-v6-c-button__text">
636
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
637
+ </span>
586
638
  </button>
587
639
  </div>
588
640
  </nav>
@@ -628,7 +680,9 @@ cssPrefix: pf-v6-c-pagination
628
680
  disabled
629
681
  aria-label="Go to first page"
630
682
  >
631
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
683
+ <span class="pf-v6-c-button__text">
684
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
685
+ </span>
632
686
  </button>
633
687
  </div>
634
688
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -638,7 +692,9 @@ cssPrefix: pf-v6-c-pagination
638
692
  disabled
639
693
  aria-label="Go to previous page"
640
694
  >
641
- <i class="fas fa-angle-left" aria-hidden="true"></i>
695
+ <span class="pf-v6-c-button__text">
696
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
697
+ </span>
642
698
  </button>
643
699
  </div>
644
700
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -659,7 +715,9 @@ cssPrefix: pf-v6-c-pagination
659
715
  type="button"
660
716
  aria-label="Go to next page"
661
717
  >
662
- <i class="fas fa-angle-right" aria-hidden="true"></i>
718
+ <span class="pf-v6-c-button__text">
719
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
720
+ </span>
663
721
  </button>
664
722
  </div>
665
723
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -668,7 +726,9 @@ cssPrefix: pf-v6-c-pagination
668
726
  type="button"
669
727
  aria-label="Go to last page"
670
728
  >
671
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
729
+ <span class="pf-v6-c-button__text">
730
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
731
+ </span>
672
732
  </button>
673
733
  </div>
674
734
  </nav>
@@ -714,7 +774,9 @@ cssPrefix: pf-v6-c-pagination
714
774
  disabled
715
775
  aria-label="Go to first page"
716
776
  >
717
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
777
+ <span class="pf-v6-c-button__text">
778
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
779
+ </span>
718
780
  </button>
719
781
  </div>
720
782
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -724,7 +786,9 @@ cssPrefix: pf-v6-c-pagination
724
786
  disabled
725
787
  aria-label="Go to previous page"
726
788
  >
727
- <i class="fas fa-angle-left" aria-hidden="true"></i>
789
+ <span class="pf-v6-c-button__text">
790
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
791
+ </span>
728
792
  </button>
729
793
  </div>
730
794
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -745,7 +809,9 @@ cssPrefix: pf-v6-c-pagination
745
809
  type="button"
746
810
  aria-label="Go to next page"
747
811
  >
748
- <i class="fas fa-angle-right" aria-hidden="true"></i>
812
+ <span class="pf-v6-c-button__text">
813
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
814
+ </span>
749
815
  </button>
750
816
  </div>
751
817
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -754,7 +820,9 @@ cssPrefix: pf-v6-c-pagination
754
820
  type="button"
755
821
  aria-label="Go to last page"
756
822
  >
757
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
823
+ <span class="pf-v6-c-button__text">
824
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
825
+ </span>
758
826
  </button>
759
827
  </div>
760
828
  </nav>
@@ -802,7 +870,9 @@ cssPrefix: pf-v6-c-pagination
802
870
  disabled
803
871
  aria-label="Go to first page"
804
872
  >
805
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
873
+ <span class="pf-v6-c-button__text">
874
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
875
+ </span>
806
876
  </button>
807
877
  </div>
808
878
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -812,7 +882,9 @@ cssPrefix: pf-v6-c-pagination
812
882
  disabled
813
883
  aria-label="Go to previous page"
814
884
  >
815
- <i class="fas fa-angle-left" aria-hidden="true"></i>
885
+ <span class="pf-v6-c-button__text">
886
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
887
+ </span>
816
888
  </button>
817
889
  </div>
818
890
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -833,7 +905,9 @@ cssPrefix: pf-v6-c-pagination
833
905
  type="button"
834
906
  aria-label="Go to next page"
835
907
  >
836
- <i class="fas fa-angle-right" aria-hidden="true"></i>
908
+ <span class="pf-v6-c-button__text">
909
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
910
+ </span>
837
911
  </button>
838
912
  </div>
839
913
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -842,7 +916,9 @@ cssPrefix: pf-v6-c-pagination
842
916
  type="button"
843
917
  aria-label="Go to last page"
844
918
  >
845
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
919
+ <span class="pf-v6-c-button__text">
920
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
921
+ </span>
846
922
  </button>
847
923
  </div>
848
924
  </nav>
@@ -888,7 +964,9 @@ cssPrefix: pf-v6-c-pagination
888
964
  disabled
889
965
  aria-label="Go to previous page"
890
966
  >
891
- <i class="fas fa-angle-left" aria-hidden="true"></i>
967
+ <span class="pf-v6-c-button__text">
968
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
969
+ </span>
892
970
  </button>
893
971
  </div>
894
972
  <div class="pf-v6-c-pagination__nav-control pf-m-next">
@@ -897,7 +975,9 @@ cssPrefix: pf-v6-c-pagination
897
975
  type="button"
898
976
  aria-label="Go to next page"
899
977
  >
900
- <i class="fas fa-angle-right" aria-hidden="true"></i>
978
+ <span class="pf-v6-c-button__text">
979
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
980
+ </span>
901
981
  </button>
902
982
  </div>
903
983
  </nav>
@@ -945,7 +1025,9 @@ cssPrefix: pf-v6-c-pagination
945
1025
  disabled
946
1026
  aria-label="Go to first page"
947
1027
  >
948
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1028
+ <span class="pf-v6-c-button__text">
1029
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1030
+ </span>
949
1031
  </button>
950
1032
  </div>
951
1033
  <div class="pf-v6-c-pagination__nav-control pf-m-prev">
@@ -955,7 +1037,9 @@ cssPrefix: pf-v6-c-pagination
955
1037
  disabled
956
1038
  aria-label="Go to previous page"
957
1039
  >
958
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1040
+ <span class="pf-v6-c-button__text">
1041
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1042
+ </span>
959
1043
  </button>
960
1044
  </div>
961
1045
  <div class="pf-v6-c-pagination__nav-page-select">
@@ -976,7 +1060,9 @@ cssPrefix: pf-v6-c-pagination
976
1060
  type="button"
977
1061
  aria-label="Go to next page"
978
1062
  >
979
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1063
+ <span class="pf-v6-c-button__text">
1064
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1065
+ </span>
980
1066
  </button>
981
1067
  </div>
982
1068
  <div class="pf-v6-c-pagination__nav-control pf-m-last">
@@ -985,7 +1071,9 @@ cssPrefix: pf-v6-c-pagination
985
1071
  type="button"
986
1072
  aria-label="Go to last page"
987
1073
  >
988
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1074
+ <span class="pf-v6-c-button__text">
1075
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1076
+ </span>
989
1077
  </button>
990
1078
  </div>
991
1079
  </nav>
package/docs/components/Popover/examples/Popover.md CHANGED
@@ -24,7 +24,9 @@ cssPrefix: pf-v6-c-popover
24
24
  type="button"
25
25
  aria-label="Close"
26
26
  >
27
- <i class="fas fa-times" aria-hidden="true"></i>
27
+ <span class="pf-v6-c-button__text">
28
+ <i class="fas fa-times" aria-hidden="true"></i>
29
+ </span>
28
30
  </button>
29
31
  </div>
30
32
  <header class="pf-v6-c-popover__header">
@@ -60,7 +62,9 @@ cssPrefix: pf-v6-c-popover
60
62
  type="button"
61
63
  aria-label="Close"
62
64
  >
63
- <i class="fas fa-times" aria-hidden="true"></i>
65
+ <span class="pf-v6-c-button__text">
66
+ <i class="fas fa-times" aria-hidden="true"></i>
67
+ </span>
64
68
  </button>
65
69
  </div>
66
70
  <header class="pf-v6-c-popover__header">
@@ -96,7 +100,9 @@ cssPrefix: pf-v6-c-popover
96
100
  type="button"
97
101
  aria-label="Close"
98
102
  >
99
- <i class="fas fa-times" aria-hidden="true"></i>
103
+ <span class="pf-v6-c-button__text">
104
+ <i class="fas fa-times" aria-hidden="true"></i>
105
+ </span>
100
106
  </button>
101
107
  </div>
102
108
  <header class="pf-v6-c-popover__header">
@@ -132,7 +138,9 @@ cssPrefix: pf-v6-c-popover
132
138
  type="button"
133
139
  aria-label="Close"
134
140
  >
135
- <i class="fas fa-times" aria-hidden="true"></i>
141
+ <span class="pf-v6-c-button__text">
142
+ <i class="fas fa-times" aria-hidden="true"></i>
143
+ </span>
136
144
  </button>
137
145
  </div>
138
146
  <header class="pf-v6-c-popover__header">
@@ -168,7 +176,9 @@ cssPrefix: pf-v6-c-popover
168
176
  type="button"
169
177
  aria-label="Close"
170
178
  >
171
- <i class="fas fa-times" aria-hidden="true"></i>
179
+ <span class="pf-v6-c-button__text">
180
+ <i class="fas fa-times" aria-hidden="true"></i>
181
+ </span>
172
182
  </button>
173
183
  </div>
174
184
  <header class="pf-v6-c-popover__header">
@@ -204,7 +214,9 @@ cssPrefix: pf-v6-c-popover
204
214
  type="button"
205
215
  aria-label="Close"
206
216
  >
207
- <i class="fas fa-times" aria-hidden="true"></i>
217
+ <span class="pf-v6-c-button__text">
218
+ <i class="fas fa-times" aria-hidden="true"></i>
219
+ </span>
208
220
  </button>
209
221
  </div>
210
222
  <header class="pf-v6-c-popover__header">
@@ -240,7 +252,9 @@ cssPrefix: pf-v6-c-popover
240
252
  type="button"
241
253
  aria-label="Close"
242
254
  >
243
- <i class="fas fa-times" aria-hidden="true"></i>
255
+ <span class="pf-v6-c-button__text">
256
+ <i class="fas fa-times" aria-hidden="true"></i>
257
+ </span>
244
258
  </button>
245
259
  </div>
246
260
  <header class="pf-v6-c-popover__header">
@@ -276,7 +290,9 @@ cssPrefix: pf-v6-c-popover
276
290
  type="button"
277
291
  aria-label="Close"
278
292
  >
279
- <i class="fas fa-times" aria-hidden="true"></i>
293
+ <span class="pf-v6-c-button__text">
294
+ <i class="fas fa-times" aria-hidden="true"></i>
295
+ </span>
280
296
  </button>
281
297
  </div>
282
298
  <header class="pf-v6-c-popover__header">
@@ -312,7 +328,9 @@ cssPrefix: pf-v6-c-popover
312
328
  type="button"
313
329
  aria-label="Close"
314
330
  >
315
- <i class="fas fa-times" aria-hidden="true"></i>
331
+ <span class="pf-v6-c-button__text">
332
+ <i class="fas fa-times" aria-hidden="true"></i>
333
+ </span>
316
334
  </button>
317
335
  </div>
318
336
  <div
@@ -363,7 +381,9 @@ cssPrefix: pf-v6-c-popover
363
381
  type="button"
364
382
  aria-label="Close"
365
383
  >
366
- <i class="fas fa-times" aria-hidden="true"></i>
384
+ <span class="pf-v6-c-button__text">
385
+ <i class="fas fa-times" aria-hidden="true"></i>
386
+ </span>
367
387
  </button>
368
388
  </div>
369
389
  <header class="pf-v6-c-popover__header">
@@ -399,7 +419,9 @@ cssPrefix: pf-v6-c-popover
399
419
  type="button"
400
420
  aria-label="Close"
401
421
  >
402
- <i class="fas fa-times" aria-hidden="true"></i>
422
+ <span class="pf-v6-c-button__text">
423
+ <i class="fas fa-times" aria-hidden="true"></i>
424
+ </span>
403
425
  </button>
404
426
  </div>
405
427
  <header class="pf-v6-c-popover__header">
@@ -438,7 +460,9 @@ cssPrefix: pf-v6-c-popover
438
460
  type="button"
439
461
  aria-label="Close"
440
462
  >
441
- <i class="fas fa-times" aria-hidden="true"></i>
463
+ <span class="pf-v6-c-button__text">
464
+ <i class="fas fa-times" aria-hidden="true"></i>
465
+ </span>
442
466
  </button>
443
467
  </div>
444
468
  <header class="pf-v6-c-popover__header">
@@ -483,7 +507,9 @@ cssPrefix: pf-v6-c-popover
483
507
  type="button"
484
508
  aria-label="Close"
485
509
  >
486
- <i class="fas fa-times" aria-hidden="true"></i>
510
+ <span class="pf-v6-c-button__text">
511
+ <i class="fas fa-times" aria-hidden="true"></i>
512
+ </span>
487
513
  </button>
488
514
  </div>
489
515
  <header class="pf-v6-c-popover__header">
@@ -528,7 +554,9 @@ cssPrefix: pf-v6-c-popover
528
554
  type="button"
529
555
  aria-label="Close"
530
556
  >
531
- <i class="fas fa-times" aria-hidden="true"></i>
557
+ <span class="pf-v6-c-button__text">
558
+ <i class="fas fa-times" aria-hidden="true"></i>
559
+ </span>
532
560
  </button>
533
561
  </div>
534
562
  <header class="pf-v6-c-popover__header">
@@ -609,7 +637,9 @@ cssPrefix: pf-v6-c-popover
609
637
  type="button"
610
638
  aria-label="Close"
611
639
  >
612
- <i class="fas fa-times" aria-hidden="true"></i>
640
+ <span class="pf-v6-c-button__text">
641
+ <i class="fas fa-times" aria-hidden="true"></i>
642
+ </span>
613
643
  </button>
614
644
  </div>
615
645
  <header class="pf-v6-c-popover__header">