@patternfly/patternfly 6.0.0-alpha.173 → 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 (95) 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/Content/content.css +19 -43
  8. package/components/Content/content.scss +17 -60
  9. package/components/JumpLinks/jump-links.css +0 -7
  10. package/components/JumpLinks/jump-links.scss +0 -9
  11. package/components/Label/label.css +2 -2
  12. package/components/Label/label.scss +2 -2
  13. package/components/List/list.css +33 -40
  14. package/components/List/list.scss +39 -48
  15. package/components/NumberInput/number-input.css +0 -1
  16. package/components/NumberInput/number-input.scss +0 -1
  17. package/components/Tabs/tabs.css +1 -18
  18. package/components/Tabs/tabs.scss +1 -18
  19. package/components/_index.css +64 -116
  20. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  21. package/docs/components/ActionList/examples/ActionList.md +7 -7
  22. package/docs/components/Alert/examples/Alert.md +44 -46
  23. package/docs/components/BackToTop/examples/BackToTop.md +3 -5
  24. package/docs/components/Banner/examples/Banner.md +1 -1
  25. package/docs/components/Button/examples/Button.md +35 -35
  26. package/docs/components/CalendarMonth/examples/CalendarMonth.md +8 -8
  27. package/docs/components/Card/examples/Card.md +36 -20
  28. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +32 -29
  29. package/docs/components/CodeBlock/examples/CodeBlock.md +6 -6
  30. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -21
  31. package/docs/components/DataList/examples/DataList.md +17 -17
  32. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  33. package/docs/components/DescriptionList/examples/DescriptionList.md +100 -150
  34. package/docs/components/Drawer/examples/Drawer.md +19 -19
  35. package/docs/components/DualListSelector/examples/DualListSelector.md +84 -84
  36. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  37. package/docs/components/Form/examples/Form.md +18 -19
  38. package/docs/components/Hint/examples/Hint.md +2 -2
  39. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  40. package/docs/components/InputGroup/examples/InputGroup.md +2 -2
  41. package/docs/components/JumpLinks/examples/JumpLinks.md +8 -8
  42. package/docs/components/Label/examples/Label.md +217 -217
  43. package/docs/components/LogViewer/examples/LogViewer.md +77 -97
  44. package/docs/components/Login/examples/Login.md +37 -32
  45. package/docs/components/Masthead/examples/masthead.md +6 -6
  46. package/docs/components/Menu/examples/Menu.md +10 -10
  47. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  48. package/docs/components/ModalBox/examples/ModalBox.md +17 -17
  49. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
  50. package/docs/components/Nav/examples/Navigation.md +4 -4
  51. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +2 -2
  52. package/docs/components/NumberInput/examples/NumberInput.md +24 -24
  53. package/docs/components/OverflowMenu/examples/overflow-menu.md +6 -6
  54. package/docs/components/Page/examples/Page.md +7 -7
  55. package/docs/components/Pagination/examples/Pagination.md +53 -44
  56. package/docs/components/Popover/examples/Popover.md +30 -15
  57. package/docs/components/Slider/examples/Slider.md +8 -8
  58. package/docs/components/Table/examples/Table.md +433 -203
  59. package/docs/components/Tabs/examples/Tabs.md +364 -358
  60. package/docs/components/TextInputGroup/examples/TextInputGroup.md +364 -404
  61. package/docs/components/Toolbar/examples/Toolbar.md +59 -59
  62. package/docs/components/TreeView/examples/TreeView.md +4 -4
  63. package/docs/components/Wizard/examples/Wizard.md +10 -10
  64. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  65. package/docs/demos/Alert/examples/Alert.md +6 -6
  66. package/docs/demos/BackToTop/examples/BackToTop.md +4 -6
  67. package/docs/demos/Banner/examples/Banner.md +2 -2
  68. package/docs/demos/Button/examples/Button.md +1 -1
  69. package/docs/demos/Card/examples/Card.md +54 -79
  70. package/docs/demos/CardView/examples/CardView.md +8 -7
  71. package/docs/demos/Dashboard/examples/Dashboard.md +25 -37
  72. package/docs/demos/DataList/examples/DataList.md +38 -34
  73. package/docs/demos/DescriptionList/examples/DescriptionList.md +4 -4
  74. package/docs/demos/Drawer/examples/Drawer.md +8 -8
  75. package/docs/demos/Form/examples/BasicForms.md +69 -86
  76. package/docs/demos/JumpLinks/examples/JumpLinks.md +14 -20
  77. package/docs/demos/Masthead/examples/Masthead.md +13 -13
  78. package/docs/demos/Modal/examples/Modal.md +15 -15
  79. package/docs/demos/Nav/examples/Nav.md +9 -9
  80. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  81. package/docs/demos/Page/examples/Page.md +9 -9
  82. package/docs/demos/Page/examples/Penta.md +2 -2
  83. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +3 -3
  84. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  85. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +35 -35
  86. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  87. package/docs/demos/Table/examples/Table.md +132 -115
  88. package/docs/demos/Tabs/examples/Tabs.md +11 -11
  89. package/docs/demos/Toolbar/examples/Toolbar.md +37 -36
  90. package/docs/demos/Wizard/examples/Wizard.md +22 -23
  91. package/package.json +1 -1
  92. package/patternfly-no-globals.css +64 -116
  93. package/patternfly.css +64 -116
  94. package/patternfly.min.css +1 -1
  95. package/patternfly.min.css.map +1 -1
