@patternfly/patternfly 6.0.0-alpha.164 → 6.0.0-alpha.166

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 (89) hide show
  1. package/components/Button/button.css +33 -14
  2. package/components/Button/button.scss +36 -14
  3. package/components/Panel/panel.css +17 -14
  4. package/components/Panel/panel.scss +17 -14
  5. package/components/_index.css +50 -28
  6. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  7. package/docs/components/ActionList/examples/ActionList.md +60 -20
  8. package/docs/components/Alert/examples/Alert.md +106 -62
  9. package/docs/components/BackToTop/examples/BackToTop.md +5 -3
  10. package/docs/components/Banner/examples/Banner.md +9 -3
  11. package/docs/components/Button/examples/Button.md +536 -367
  12. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  13. package/docs/components/Card/examples/Card.md +43 -29
  14. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +75 -33
  15. package/docs/components/CodeBlock/examples/CodeBlock.md +18 -6
  16. package/docs/components/CodeEditor/examples/CodeEditor.md +44 -22
  17. package/docs/components/ContextSelector/deprecated/context-selector.md +6 -8
  18. package/docs/components/DataList/examples/DataList.md +121 -63
  19. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  20. package/docs/components/DescriptionList/examples/DescriptionList.md +125 -75
  21. package/docs/components/Drawer/examples/Drawer.md +57 -19
  22. package/docs/components/DualListSelector/examples/DualListSelector.md +204 -100
  23. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  24. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  25. package/docs/components/Form/examples/Form.md +53 -19
  26. package/docs/components/Hint/examples/Hint.md +9 -9
  27. package/docs/components/InlineEdit/examples/InlineEdit.md +78 -26
  28. package/docs/components/InputGroup/examples/InputGroup.md +27 -9
  29. package/docs/components/JumpLinks/examples/JumpLinks.md +188 -68
  30. package/docs/components/Label/examples/Label.md +651 -217
  31. package/docs/components/LogViewer/examples/LogViewer.md +218 -86
  32. package/docs/components/Login/examples/Login.md +346 -282
  33. package/docs/components/Masthead/examples/masthead.md +27 -9
  34. package/docs/components/Menu/examples/Menu.md +35 -25
  35. package/docs/components/MenuToggle/examples/MenuToggle.md +3 -1
  36. package/docs/components/ModalBox/examples/ModalBox.md +48 -16
  37. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +48 -16
  38. package/docs/components/Nav/examples/Navigation.md +12 -4
  39. package/docs/components/NotificationBadge/examples/NotificationBadge.md +78 -42
  40. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +6 -2
  41. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  42. package/docs/components/OverflowMenu/examples/overflow-menu.md +48 -16
  43. package/docs/components/Page/examples/Page.md +21 -7
  44. package/docs/components/Pagination/examples/Pagination.md +132 -44
  45. package/docs/components/Panel/examples/Panel.md +1 -0
  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/Panel/Panel.md +88 -0
  77. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  78. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +12 -4
  79. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +306 -133
  80. package/docs/demos/Skeleton/examples/Skeleton.md +6 -2
  81. package/docs/demos/Table/examples/Table.md +474 -210
  82. package/docs/demos/Tabs/examples/Tabs.md +60 -22
  83. package/docs/demos/Toolbar/examples/Toolbar.md +123 -72
  84. package/docs/demos/Wizard/examples/Wizard.md +179 -110
  85. package/package.json +1 -1
  86. package/patternfly-no-globals.css +50 -28
  87. package/patternfly.css +50 -28
  88. package/patternfly.min.css +1 -1
  89. package/patternfly.min.css.map +1 -1
package/docs/components/LogViewer/examples/LogViewer.md CHANGED
@@ -77,10 +77,12 @@ cssPrefix: pf-v6-c-log-viewer
77
77
  </div>
78
78
  <div class="pf-v6-c-toolbar__item pf-m-gap-none">
79
79
  <button class="pf-v6-c-button pf-m-link" type="button">
80
- <span class="pf-v6-c-button__icon pf-m-start">
81
- <i class="fas fa-pause" aria-hidden="true"></i>
80
+ <span class="pf-v6-c-button__text">
81
+ <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
82
+ <i class="fas fa-pause" aria-hidden="true"></i>
83
+ </span>
84
+ Pause
82
85
  </span>
83
- Pause
84
86
  </button>
85
87
  </div>
86
88
  <div
@@ -102,7 +104,9 @@ cssPrefix: pf-v6-c-log-viewer
102
104
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
103
105
  >
104
106
  <div class="pf-v6-c-toolbar__item">
105
- <button class="pf-v6-c-button pf-m-link" type="button">Clear log</button>
107
+ <button class="pf-v6-c-button pf-m-link" type="button">
108
+ <span class="pf-v6-c-button__text">Clear log</span>
109
+ </button>
106
110
  </div>
107
111
  <div class="pf-v6-c-toolbar__item">
108
112
  <button
@@ -123,7 +127,9 @@ cssPrefix: pf-v6-c-log-viewer
123
127
  type="button"
124
128
  aria-label="Open external link"
125
129
  >
126
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
130
+ <span class="pf-v6-c-button__text">
131
+ <i class="fas fa-external-link-alt" aria-hidden="true"></i>
132
+ </span>
127
133
  </button>
128
134
  </div>
129
135
  <div class="pf-v6-c-toolbar__item">
@@ -132,7 +138,9 @@ cssPrefix: pf-v6-c-log-viewer
132
138
  type="button"
133
139
  aria-label="Download"
134
140
  >
135
- <i class="fas fa-download" aria-hidden="true"></i>
141
+ <span class="pf-v6-c-button__text">
142
+ <i class="fas fa-download" aria-hidden="true"></i>
143
+ </span>
136
144
  </button>
137
145
  </div>
138
146
  <div class="pf-v6-c-toolbar__item">
@@ -141,7 +149,9 @@ cssPrefix: pf-v6-c-log-viewer
141
149
  type="button"
142
150
  aria-label="Full screen"
143
151
  >
144
- <i class="fas fa-expand" aria-hidden="true"></i>
152
+ <span class="pf-v6-c-button__text">
153
+ <i class="fas fa-expand" aria-hidden="true"></i>
154
+ </span>
145
155
  </button>
146
156
  </div>
147
157
  </div>
@@ -349,10 +359,12 @@ cssPrefix: pf-v6-c-log-viewer
349
359
  </div>
350
360
  <div class="pf-v6-c-toolbar__item pf-m-gap-none">
351
361
  <button class="pf-v6-c-button pf-m-link" type="button">
352
- <span class="pf-v6-c-button__icon pf-m-start">
353
- <i class="fas fa-pause" aria-hidden="true"></i>
362
+ <span class="pf-v6-c-button__text">
363
+ <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
364
+ <i class="fas fa-pause" aria-hidden="true"></i>
365
+ </span>
366
+ Pause
354
367
  </span>
355
- Pause
356
368
  </button>
357
369
  </div>
358
370
  <div
@@ -374,7 +386,9 @@ cssPrefix: pf-v6-c-log-viewer
374
386
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
375
387
  >
376
388
  <div class="pf-v6-c-toolbar__item">
377
- <button class="pf-v6-c-button pf-m-link" type="button">Clear log</button>
389
+ <button class="pf-v6-c-button pf-m-link" type="button">
390
+ <span class="pf-v6-c-button__text">Clear log</span>
391
+ </button>
378
392
  </div>
379
393
  <div class="pf-v6-c-toolbar__item">
380
394
  <button
@@ -395,7 +409,9 @@ cssPrefix: pf-v6-c-log-viewer
395
409
  type="button"
396
410
  aria-label="Open external link"
397
411
  >
398
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
412
+ <span class="pf-v6-c-button__text">
413
+ <i class="fas fa-external-link-alt" aria-hidden="true"></i>
414
+ </span>
399
415
  </button>
400
416
  </div>
401
417
  <div class="pf-v6-c-toolbar__item">
@@ -404,7 +420,9 @@ cssPrefix: pf-v6-c-log-viewer
404
420
  type="button"
405
421
  aria-label="Download"
406
422
  >
407
- <i class="fas fa-download" aria-hidden="true"></i>
423
+ <span class="pf-v6-c-button__text">
424
+ <i class="fas fa-download" aria-hidden="true"></i>
425
+ </span>
408
426
  </button>
409
427
  </div>
410
428
  <div class="pf-v6-c-toolbar__item">
@@ -413,7 +431,9 @@ cssPrefix: pf-v6-c-log-viewer
413
431
  type="button"
414
432
  aria-label="Full screen"
415
433
  >
416
- <i class="fas fa-expand" aria-hidden="true"></i>
434
+ <span class="pf-v6-c-button__text">
435
+ <i class="fas fa-expand" aria-hidden="true"></i>
436
+ </span>
417
437
  </button>
418
438
  </div>
419
439
  </div>
@@ -621,10 +641,12 @@ cssPrefix: pf-v6-c-log-viewer
621
641
  </div>
622
642
  <div class="pf-v6-c-toolbar__item pf-m-gap-none">
623
643
  <button class="pf-v6-c-button pf-m-link" type="button">
624
- <span class="pf-v6-c-button__icon pf-m-start">
625
- <i class="fas fa-pause" aria-hidden="true"></i>
644
+ <span class="pf-v6-c-button__text">
645
+ <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
646
+ <i class="fas fa-pause" aria-hidden="true"></i>
647
+ </span>
648
+ Pause
626
649
  </span>
627
- Pause
628
650
  </button>
629
651
  </div>
630
652
  <div
@@ -646,7 +668,9 @@ cssPrefix: pf-v6-c-log-viewer
646
668
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
647
669
  >
648
670
  <div class="pf-v6-c-toolbar__item">