package/docs/components/Pagination/examples/Pagination.md CHANGED
@@ -42,7 +42,7 @@ cssPrefix: pf-v6-c-pagination
42
42
  disabled
43
43
  aria-label="Go to first page"
44
44
  >
45
- <span class="pf-v6-c-button__text">
45
+ <span class="pf-v6-c-button__icon">
46
46
  <i class="fas fa-angle-double-left" aria-hidden="true"></i>
47
47
  </span>
48
48
  </button>
@@ -54,7 +54,7 @@ cssPrefix: pf-v6-c-pagination
54
54
  disabled
55
55
  aria-label="Go to previous page"
56
56
  >
57
- <span class="pf-v6-c-button__text">
57
+ <span class="pf-v6-c-button__icon">
58
58
  <i class="fas fa-angle-left" aria-hidden="true"></i>
59
59
  </span>
60
60
  </button>
@@ -77,7 +77,7 @@ cssPrefix: pf-v6-c-pagination
77
77
  type="button"
78
78
  aria-label="Go to next page"
79
79
  >
80
- <span class="pf-v6-c-button__text">
80
+ <span class="pf-v6-c-button__icon">
81
81
  <i class="fas fa-angle-right" aria-hidden="true"></i>
82
82
  </span>
83
83
  </button>
@@ -86,9 +86,10 @@ cssPrefix: pf-v6-c-pagination
86
86
  <button
87
87
  class="pf-v6-c-button pf-m-plain"
88
88
  type="button"
89
+ disabled
89
90
  aria-label="Go to last page"
90
91
  >
91
- <span class="pf-v6-c-button__text">
92
+ <span class="pf-v6-c-button__icon">
92
93
  <i class="fas fa-angle-double-right" aria-hidden="true"></i>
93
94
  </span>
94
95
  </button>
@@ -136,7 +137,7 @@ cssPrefix: pf-v6-c-pagination
136
137
  disabled
137
138
  aria-label="Go to first page"
138
139
  >
139
- <span class="pf-v6-c-button__text">
140
+ <span class="pf-v6-c-button__icon">
140
141
  <i class="fas fa-angle-double-left" aria-hidden="true"></i>
141
142
  </span>
142
143
  </button>
@@ -148,7 +149,7 @@ cssPrefix: pf-v6-c-pagination
148
149
  disabled
149
150
  aria-label="Go to previous page"
150
151
  >
151
- <span class="pf-v6-c-button__text">
152
+ <span class="pf-v6-c-button__icon">
152
153
  <i class="fas fa-angle-left" aria-hidden="true"></i>
153
154
  </span>
154
155
  </button>
@@ -171,7 +172,7 @@ cssPrefix: pf-v6-c-pagination
171
172
  type="button"
172
173
  aria-label="Go to next page"
173
174
  >
174
- <span class="pf-v6-c-button__text">
175
+ <span class="pf-v6-c-button__icon">
175
176
  <i class="fas fa-angle-right" aria-hidden="true"></i>