649
- <button class="pf-v6-c-button pf-m-link" type="button">Clear log</button>
671
+ <button class="pf-v6-c-button pf-m-link" type="button">
672
+ <span class="pf-v6-c-button__text">Clear log</span>
673
+ </button>
650
674
  </div>
651
675
  <div class="pf-v6-c-toolbar__item">
652
676
  <button
@@ -667,7 +691,9 @@ cssPrefix: pf-v6-c-log-viewer
667
691
  type="button"
668
692
  aria-label="Open external link"
669
693
  >
670
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
694
+ <span class="pf-v6-c-button__text">
695
+ <i class="fas fa-external-link-alt" aria-hidden="true"></i>
696
+ </span>
671
697
  </button>
672
698
  </div>
673
699
  <div class="pf-v6-c-toolbar__item">
@@ -676,7 +702,9 @@ cssPrefix: pf-v6-c-log-viewer
676
702
  type="button"
677
703
  aria-label="Download"
678
704
  >
679
- <i class="fas fa-download" aria-hidden="true"></i>
705
+ <span class="pf-v6-c-button__text">
706
+ <i class="fas fa-download" aria-hidden="true"></i>
707
+ </span>
680
708
  </button>
681
709
  </div>
682
710
  <div class="pf-v6-c-toolbar__item">
@@ -685,7 +713,9 @@ cssPrefix: pf-v6-c-log-viewer
685
713
  type="button"
686
714
  aria-label="Full screen"
687
715
  >
688
- <i class="fas fa-expand" aria-hidden="true"></i>
716
+ <span class="pf-v6-c-button__text">
717
+ <i class="fas fa-expand" aria-hidden="true"></i>
718
+ </span>
689
719
  </button>
690
720
  </div>
691
721
  </div>
@@ -893,10 +923,12 @@ cssPrefix: pf-v6-c-log-viewer
893
923
  </div>
894
924
  <div class="pf-v6-c-toolbar__item pf-m-gap-none">
895
925
  <button class="pf-v6-c-button pf-m-link" type="button">
896
- <span class="pf-v6-c-button__icon pf-m-start">
897
- <i class="fas fa-pause" aria-hidden="true"></i>
926
+ <span class="pf-v6-c-button__text">
927
+ <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
928
+ <i class="fas fa-pause" aria-hidden="true"></i>
929
+ </span>
930
+ Pause
898
931
  </span>
899
- Pause
900
932
  </button>
901
933
  </div>
902
934
  <div
@@ -918,7 +950,9 @@ cssPrefix: pf-v6-c-log-viewer
918
950
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
919
951
  >
920
952
  <div class="pf-v6-c-toolbar__item">
921
- <button class="pf-v6-c-button pf-m-link" type="button">Clear log</button>
953
+ <button class="pf-v6-c-button pf-m-link" type="button">
954
+ <span class="pf-v6-c-button__text">Clear log</span>
955
+ </button>
922
956
  </div>
923
957
  <div class="pf-v6-c-toolbar__item">
924
958
  <button
@@ -939,7 +973,9 @@ cssPrefix: pf-v6-c-log-viewer
939
973
  type="button"
940
974
  aria-label="Open external link"
941
975
  >
942
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
976
+ <span class="pf-v6-c-button__text">
977
+ <i class="fas fa-external-link-alt" aria-hidden="true"></i>
978
+ </span>
943
979
  </button>
944
980
  </div>
945
981
  <div class="pf-v6-c-toolbar__item">
@@ -948,7 +984,9 @@ cssPrefix: pf-v6-c-log-viewer
948
984
  type="button"
949
985
  aria-label="Download"
950
986
  >
951
- <i class="fas fa-download" aria-hidden="true"></i>
987
+ <span class="pf-v6-c-button__text">
988
+ <i class="fas fa-download" aria-hidden="true"></i>
989
+ </span>
952
990
  </button>
953
991
  </div>
954
992
  <div class="pf-v6-c-toolbar__item">
@@ -957,7 +995,9 @@ cssPrefix: pf-v6-c-log-viewer
957
995
  type="button"
958
996
  aria-label="Full screen"
959
997
  >
960
- <i class="fas fa-expand" aria-hidden="true"></i>
998
+ <span class="pf-v6-c-button__text">
999
+ <i class="fas fa-expand" aria-hidden="true"></i>
1000
+ </span>
961
1001
  </button>
962
1002
  </div>
963
1003
  </div>
@@ -1165,10 +1205,12 @@ cssPrefix: pf-v6-c-log-viewer
1165
1205
  </div>
1166
1206
  <div class="pf-v6-c-toolbar__item pf-m-gap-none">
1167
1207
  <button class="pf-v6-c-button pf-m-link" type="button">
1168
- <span class="pf-v6-c-button__icon pf-m-start">
1169
- <i class="fas fa-pause" aria-hidden="true"></i>
1208
+ <span class="pf-v6-c-button__text">
1209
+ <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
1210
+ <i class="fas fa-pause" aria-hidden="true"></i>
1211
+ </span>
1212
+ Pause
1170
1213
  </span>
1171
- Pause
1172
1214
  </button>
1173
1215
  </div>
1174
1216
  <div
@@ -1190,7 +1232,9 @@ cssPrefix: pf-v6-c-log-viewer
1190
1232
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
1191
1233
  >
1192
1234
  <div class="pf-v6-c-toolbar__item">
1193
- <button class="pf-v6-c-button pf-m-link" type="button">Clear log</button>
1235
+ <button class="pf-v6-c-button pf-m-link" type="button">
1236
+ <span class="pf-v6-c-button__text">Clear log</span>
1237
+ </button>
1194
1238
  </div>
1195
1239
  <div class="pf-v6-c-toolbar__item">
1196
1240
  <button
@@ -1211,7 +1255,9 @@ cssPrefix: pf-v6-c-log-viewer
1211
1255
  type="button"
1212
1256
  aria-label="Open external link"
1213
1257
  >
1214
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
1258
+ <span class="pf-v6-c-button__text">
1259
+ <i class="fas fa-external-link-alt" aria-hidden="true"></i>
1260
+ </span>
1215
1261
  </button>
1216
1262
  </div>
1217
1263
  <div class="pf-v6-c-toolbar__item">
@@ -1220,7 +1266,9 @@ cssPrefix: pf-v6-c-log-viewer
1220
1266
  type="button"
1221
1267
  aria-label="Download"
1222
1268
  >
1223
- <i class="fas fa-download" aria-hidden="true"></i>
1269
+ <span class="pf-v6-c-button__text">
1270
+ <i class="fas fa-download" aria-hidden="true"></i>
1271
+ </span>
1224
1272
  </button>
1225
1273
  </div>
1226
1274
  <div class="pf-v6-c-toolbar__item">
@@ -1229,7 +1277,9 @@ cssPrefix: pf-v6-c-log-viewer
1229
1277
  type="button"
1230
1278
  aria-label="Full screen"
1231
1279
  >
1232
- <i class="fas fa-expand" aria-hidden="true"></i>
1280
+ <span class="pf-v6-c-button__text">
1281
+ <i class="fas fa-expand" aria-hidden="true"></i>
1282
+ </span>
1233
1283
  </button>
1234
1284
  </div>
1235
1285
  </div>
@@ -1441,14 +1491,18 @@ cssPrefix: pf-v6-c-log-viewer
1441
1491
  disabled
1442
1492
  aria-label="Previous"
1443
1493
  >
1444
- <i class="fas fa-angle-up fa-fw" aria-hidden="true"></i>
1494
+ <span class="pf-v6-c-button__text">
1495
+ <i class="fas fa-angle-up fa-fw" aria-hidden="true"></i>
1496
+ </span>
1445
1497
  </button>
1446
1498
  <button
1447
1499
  class="pf-v6-c-button pf-m-plain"
1448
1500
  type="button"
1449
1501
  aria-label="Next"
1450
1502
  >
1451
- <i class="fas fa-angle-down fa-fw" aria-hidden="true"></i>
1503
+ <span class="pf-v6-c-button__text">
1504
+ <i class="fas fa-angle-down fa-fw" aria-hidden="true"></i>
1505
+ </span>
1452
1506
  </button>
1453
1507
  </div>
1454
1508
  <button
@@ -1456,7 +1510,9 @@ cssPrefix: pf-v6-c-log-viewer
1456
1510
  type="button"
1457
1511
  aria-label="Clear input"
1458
1512
  >
1459
- <i class="fas fa-times fa-fw" aria-hidden="true"></i>
1513
+ <span class="pf-v6-c-button__text">
1514
+ <i class="fas fa-times fa-fw" aria-hidden="true"></i>
1515
+ </span>
1460
1516
  </button>
1461
1517
  </div>
1462
1518
  </div>
@@ -1464,10 +1520,12 @@ cssPrefix: pf-v6-c-log-viewer
1464
1520
  </div>
1465
1521
  <div class="pf-v6-c-toolbar__item pf-m-gap-none">
1466
1522
  <button class="pf-v6-c-button pf-m-link" type="button">
1467
- <span class="pf-v6-c-button__icon pf-m-start">
1468
- <i class="fas fa-pause" aria-hidden="true"></i>
1523
+ <span class="pf-v6-c-button__text">
1524
+ <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
1525
+ <i class="fas fa-pause" aria-hidden="true"></i>
1526
+ </span>
1527
+ Pause
1469
1528
  </span>
1470
- Pause
1471
1529
  </button>
1472
1530
  </div>
1473
1531
  <div
@@ -1489,7 +1547,9 @@ cssPrefix: pf-v6-c-log-viewer
1489
1547
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
1490
1548
  >
1491
1549
  <div class="pf-v6-c-toolbar__item">
1492
- <button class="pf-v6-c-button pf-m-link" type="button">Clear log</button>
1550
+ <button class="pf-v6-c-button pf-m-link" type="button">
1551
+ <span class="pf-v6-c-button__text">Clear log</span>
1552
+ </button>
1493
1553
  </div>