176
177
  </span>
177
178
  </button>
@@ -180,9 +181,10 @@ cssPrefix: pf-v6-c-pagination
180
181
  <button
181
182
  class="pf-v6-c-button pf-m-plain"
182
183
  type="button"
184
+ disabled
183
185
  aria-label="Go to last page"
184
186
  >
185
- <span class="pf-v6-c-button__text">
187
+ <span class="pf-v6-c-button__icon">
186
188
  <i class="fas fa-angle-double-right" aria-hidden="true"></i>
187
189
  </span>
188
190
  </button>
@@ -240,7 +242,7 @@ cssPrefix: pf-v6-c-pagination
240
242
  disabled
241
243
  aria-label="Go to first page"
242
244
  >
243
- <span class="pf-v6-c-button__text">
245
+ <span class="pf-v6-c-button__icon">
244
246
  <i class="fas fa-angle-double-left" aria-hidden="true"></i>
245
247
  </span>
246
248
  </button>
@@ -252,7 +254,7 @@ cssPrefix: pf-v6-c-pagination
252
254
  disabled
253
255
  aria-label="Go to previous page"
254
256
  >
255
- <span class="pf-v6-c-button__text">
257
+ <span class="pf-v6-c-button__icon">
256
258
  <i class="fas fa-angle-left" aria-hidden="true"></i>
257
259
  </span>
258
260
  </button>
@@ -274,7 +276,7 @@ cssPrefix: pf-v6-c-pagination
274
276
  type="button"
275
277
  aria-label="Go to next page"
276
278
  >
277
- <span class="pf-v6-c-button__text">
279
+ <span class="pf-v6-c-button__icon">
278
280
  <i class="fas fa-angle-right" aria-hidden="true"></i>
279
281
  </span>
280
282
  </button>
@@ -283,9 +285,10 @@ cssPrefix: pf-v6-c-pagination
283
285
  <button
284
286
  class="pf-v6-c-button pf-m-plain"
285
287
  type="button"
288
+ disabled
286
289
  aria-label="Go to last page"
287
290
  >
288
- <span class="pf-v6-c-button__text">
291
+ <span class="pf-v6-c-button__icon">
289
292
  <i class="fas fa-angle-double-right" aria-hidden="true"></i>
290
293
  </span>
291
294
  </button>
@@ -329,7 +332,7 @@ cssPrefix: pf-v6-c-pagination
329
332
  disabled
330
333
  aria-label="Go to first page"
331
334
  >
332
- <span class="pf-v6-c-button__text">
335
+ <span class="pf-v6-c-button__icon">
333
336
  <i class="fas fa-angle-double-left" aria-hidden="true"></i>
334
337
  </span>
335
338
  </button>
@@ -341,7 +344,7 @@ cssPrefix: pf-v6-c-pagination
341
344
  disabled
342
345
  aria-label="Go to previous page"
343
346
  >
344
- <span class="pf-v6-c-button__text">
347
+ <span class="pf-v6-c-button__icon">
345
348
  <i class="fas fa-angle-left" aria-hidden="true"></i>
346
349
  </span>
347
350
  </button>
@@ -364,7 +367,7 @@ cssPrefix: pf-v6-c-pagination
364
367
  type="button"
365
368
  aria-label="Go to next page"
366
369
  >
367
- <span class="pf-v6-c-button__text">
370
+ <span class="pf-v6-c-button__icon">
368
371
  <i class="fas fa-angle-right" aria-hidden="true"></i>
369
372
  </span>
370
373
  </button>
@@ -373,9 +376,10 @@ cssPrefix: pf-v6-c-pagination
373
376
  <button
374
377
  class="pf-v6-c-button pf-m-plain"
375
378
  type="button"
379
+ disabled
376
380
  aria-label="Go to last page"
377
381
  >
378
- <span class="pf-v6-c-button__text">
382
+ <span class="pf-v6-c-button__icon">
379
383
  <i class="fas fa-angle-double-right" aria-hidden="true"></i>
380
384
  </span>
381
385
  </button>
@@ -429,7 +433,7 @@ cssPrefix: pf-v6-c-pagination
429
433
  disabled