1494
1554
  <div class="pf-v6-c-toolbar__item">
1495
1555
  <button
@@ -1510,7 +1570,9 @@ cssPrefix: pf-v6-c-log-viewer
1510
1570
  type="button"
1511
1571
  aria-label="Open external link"
1512
1572
  >
1513
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
1573
+ <span class="pf-v6-c-button__text">
1574
+ <i class="fas fa-external-link-alt" aria-hidden="true"></i>
1575
+ </span>
1514
1576
  </button>
1515
1577
  </div>
1516
1578
  <div class="pf-v6-c-toolbar__item">
@@ -1519,7 +1581,9 @@ cssPrefix: pf-v6-c-log-viewer
1519
1581
  type="button"
1520
1582
  aria-label="Download"
1521
1583
  >
1522
- <i class="fas fa-download" aria-hidden="true"></i>
1584
+ <span class="pf-v6-c-button__text">
1585
+ <i class="fas fa-download" aria-hidden="true"></i>
1586
+ </span>
1523
1587
  </button>
1524
1588
  </div>
1525
1589
  <div class="pf-v6-c-toolbar__item">
@@ -1528,7 +1592,9 @@ cssPrefix: pf-v6-c-log-viewer
1528
1592
  type="button"
1529
1593
  aria-label="Full screen"
1530
1594
  >
1531
- <i class="fas fa-expand" aria-hidden="true"></i>
1595
+ <span class="pf-v6-c-button__text">
1596
+ <i class="fas fa-expand" aria-hidden="true"></i>
1597
+ </span>
1532
1598
  </button>
1533
1599
  </div>
1534
1600
  </div>
@@ -1566,14 +1632,18 @@ cssPrefix: pf-v6-c-log-viewer
1566
1632
  disabled
1567
1633
  aria-label="Previous"
1568
1634
  >
1569
- <i class="fas fa-angle-up fa-fw" aria-hidden="true"></i>
1635
+ <span class="pf-v6-c-button__text">
1636
+ <i class="fas fa-angle-up fa-fw" aria-hidden="true"></i>
1637
+ </span>
1570
1638
  </button>
1571
1639
  <button
1572
1640
  class="pf-v6-c-button pf-m-plain"
1573
1641
  type="button"
1574
1642
  aria-label="Next"
1575
1643
  >
1576
- <i class="fas fa-angle-down fa-fw" aria-hidden="true"></i>
1644
+ <span class="pf-v6-c-button__text">
1645
+ <i class="fas fa-angle-down fa-fw" aria-hidden="true"></i>
1646
+ </span>
1577
1647
  </button>
1578
1648
  </div>
1579
1649
  <button
@@ -1581,7 +1651,9 @@ cssPrefix: pf-v6-c-log-viewer
1581
1651
  type="button"
1582
1652
  aria-label="Clear input"
1583
1653
  >
1584
- <i class="fas fa-times fa-fw" aria-hidden="true"></i>
1654
+ <span class="pf-v6-c-button__text">
1655
+ <i class="fas fa-times fa-fw" aria-hidden="true"></i>
1656
+ </span>
1585
1657
  </button>
1586
1658
  </div>
1587
1659
  </div>
@@ -1779,10 +1851,12 @@ cssPrefix: pf-v6-c-log-viewer
1779
1851
  </div>
1780
1852
  <div class="pf-v6-c-toolbar__item pf-m-gap-none">
1781
1853
  <button class="pf-v6-c-button pf-m-link" type="button">
1782
- <span class="pf-v6-c-button__icon pf-m-start">
1783
- <i class="fas fa-pause" aria-hidden="true"></i>
1854
+ <span class="pf-v6-c-button__text">
1855
+ <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
1856
+ <i class="fas fa-pause" aria-hidden="true"></i>
1857
+ </span>
1858
+ Pause
1784
1859
  </span>
1785
- Pause
1786
1860
  </button>
1787
1861
  </div>
1788
1862
  <div
@@ -1804,7 +1878,9 @@ cssPrefix: pf-v6-c-log-viewer
1804
1878
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
1805
1879
  >
1806
1880
  <div class="pf-v6-c-toolbar__item">
1807
- <button class="pf-v6-c-button pf-m-link" type="button">Clear log</button>
1881
+ <button class="pf-v6-c-button pf-m-link" type="button">
1882
+ <span class="pf-v6-c-button__text">Clear log</span>
1883
+ </button>
1808
1884
  </div>
1809
1885
  <div class="pf-v6-c-toolbar__item">
1810
1886
  <button
@@ -1825,7 +1901,9 @@ cssPrefix: pf-v6-c-log-viewer
1825
1901
  type="button"
1826
1902
  aria-label="Open external link"
1827
1903
  >
1828
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
1904
+ <span class="pf-v6-c-button__text">
1905
+ <i class="fas fa-external-link-alt" aria-hidden="true"></i>
1906
+ </span>
1829
1907
  </button>