430
434
  aria-label="Go to first page"
431
435
  >
432
- <span class="pf-v6-c-button__text">
436
+ <span class="pf-v6-c-button__icon">
433
437
  <i class="fas fa-angle-double-left" aria-hidden="true"></i>
434
438
  </span>
435
439
  </button>
@@ -441,7 +445,7 @@ cssPrefix: pf-v6-c-pagination
441
445
  disabled
442
446
  aria-label="Go to previous page"
443
447
  >
444
- <span class="pf-v6-c-button__text">
448
+ <span class="pf-v6-c-button__icon">
445
449
  <i class="fas fa-angle-left" aria-hidden="true"></i>
446
450
  </span>
447
451
  </button>
@@ -464,7 +468,7 @@ cssPrefix: pf-v6-c-pagination
464
468
  type="button"
465
469
  aria-label="Go to next page"
466
470
  >
467
- <span class="pf-v6-c-button__text">
471
+ <span class="pf-v6-c-button__icon">
468
472
  <i class="fas fa-angle-right" aria-hidden="true"></i>
469
473
  </span>
470
474
  </button>
@@ -473,9 +477,10 @@ cssPrefix: pf-v6-c-pagination
473
477
  <button
474
478
  class="pf-v6-c-button pf-m-plain"
475
479
  type="button"
480
+ disabled
476
481
  aria-label="Go to last page"
477
482
  >
478
- <span class="pf-v6-c-button__text">
483
+ <span class="pf-v6-c-button__icon">
479
484
  <i class="fas fa-angle-double-right" aria-hidden="true"></i>
480
485
  </span>
481
486
  </button>
@@ -524,7 +529,7 @@ cssPrefix: pf-v6-c-pagination
524
529
  disabled
525
530
  aria-label="Go to first page"
526
531
  >
527
- <span class="pf-v6-c-button__text">
532
+ <span class="pf-v6-c-button__icon">
528
533
  <i class="fas fa-angle-double-left" aria-hidden="true"></i>
529
534
  </span>
530
535
  </button>
@@ -536,7 +541,7 @@ cssPrefix: pf-v6-c-pagination
536
541
  disabled
537
542
  aria-label="Go to previous page"
538
543
  >
539
- <span class="pf-v6-c-button__text">
544
+ <span class="pf-v6-c-button__icon">
540
545
  <i class="fas fa-angle-left" aria-hidden="true"></i>
541
546
  </span>
542
547
  </button>
@@ -561,7 +566,7 @@ cssPrefix: pf-v6-c-pagination
561
566
  disabled
562
567
  aria-label="Go to next page"
563
568
  >
564
- <span class="pf-v6-c-button__text">
569
+ <span class="pf-v6-c-button__icon">
565
570
  <i class="fas fa-angle-right" aria-hidden="true"></i>
566
571
  </span>
567
572
  </button>
@@ -573,7 +578,7 @@ cssPrefix: pf-v6-c-pagination
573
578
  disabled
574
579
  aria-label="Go to last page"
575
580
  >
576
- <span class="pf-v6-c-button__text">
581
+ <span class="pf-v6-c-button__icon">
577
582
  <i class="fas fa-angle-double-right" aria-hidden="true"></i>
578
583
  </span>
579
584
  </button>
@@ -621,7 +626,7 @@ cssPrefix: pf-v6-c-pagination
621
626
  disabled
622
627
  aria-label="Go to previous page"
623
628
  >
624
- <span class="pf-v6-c-button__text">
629
+ <span class="pf-v6-c-button__icon">
625
630
  <i class="fas fa-angle-left" aria-hidden="true"></i>
626
631
  </span>
627
632
  </button>
@@ -632,7 +637,7 @@ cssPrefix: pf-v6-c-pagination
632
637
  type="button"
633
638
  aria-label="Go to next page"
634
639
  >
635
- <span class="pf-v6-c-button__text">
640
+ <span class="pf-v6-c-button__icon">
636
641
  <i class="fas fa-angle-right" aria-hidden="true"></i>
637
642
  </span>
638
643
  </button>
@@ -680,7 +685,7 @@ cssPrefix: pf-v6-c-pagination
680
685
  disabled
681
686
  aria-label="Go to first page"