1830
1908
  </div>
1831
1909
  <div class="pf-v6-c-toolbar__item">
@@ -1834,7 +1912,9 @@ cssPrefix: pf-v6-c-log-viewer
1834
1912
  type="button"
1835
1913
  aria-label="Download"
1836
1914
  >
1837
- <i class="fas fa-download" aria-hidden="true"></i>
1915
+ <span class="pf-v6-c-button__text">
1916
+ <i class="fas fa-download" aria-hidden="true"></i>
1917
+ </span>
1838
1918
  </button>
1839
1919
  </div>
1840
1920
  <div class="pf-v6-c-toolbar__item">
@@ -1843,7 +1923,9 @@ cssPrefix: pf-v6-c-log-viewer
1843
1923
  type="button"
1844
1924
  aria-label="Full screen"
1845
1925
  >
1846
- <i class="fas fa-expand" aria-hidden="true"></i>
1926
+ <span class="pf-v6-c-button__text">
1927
+ <i class="fas fa-expand" aria-hidden="true"></i>
1928
+ </span>
1847
1929
  </button>
1848
1930
  </div>
1849
1931
  </div>
@@ -2051,10 +2133,12 @@ cssPrefix: pf-v6-c-log-viewer
2051
2133
  </div>
2052
2134
  <div class="pf-v6-c-toolbar__item pf-m-gap-none">
2053
2135
  <button class="pf-v6-c-button pf-m-link" type="button">
2054
- <span class="pf-v6-c-button__icon pf-m-start">
2055
- <i class="fas fa-pause" aria-hidden="true"></i>
2136
+ <span class="pf-v6-c-button__text">
2137
+ <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
2138
+ <i class="fas fa-pause" aria-hidden="true"></i>
2139
+ </span>
2140
+ Pause
2056
2141
  </span>
2057
- Pause
2058
2142
  </button>
2059
2143
  </div>
2060
2144
  <div
@@ -2076,7 +2160,9 @@ cssPrefix: pf-v6-c-log-viewer
2076
2160
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
2077
2161
  >
2078
2162
  <div class="pf-v6-c-toolbar__item">
2079
- <button class="pf-v6-c-button pf-m-link" type="button">Clear log</button>
2163
+ <button class="pf-v6-c-button pf-m-link" type="button">
2164
+ <span class="pf-v6-c-button__text">Clear log</span>
2165
+ </button>
2080
2166
  </div>
2081
2167
  <div class="pf-v6-c-toolbar__item">
2082
2168
  <button
@@ -2097,7 +2183,9 @@ cssPrefix: pf-v6-c-log-viewer
2097
2183
  type="button"
2098
2184
  aria-label="Open external link"
2099
2185
  >
2100
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
2186
+ <span class="pf-v6-c-button__text">
2187
+ <i class="fas fa-external-link-alt" aria-hidden="true"></i>
2188
+ </span>
2101
2189
  </button>
2102
2190
  </div>
2103
2191
  <div class="pf-v6-c-toolbar__item">
@@ -2106,7 +2194,9 @@ cssPrefix: pf-v6-c-log-viewer
2106
2194
  type="button"
2107
2195
  aria-label="Download"
2108
2196
  >
2109
- <i class="fas fa-download" aria-hidden="true"></i>
2197
+ <span class="pf-v6-c-button__text">
2198
+ <i class="fas fa-download" aria-hidden="true"></i>
2199
+ </span>
2110
2200
  </button>
2111
2201
  </div>
2112
2202
  <div class="pf-v6-c-toolbar__item">
@@ -2115,7 +2205,9 @@ cssPrefix: pf-v6-c-log-viewer
2115
2205
  type="button"
2116
2206
  aria-label="Full screen"
2117
2207
  >
2118
- <i class="fas fa-expand" aria-hidden="true"></i>
2208
+ <span class="pf-v6-c-button__text">
2209
+ <i class="fas fa-expand" aria-hidden="true"></i>
2210
+ </span>
2119
2211
  </button>
2120
2212
  </div>
2121
2213
  </div>
@@ -2323,10 +2415,12 @@ cssPrefix: pf-v6-c-log-viewer
2323
2415
  </div>
2324
2416
  <div class="pf-v6-c-toolbar__item pf-m-gap-none">
2325
2417
  <button class="pf-v6-c-button pf-m-link" type="button">
2326
- <span class="pf-v6-c-button__icon pf-m-start">
2327
- <i class="fas fa-pause" aria-hidden="true"></i>
2418
+ <span class="pf-v6-c-button__text">
2419
+ <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
2420
+ <i class="fas fa-pause" aria-hidden="true"></i>
2421
+ </span>
2422
+ Pause
2328
2423
  </span>
2329
- Pause
2330
2424
  </button>
2331
2425
  </div>
2332
2426
  <div
@@ -2348,7 +2442,9 @@ cssPrefix: pf-v6-c-log-viewer
2348
2442
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
2349
2443
  >