682
687
  >
683
- <span class="pf-v6-c-button__text">
688
+ <span class="pf-v6-c-button__icon">
684
689
  <i class="fas fa-angle-double-left" aria-hidden="true"></i>
685
690
  </span>
686
691
  </button>
@@ -692,7 +697,7 @@ cssPrefix: pf-v6-c-pagination
692
697
  disabled
693
698
  aria-label="Go to previous page"
694
699
  >
695
- <span class="pf-v6-c-button__text">
700
+ <span class="pf-v6-c-button__icon">
696
701
  <i class="fas fa-angle-left" aria-hidden="true"></i>
697
702
  </span>
698
703
  </button>
@@ -715,7 +720,7 @@ cssPrefix: pf-v6-c-pagination
715
720
  type="button"
716
721
  aria-label="Go to next page"
717
722
  >
718
- <span class="pf-v6-c-button__text">
723
+ <span class="pf-v6-c-button__icon">
719
724
  <i class="fas fa-angle-right" aria-hidden="true"></i>
720
725
  </span>
721
726
  </button>
@@ -724,9 +729,10 @@ cssPrefix: pf-v6-c-pagination
724
729
  <button
725
730
  class="pf-v6-c-button pf-m-plain"
726
731
  type="button"
732
+ disabled
727
733
  aria-label="Go to last page"
728
734
  >
729
- <span class="pf-v6-c-button__text">
735
+ <span class="pf-v6-c-button__icon">
730
736
  <i class="fas fa-angle-double-right" aria-hidden="true"></i>
731
737
  </span>
732
738
  </button>
@@ -774,7 +780,7 @@ cssPrefix: pf-v6-c-pagination
774
780
  disabled
775
781
  aria-label="Go to first page"
776
782
  >
777
- <span class="pf-v6-c-button__text">
783
+ <span class="pf-v6-c-button__icon">
778
784
  <i class="fas fa-angle-double-left" aria-hidden="true"></i>
779
785
  </span>
780
786
  </button>
@@ -786,7 +792,7 @@ cssPrefix: pf-v6-c-pagination
786
792
  disabled
787
793
  aria-label="Go to previous page"
788
794
  >
789
- <span class="pf-v6-c-button__text">
795
+ <span class="pf-v6-c-button__icon">
790
796
  <i class="fas fa-angle-left" aria-hidden="true"></i>
791
797
  </span>
792
798
  </button>
@@ -809,7 +815,7 @@ cssPrefix: pf-v6-c-pagination
809
815
  type="button"
810
816
  aria-label="Go to next page"
811
817
  >
812
- <span class="pf-v6-c-button__text">
818
+ <span class="pf-v6-c-button__icon">
813
819
  <i class="fas fa-angle-right" aria-hidden="true"></i>
814
820
  </span>
815
821
  </button>
@@ -818,9 +824,10 @@ cssPrefix: pf-v6-c-pagination
818
824
  <button
819
825
  class="pf-v6-c-button pf-m-plain"
820
826
  type="button"
827
+ disabled
821
828
  aria-label="Go to last page"
822
829
  >
823
- <span class="pf-v6-c-button__text">
830
+ <span class="pf-v6-c-button__icon">
824
831
  <i class="fas fa-angle-double-right" aria-hidden="true"></i>
825
832
  </span>
826
833
  </button>
@@ -870,7 +877,7 @@ cssPrefix: pf-v6-c-pagination
870
877
  disabled
871
878
  aria-label="Go to first page"
872
879
  >
873
- <span class="pf-v6-c-button__text">
880
+ <span class="pf-v6-c-button__icon">
874
881
  <i class="fas fa-angle-double-left" aria-hidden="true"></i>
875
882
  </span>
876
883
  </button>
@@ -882,7 +889,7 @@ cssPrefix: pf-v6-c-pagination
882
889
  disabled
883
890
  aria-label="Go to previous page"
884
891
  >
885
- <span class="pf-v6-c-button__text">
892
+ <span class="pf-v6-c-button__icon">
886
893
  <i class="fas fa-angle-left" aria-hidden="true"></i>
887
894
  </span>
888
895
  </button>
@@ -905,7 +912,7 @@ cssPrefix: pf-v6-c-pagination
905
912
  type="button"