2350
2444
  <div class="pf-v6-c-toolbar__item">
2351
- <button class="pf-v6-c-button pf-m-link" type="button">Clear log</button>
2445
+ <button class="pf-v6-c-button pf-m-link" type="button">
2446
+ <span class="pf-v6-c-button__text">Clear log</span>
2447
+ </button>
2352
2448
  </div>
2353
2449
  <div class="pf-v6-c-toolbar__item">
2354
2450
  <button
@@ -2369,7 +2465,9 @@ cssPrefix: pf-v6-c-log-viewer
2369
2465
  type="button"
2370
2466
  aria-label="Open external link"
2371
2467
  >
2372
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
2468
+ <span class="pf-v6-c-button__text">
2469
+ <i class="fas fa-external-link-alt" aria-hidden="true"></i>
2470
+ </span>
2373
2471
  </button>
2374
2472
  </div>
2375
2473
  <div class="pf-v6-c-toolbar__item">
@@ -2378,7 +2476,9 @@ cssPrefix: pf-v6-c-log-viewer
2378
2476
  type="button"
2379
2477
  aria-label="Download"
2380
2478
  >
2381
- <i class="fas fa-download" aria-hidden="true"></i>
2479
+ <span class="pf-v6-c-button__text">
2480
+ <i class="fas fa-download" aria-hidden="true"></i>
2481
+ </span>
2382
2482
  </button>
2383
2483
  </div>
2384
2484
  <div class="pf-v6-c-toolbar__item">
@@ -2387,7 +2487,9 @@ cssPrefix: pf-v6-c-log-viewer
2387
2487
  type="button"
2388
2488
  aria-label="Full screen"
2389
2489
  >
2390
- <i class="fas fa-expand" aria-hidden="true"></i>
2490
+ <span class="pf-v6-c-button__text">
2491
+ <i class="fas fa-expand" aria-hidden="true"></i>
2492
+ </span>
2391
2493
  </button>
2392
2494
  </div>
2393
2495
  </div>
@@ -2536,7 +2638,9 @@ cssPrefix: pf-v6-c-log-viewer
2536
2638
  type="button"
2537
2639
  aria-label="Close"
2538
2640
  >
2539
- <i class="fas fa-times" aria-hidden="true"></i>
2641
+ <span class="pf-v6-c-button__text">
2642
+ <i class="fas fa-times" aria-hidden="true"></i>
2643
+ </span>
2540
2644
  </button>
2541
2645
  </div>
2542
2646
  <header class="pf-v6-c-popover__header">
@@ -2549,8 +2653,12 @@ cssPrefix: pf-v6-c-log-viewer
2549
2653
  id="popover-bottom-body"
2550
2654
  >Any current log data will be lost.</div>
2551
2655
  <footer class="pf-v6-c-popover__footer">
2552
- <button class="pf-v6-c-button pf-m-link" type="button">Clear</button>
2553
- <button class="pf-v6-c-button pf-m-link" type="button">Cancel</button>
2656
+ <button class="pf-v6-c-button pf-m-link" type="button">
2657
+ <span class="pf-v6-c-button__text">Clear</span>
2658
+ </button>
2659
+ <button class="pf-v6-c-button pf-m-link" type="button">
2660
+ <span class="pf-v6-c-button__text">Cancel</span>
2661
+ </button>
2554
2662
  </footer>
2555
2663
  </div>
2556
2664
  </div>
@@ -2632,14 +2740,18 @@ cssPrefix: pf-v6-c-log-viewer
2632
2740
  disabled
2633
2741
  aria-label="Previous"
2634
2742
  >
2635
- <i class="fas fa-angle-up fa-fw" aria-hidden="true"></i>
2743
+ <span class="pf-v6-c-button__text">
2744
+ <i class="fas fa-angle-up fa-fw" aria-hidden="true"></i>
2745
+ </span>
2636
2746
  </button>
2637
2747
  <button
2638
2748
  class="pf-v6-c-button pf-m-plain"
2639
2749
  type="button"
2640
2750
  aria-label="Next"
2641
2751
  >
2642
- <i class="fas fa-angle-down fa-fw" aria-hidden="true"></i>
2752
+ <span class="pf-v6-c-button__text">
2753
+ <i class="fas fa-angle-down fa-fw" aria-hidden="true"></i>
2754
+ </span>
2643
2755
  </button>
2644
2756
  </div>
2645
2757
  <button
@@ -2647,7 +2759,9 @@ cssPrefix: pf-v6-c-log-viewer
2647
2759
  type="button"
2648
2760
  aria-label="Clear input"
2649
2761
  >
2650
- <i class="fas fa-times fa-fw" aria-hidden="true"></i>
2762
+ <span class="pf-v6-c-button__text">
2763
+ <i class="fas fa-times fa-fw" aria-hidden="true"></i>
2764
+ </span>
2651
2765
  </button>
2652
2766
  </div>
2653
2767
  </div>
@@ -2655,10 +2769,12 @@ cssPrefix: pf-v6-c-log-viewer
2655
2769
  </div>