906
913
  aria-label="Go to next page"
907
914
  >
908
- <span class="pf-v6-c-button__text">
915
+ <span class="pf-v6-c-button__icon">
909
916
  <i class="fas fa-angle-right" aria-hidden="true"></i>
910
917
  </span>
911
918
  </button>
@@ -914,9 +921,10 @@ cssPrefix: pf-v6-c-pagination
914
921
  <button
915
922
  class="pf-v6-c-button pf-m-plain"
916
923
  type="button"
924
+ disabled
917
925
  aria-label="Go to last page"
918
926
  >
919
- <span class="pf-v6-c-button__text">
927
+ <span class="pf-v6-c-button__icon">
920
928
  <i class="fas fa-angle-double-right" aria-hidden="true"></i>
921
929
  </span>
922
930
  </button>
@@ -964,7 +972,7 @@ cssPrefix: pf-v6-c-pagination
964
972
  disabled
965
973
  aria-label="Go to previous page"
966
974
  >
967
- <span class="pf-v6-c-button__text">
975
+ <span class="pf-v6-c-button__icon">
968
976
  <i class="fas fa-angle-left" aria-hidden="true"></i>
969
977
  </span>
970
978
  </button>
@@ -975,7 +983,7 @@ cssPrefix: pf-v6-c-pagination
975
983
  type="button"
976
984
  aria-label="Go to next page"
977
985
  >
978
- <span class="pf-v6-c-button__text">
986
+ <span class="pf-v6-c-button__icon">
979
987
  <i class="fas fa-angle-right" aria-hidden="true"></i>
980
988
  </span>
981
989
  </button>
@@ -1025,7 +1033,7 @@ cssPrefix: pf-v6-c-pagination
1025
1033
  disabled
1026
1034
  aria-label="Go to first page"
1027
1035
  >
1028
- <span class="pf-v6-c-button__text">
1036
+ <span class="pf-v6-c-button__icon">
1029
1037
  <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1030
1038
  </span>
1031
1039
  </button>
@@ -1037,7 +1045,7 @@ cssPrefix: pf-v6-c-pagination
1037
1045
  disabled
1038
1046
  aria-label="Go to previous page"
1039
1047
  >
1040
- <span class="pf-v6-c-button__text">
1048
+ <span class="pf-v6-c-button__icon">
1041
1049
  <i class="fas fa-angle-left" aria-hidden="true"></i>
1042
1050
  </span>
1043
1051
  </button>
@@ -1060,7 +1068,7 @@ cssPrefix: pf-v6-c-pagination
1060
1068
  type="button"
1061
1069
  aria-label="Go to next page"
1062
1070
  >
1063
- <span class="pf-v6-c-button__text">
1071
+ <span class="pf-v6-c-button__icon">
1064
1072
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1065
1073
  </span>
1066
1074
  </button>
@@ -1069,9 +1077,10 @@ cssPrefix: pf-v6-c-pagination
1069
1077
  <button
1070
1078
  class="pf-v6-c-button pf-m-plain"
1071
1079
  type="button"
1080
+ disabled
1072
1081
  aria-label="Go to last page"
1073
1082
  >
1074
- <span class="pf-v6-c-button__text">
1083
+ <span class="pf-v6-c-button__icon">
1075
1084
  <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1076
1085
  </span>
1077
1086
  </button>
package/docs/components/Popover/examples/Popover.md CHANGED
@@ -6,6 +6,10 @@ cssPrefix: pf-v6-c-popover
6
6
 
7
7
  ## Examples
8
8
 
9
+ ```
10
+ {{> popover-close}}
11
+ ```
12
+
9
13
  ### Top
10
14
 