2656
2770
  <div class="pf-v6-c-toolbar__item pf-m-gap-none">
2657
2771
  <button class="pf-v6-c-button pf-m-link" type="button">
2658
- <span class="pf-v6-c-button__icon pf-m-start">
2659
- <i class="fas fa-pause" aria-hidden="true"></i>
2772
+ <span class="pf-v6-c-button__text">
2773
+ <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
2774
+ <i class="fas fa-pause" aria-hidden="true"></i>
2775
+ </span>
2776
+ Pause
2660
2777
  </span>
2661
- Pause
2662
2778
  </button>
2663
2779
  </div>
2664
2780
  <div
@@ -2680,7 +2796,9 @@ cssPrefix: pf-v6-c-log-viewer
2680
2796
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-hidden pf-m-visible-on-lg"
2681
2797
  >
2682
2798
  <div class="pf-v6-c-toolbar__item">
2683
- <button class="pf-v6-c-button pf-m-link" type="button">Clear log</button>
2799
+ <button class="pf-v6-c-button pf-m-link" type="button">
2800
+ <span class="pf-v6-c-button__text">Clear log</span>
2801
+ </button>
2684
2802
  </div>
2685
2803
  <div class="pf-v6-c-toolbar__item">
2686
2804
  <button
@@ -2701,7 +2819,9 @@ cssPrefix: pf-v6-c-log-viewer
2701
2819
  type="button"
2702
2820
  aria-label="Open external link"
2703
2821
  >
2704
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
2822
+ <span class="pf-v6-c-button__text">
2823
+ <i class="fas fa-external-link-alt" aria-hidden="true"></i>
2824
+ </span>
2705
2825
  </button>
2706
2826
  </div>
2707
2827
  <div class="pf-v6-c-toolbar__item">
@@ -2710,7 +2830,9 @@ cssPrefix: pf-v6-c-log-viewer
2710
2830
  type="button"
2711
2831
  aria-label="Download"
2712
2832
  >
2713
- <i class="fas fa-download" aria-hidden="true"></i>
2833
+ <span class="pf-v6-c-button__text">
2834
+ <i class="fas fa-download" aria-hidden="true"></i>
2835
+ </span>
2714
2836
  </button>
2715
2837
  </div>
2716
2838
  <div class="pf-v6-c-toolbar__item">
@@ -2719,7 +2841,9 @@ cssPrefix: pf-v6-c-log-viewer
2719
2841
  type="button"
2720
2842
  aria-label="Full screen"
2721
2843
  >
2722
- <i class="fas fa-expand" aria-hidden="true"></i>
2844
+ <span class="pf-v6-c-button__text">
2845
+ <i class="fas fa-expand" aria-hidden="true"></i>
2846
+ </span>
2723
2847
  </button>
2724
2848
  </div>
2725
2849
  </div>
@@ -2757,14 +2881,18 @@ cssPrefix: pf-v6-c-log-viewer
2757
2881
  disabled
2758
2882
  aria-label="Previous"
2759
2883
  >
2760
- <i class="fas fa-angle-up fa-fw" aria-hidden="true"></i>
2884
+ <span class="pf-v6-c-button__text">
2885
+ <i class="fas fa-angle-up fa-fw" aria-hidden="true"></i>
2886
+ </span>
2761
2887
  </button>
2762
2888
  <button
2763
2889
  class="pf-v6-c-button pf-m-plain"
2764
2890
  type="button"
2765
2891
  aria-label="Next"
2766
2892
  >
2767
- <i class="fas fa-angle-down fa-fw" aria-hidden="true"></i>
2893
+ <span class="pf-v6-c-button__text">
2894
+ <i class="fas fa-angle-down fa-fw" aria-hidden="true"></i>
2895
+ </span>
2768
2896
  </button>
2769
2897
  </div>
2770
2898
  <button
@@ -2772,7 +2900,9 @@ cssPrefix: pf-v6-c-log-viewer
2772
2900
  type="button"
2773
2901
  aria-label="Clear input"
2774
2902
  >
2775
- <i class="fas fa-times fa-fw" aria-hidden="true"></i>
2903
+ <span class="pf-v6-c-button__text">
2904
+ <i class="fas fa-times fa-fw" aria-hidden="true"></i>
2905
+ </span>
2776
2906
  </button>
2777
2907
  </div>
2778
2908
  </div>
@@ -2895,7 +3025,9 @@ cssPrefix: pf-v6-c-log-viewer
2895
3025
  <!--prettyhtml-ignore-end-->
2896
3026
  </div>
2897
3027
  </div>
2898
- <button class="pf-v6-c-button pf-m-primary" type="button">Jump to the bottom</button>
3028
+ <button class="pf-v6-c-button pf-m-primary" type="button">
3029
+ <span class="pf-v6-c-button__text">Jump to the bottom</span>
3030
+ </button>
2899
3031
  </div>
2900
3032
 
2901
3033
  ```