11
15
  ```html isFullscreen
@@ -24,7 +28,7 @@ cssPrefix: pf-v6-c-popover
24
28
  type="button"
25
29
  aria-label="Close"
26
30
  >
27
- <span class="pf-v6-c-button__text">
31
+ <span class="pf-v6-c-button__icon">
28
32
  <i class="fas fa-times" aria-hidden="true"></i>
29
33
  </span>
30
34
  </button>
@@ -62,7 +66,7 @@ cssPrefix: pf-v6-c-popover
62
66
  type="button"
63
67
  aria-label="Close"
64
68
  >
65
- <span class="pf-v6-c-button__text">
69
+ <span class="pf-v6-c-button__icon">
66
70
  <i class="fas fa-times" aria-hidden="true"></i>
67
71
  </span>
68
72
  </button>
@@ -100,7 +104,7 @@ cssPrefix: pf-v6-c-popover
100
104
  type="button"
101
105
  aria-label="Close"
102
106
  >
103
- <span class="pf-v6-c-button__text">
107
+ <span class="pf-v6-c-button__icon">
104
108
  <i class="fas fa-times" aria-hidden="true"></i>
105
109
  </span>
106
110
  </button>
@@ -138,7 +142,7 @@ cssPrefix: pf-v6-c-popover
138
142
  type="button"
139
143
  aria-label="Close"
140
144
  >
141
- <span class="pf-v6-c-button__text">
145
+ <span class="pf-v6-c-button__icon">
142
146
  <i class="fas fa-times" aria-hidden="true"></i>
143
147
  </span>
144
148
  </button>
@@ -176,7 +180,7 @@ cssPrefix: pf-v6-c-popover
176
180
  type="button"
177
181
  aria-label="Close"
178
182
  >
179
- <span class="pf-v6-c-button__text">
183
+ <span class="pf-v6-c-button__icon">
180
184
  <i class="fas fa-times" aria-hidden="true"></i>
181
185
  </span>
182
186
  </button>
@@ -214,7 +218,7 @@ cssPrefix: pf-v6-c-popover
214
218
  type="button"
215
219
  aria-label="Close"
216
220
  >
217
- <span class="pf-v6-c-button__text">
221
+ <span class="pf-v6-c-button__icon">
218
222
  <i class="fas fa-times" aria-hidden="true"></i>
219
223
  </span>
220
224
  </button>
@@ -252,7 +256,7 @@ cssPrefix: pf-v6-c-popover
252
256
  type="button"
253
257
  aria-label="Close"
254
258
  >
255
- <span class="pf-v6-c-button__text">
259
+ <span class="pf-v6-c-button__icon">
256
260
  <i class="fas fa-times" aria-hidden="true"></i>
257
261
  </span>
258
262
  </button>
@@ -290,7 +294,7 @@ cssPrefix: pf-v6-c-popover
290
294
  type="button"
291
295
  aria-label="Close"
292
296
  >
293
- <span class="pf-v6-c-button__text">
297
+ <span class="pf-v6-c-button__icon">
294
298
  <i class="fas fa-times" aria-hidden="true"></i>
295
299
  </span>
296
300
  </button>
@@ -328,7 +332,7 @@ cssPrefix: pf-v6-c-popover
328
332
  type="button"
329
333
  aria-label="Close"
330
334
  >
331
- <span class="pf-v6-c-button__text">
335
+ <span class="pf-v6-c-button__icon">
332
336
  <i class="fas fa-times" aria-hidden="true"></i>
333
337
  </span>
334
338
  </button>
@@ -381,7 +385,7 @@ cssPrefix: pf-v6-c-popover
381
385
  type="button"
382
386
  aria-label="Close"
383
387
  >
384
- <span class="pf-v6-c-button__text">
388
+ <span class="pf-v6-c-button__icon">
385
389
  <i class="fas fa-times" aria-hidden="true"></i>
386
390
  </span>
387
391
  </button>
@@ -419,7 +423,7 @@ cssPrefix: pf-v6-c-popover
419
423
  type="button"
420
424
  aria-label="Close"
421
425
  >
422
- <span class="pf-v6-c-button__text">
426
+ <span class="pf-v6-c-button__icon">
423
427
  <i class="fas fa-times" aria-hidden="true"></i>
424
428
  </span>
425
429
  </button>
@@ -460,7 +464,7 @@ cssPrefix: pf-v6-c-popover
460
464
  type="button"
461
465
  aria-label="Close"
462
466
  >
463
- <span class="pf-v6-c-button__text">
467
+ <span class="pf-v6-c-button__icon">
464
468
  <i class="fas fa-times" aria-hidden="true"></i>
465
469
  </span>
466
470
  </button>
@@ -507,7 +511,7 @@ cssPrefix: pf-v6-c-popover
507
511
  type="button"
508
512
  aria-label="Close"
509
513
  >
510
- <span class="pf-v6-c-button__text">
514
+ <span class="pf-v6-c-button__icon">
511
515
  <i class="fas fa-times" aria-hidden="true"></i>
512
516
  </span>
513
517
  </button>
@@ -554,7 +558,7 @@ cssPrefix: pf-v6-c-popover
554
558
  type="button"
555
559
  aria-label="Close"
556
560
  >
557
- <span class="pf-v6-c-button__text">
561
+ <span class="pf-v6-c-button__icon">
558
562
  <i class="fas fa-times" aria-hidden="true"></i>
559
563
  </span>
560
564
  </button>
@@ -595,6 +599,17 @@ cssPrefix: pf-v6-c-popover
595
599
  >
596
600
  <div class="pf-v6-c-popover__arrow"></div>
597
601
  <div class="pf-v6-c-popover__content">
602
+ <div class="pf-v6-c-popover__close">
603
+ <button
604
+ class="pf-v6-c-button pf-m-plain"
605
+ type="button"
606
+ aria-label="Close"
607
+ >
608
+ <span class="pf-v6-c-button__icon">
609
+ <i class="fas fa-times" aria-hidden="true"></i>
610
+ </span>
611
+ </button>
612
+ </div>
598
613
  <header class="pf-v6-c-popover__header">
599
614
  <div class="pf-v6-c-popover__title" id="popover-warning-alert-header">
600
615
  <span class="pf-v6-c-popover__title-icon">
@@ -637,7 +652,7 @@ cssPrefix: pf-v6-c-popover
637
652
  type="button"
638
653
  aria-label="Close"
639
654
  >
640
- <span class="pf-v6-c-button__text">
655
+ <span class="pf-v6-c-button__icon">
641
656
  <i class="fas fa-times" aria-hidden="true"></i>
642
657
  </span>
643
658
  </button>
package/docs/components/Slider/examples/Slider.md CHANGED
@@ -370,8 +370,8 @@ cssPrefix: pf-v6-c-slider
370
370
  <div class="pf-v6-c-slider" style="--pf-v6-c-slider--value: 50%;">
371
371
  <div class="pf-v6-c-slider__actions">
372
372
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Minus">
373
- <span class="pf-v6-c-button__text">
374
- <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
373
+ <span class="pf-v6-c-button__icon">
374
+ <i class="fas fa-minus fa-fw" aria-hidden="true"></i>
375
375
  </span>
376
376
  </button>
377
377
  </div>
@@ -391,8 +391,8 @@ cssPrefix: pf-v6-c-slider
391
391
  </div>
392
392
  <div class="pf-v6-c-slider__actions">
393
393
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Plus">
394
- <span class="pf-v6-c-button__text">
395
- <i class="fas fa-fw fa-plus" aria-hidden="true"></i>
394
+ <span class="pf-v6-c-button__icon">
395
+ <i class="fas fa-plus fa-fw" aria-hidden="true"></i>
396
396
  </span>
397
397
  </button>
398
398
  </div>
@@ -435,8 +435,8 @@ cssPrefix: pf-v6-c-slider
435
435
  </div>
436
436
  <div class="pf-v6-c-slider__actions">
437
437
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Locked">
438
- <span class="pf-v6-c-button__text">
439
- <i class="fas fa-fw fa-lock" aria-hidden="true"></i>
438
+ <span class="pf-v6-c-button__icon">
439
+ <i class="fas fa-lock fa-fw" aria-hidden="true"></i>
440
440
  </span>
441
441
  </button>
442
442
  </div>
@@ -474,8 +474,8 @@ cssPrefix: pf-v6-c-slider
474
474
  </div>
475
475
  <div class="pf-v6-c-slider__actions">
476
476
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Lock">
477
- <span class="pf-v6-c-button__text">
478
- <i class="fas fa-fw fa-lock-open" aria-hidden="true"></i>
477
+ <span class="pf-v6-c-button__icon">
478
+ <i class="fas fa-lock-open fa-fw" aria-hidden="true"></i>
479
479
  </span>
480
480
  </button>
481
481
  </div>