@patternfly/patternfly 6.0.0-alpha.174 → 6.0.0-alpha.176

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 (96) hide show
  1. package/components/Button/button.css +5 -1
  2. package/components/Button/button.scss +5 -1
  3. package/components/Card/card.css +2 -2
  4. package/components/Card/card.scss +1 -1
  5. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  6. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  7. package/components/JumpLinks/jump-links.css +0 -7
  8. package/components/JumpLinks/jump-links.scss +0 -9
  9. package/components/Label/label.css +2 -2
  10. package/components/Label/label.scss +2 -2
  11. package/components/NumberInput/number-input.css +0 -1
  12. package/components/NumberInput/number-input.scss +0 -1
  13. package/components/Tabs/tabs.css +1 -18
  14. package/components/Tabs/tabs.scss +1 -18
  15. package/components/_index.css +12 -210
  16. package/components/_index.scss +0 -1
  17. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  18. package/docs/components/ActionList/examples/ActionList.md +7 -7
  19. package/docs/components/Alert/examples/Alert.md +44 -46
  20. package/docs/components/BackToTop/examples/BackToTop.md +3 -5
  21. package/docs/components/Banner/examples/Banner.md +1 -1
  22. package/docs/components/Button/examples/Button.md +35 -35
  23. package/docs/components/CalendarMonth/examples/CalendarMonth.md +8 -8
  24. package/docs/components/Card/examples/Card.md +36 -20
  25. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +32 -29
  26. package/docs/components/CodeBlock/examples/CodeBlock.md +6 -6
  27. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -21
  28. package/docs/components/DataList/examples/DataList.md +17 -17
  29. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  30. package/docs/components/DescriptionList/examples/DescriptionList.md +100 -150
  31. package/docs/components/Drawer/examples/Drawer.md +19 -19
  32. package/docs/components/DualListSelector/examples/DualListSelector.md +84 -84
  33. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  34. package/docs/components/Form/examples/Form.md +18 -19
  35. package/docs/components/Hint/examples/Hint.md +2 -2
  36. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  37. package/docs/components/InputGroup/examples/InputGroup.md +2 -2
  38. package/docs/components/JumpLinks/examples/JumpLinks.md +8 -8
  39. package/docs/components/Label/examples/Label.md +217 -217
  40. package/docs/components/Login/examples/Login.md +37 -32
  41. package/docs/components/Masthead/examples/masthead.md +6 -6
  42. package/docs/components/Menu/examples/Menu.md +10 -10
  43. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  44. package/docs/components/ModalBox/examples/ModalBox.md +17 -17
  45. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
  46. package/docs/components/Nav/examples/Navigation.md +4 -4
  47. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +2 -2
  48. package/docs/components/NumberInput/examples/NumberInput.md +24 -24
  49. package/docs/components/OverflowMenu/examples/overflow-menu.md +6 -6
  50. package/docs/components/Page/examples/Page.md +7 -7
  51. package/docs/components/Pagination/examples/Pagination.md +53 -44
  52. package/docs/components/Popover/examples/Popover.md +30 -15
  53. package/docs/components/Slider/examples/Slider.md +8 -8
  54. package/docs/components/Table/examples/Table.md +433 -203
  55. package/docs/components/Tabs/examples/Tabs.md +364 -358
  56. package/docs/components/TextInputGroup/examples/TextInputGroup.md +364 -404
  57. package/docs/components/Toolbar/examples/Toolbar.md +59 -59
  58. package/docs/components/TreeView/examples/TreeView.md +4 -4
  59. package/docs/components/Wizard/examples/Wizard.md +10 -10
  60. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  61. package/docs/demos/Alert/examples/Alert.md +6 -6
  62. package/docs/demos/BackToTop/examples/BackToTop.md +4 -6
  63. package/docs/demos/Banner/examples/Banner.md +2 -2
  64. package/docs/demos/Button/examples/Button.md +1 -1
  65. package/docs/demos/Card/examples/Card.md +54 -79
  66. package/docs/demos/CardView/examples/CardView.md +8 -7
  67. package/docs/demos/Dashboard/examples/Dashboard.md +25 -37
  68. package/docs/demos/DataList/examples/DataList.md +38 -34
  69. package/docs/demos/DescriptionList/examples/DescriptionList.md +4 -4
  70. package/docs/demos/Drawer/examples/Drawer.md +8 -8
  71. package/docs/demos/Form/examples/BasicForms.md +69 -86
  72. package/docs/demos/JumpLinks/examples/JumpLinks.md +14 -20
  73. package/docs/demos/Masthead/examples/Masthead.md +13 -13
  74. package/docs/demos/Modal/examples/Modal.md +15 -15
  75. package/docs/demos/Nav/examples/Nav.md +9 -9
  76. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  77. package/docs/demos/Page/examples/Page.md +9 -9
  78. package/docs/demos/Page/examples/Penta.md +2 -2
  79. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +3 -3
  80. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  81. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +35 -35
  82. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  83. package/docs/demos/Table/examples/Table.md +132 -115
  84. package/docs/demos/Tabs/examples/Tabs.md +11 -11
  85. package/docs/demos/Toolbar/examples/Toolbar.md +37 -36
  86. package/docs/demos/Wizard/examples/Wizard.md +22 -23
  87. package/package.json +1 -1
  88. package/patternfly-no-globals.css +12 -210
  89. package/patternfly.css +12 -210
  90. package/patternfly.min.css +1 -1
  91. package/patternfly.min.css.map +1 -1
  92. package/sass-utilities/namespaces-components.scss +0 -3
  93. package/components/LogViewer/log-viewer.css +0 -176
  94. package/components/LogViewer/log-viewer.scss +0 -219
  95. package/docs/components/LogViewer/examples/LogViewer.css +0 -24
  96. package/docs/components/LogViewer/examples/LogViewer.md +0 -3070
package/docs/components/Button/examples/Button.md CHANGED
@@ -49,7 +49,7 @@ cssPrefix: pf-v6-c-button
49
49
  </button>
50
50
 
51
51
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Remove">
52
- <span class="pf-v6-c-button__icon pf-m-start">
52
+ <span class="pf-v6-c-button__icon">
53
53
  <i class="fas fa-times" aria-hidden="true"></i>
54
54
  </span>
55
55
  </button>
@@ -66,7 +66,7 @@ cssPrefix: pf-v6-c-button
66
66
  type="button"
67
67
  aria-label="Copy input"
68
68
  >
69
- <span class="pf-v6-c-button__icon pf-m-start">
69
+ <span class="pf-v6-c-button__icon">
70
70
  <i class="fas fa-copy" aria-hidden="true"></i>
71
71
  </span>
72
72
  </button>
@@ -144,7 +144,7 @@ cssPrefix: pf-v6-c-button
144
144
  </button>
145
145
 
146
146
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Remove">
147
- <span class="pf-v6-c-button__icon pf-m-start">
147
+ <span class="pf-v6-c-button__icon">
148
148
  <i class="fas fa-times" aria-hidden="true"></i>
149
149
  </span>
150
150
  </button>
@@ -164,7 +164,7 @@ cssPrefix: pf-v6-c-button
164
164
  type="button"
165
165
  aria-label="Copy input"
166
166
  >
167
- <span class="pf-v6-c-button__icon pf-m-start">
167
+ <span class="pf-v6-c-button__icon">
168
168
  <i class="fas fa-copy" aria-hidden="true"></i>
169
169
  </span>
170
170
  </button>
@@ -242,7 +242,7 @@ cssPrefix: pf-v6-c-button
242
242
  </button>
243
243
 
244
244
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Remove">
245
- <span class="pf-v6-c-button__icon pf-m-end">
245
+ <span class="pf-v6-c-button__icon">
246
246
  <i class="fas fa-times" aria-hidden="true"></i>
247
247
  </span>
248
248
  </button>
@@ -262,7 +262,7 @@ cssPrefix: pf-v6-c-button
262
262
  type="button"
263
263
  aria-label="Copy input"
264
264
  >
265
- <span class="pf-v6-c-button__icon pf-m-end">
265
+ <span class="pf-v6-c-button__icon">
266
266
  <i class="fas fa-copy" aria-hidden="true"></i>
267
267
  </span>
268
268
  </button>
@@ -319,7 +319,7 @@ cssPrefix: pf-v6-c-button
319
319
  type="button"
320
320
  aria-label="Remove"
321
321
  >
322
- <span class="pf-v6-c-button__icon pf-m-start">
322
+ <span class="pf-v6-c-button__icon">
323
323
  <i class="fas fa-times" aria-hidden="true"></i>
324
324
  </span>
325
325
  </button>
@@ -336,7 +336,7 @@ cssPrefix: pf-v6-c-button
336
336
  type="button"
337
337
  aria-label="Copy input"
338
338
  >
339
- <span class="pf-v6-c-button__icon pf-m-start">
339
+ <span class="pf-v6-c-button__icon">
340
340
  <i class="fas fa-copy" aria-hidden="true"></i>
341
341
  </span>
342
342
  </button>
@@ -421,7 +421,7 @@ cssPrefix: pf-v6-c-button
421
421
  type="button"
422
422
  aria-label="Remove"
423
423
  >
424
- <span class="pf-v6-c-button__icon pf-m-start">
424
+ <span class="pf-v6-c-button__icon">
425
425
  <i class="fas fa-times" aria-hidden="true"></i>
426
426
  </span>
427
427
  </button>
@@ -441,7 +441,7 @@ cssPrefix: pf-v6-c-button
441
441
  type="button"
442
442
  aria-label="Copy input"
443
443
  >
444
- <span class="pf-v6-c-button__icon pf-m-start">
444
+ <span class="pf-v6-c-button__icon">
445
445
  <i class="fas fa-copy" aria-hidden="true"></i>
446
446
  </span>
447
447
  </button>
@@ -526,7 +526,7 @@ cssPrefix: pf-v6-c-button
526
526
  type="button"
527
527
  aria-label="Remove"
528
528
  >
529
- <span class="pf-v6-c-button__icon pf-m-end">
529
+ <span class="pf-v6-c-button__icon">
530
530
  <i class="fas fa-times" aria-hidden="true"></i>
531
531
  </span>
532
532
  </button>
@@ -546,7 +546,7 @@ cssPrefix: pf-v6-c-button
546
546
  type="button"
547
547
  aria-label="Copy input"
548
548
  >
549
- <span class="pf-v6-c-button__icon pf-m-end">
549
+ <span class="pf-v6-c-button__icon">
550
550
  <i class="fas fa-copy" aria-hidden="true"></i>
551
551
  </span>
552
552
  </button>
@@ -603,7 +603,7 @@ cssPrefix: pf-v6-c-button
603
603
  type="button"
604
604
  aria-label="Remove"
605
605
  >
606
- <span class="pf-v6-c-button__icon pf-m-start">
606
+ <span class="pf-v6-c-button__icon">
607
607
  <i class="fas fa-times" aria-hidden="true"></i>
608
608
  </span>
609
609
  </button>
@@ -620,7 +620,7 @@ cssPrefix: pf-v6-c-button
620
620
  type="button"
621
621
  aria-label="Copy input"
622
622
  >
623
- <span class="pf-v6-c-button__icon pf-m-start">
623
+ <span class="pf-v6-c-button__icon">
624
624
  <i class="fas fa-copy" aria-hidden="true"></i>
625
625
  </span>
626
626
  </button>
@@ -705,7 +705,7 @@ cssPrefix: pf-v6-c-button
705
705
  type="button"
706
706
  aria-label="Remove"
707
707
  >
708
- <span class="pf-v6-c-button__icon pf-m-start">
708
+ <span class="pf-v6-c-button__icon">
709
709
  <i class="fas fa-times" aria-hidden="true"></i>
710
710
  </span>
711
711
  </button>
@@ -725,7 +725,7 @@ cssPrefix: pf-v6-c-button
725
725
  type="button"
726
726
  aria-label="Copy input"
727
727
  >
728
- <span class="pf-v6-c-button__icon pf-m-start">
728
+ <span class="pf-v6-c-button__icon">
729
729
  <i class="fas fa-copy" aria-hidden="true"></i>
730
730
  </span>
731
731
  </button>
@@ -810,7 +810,7 @@ cssPrefix: pf-v6-c-button
810
810
  type="button"
811
811
  aria-label="Remove"
812
812
  >
813
- <span class="pf-v6-c-button__icon pf-m-end">
813
+ <span class="pf-v6-c-button__icon">
814
814
  <i class="fas fa-times" aria-hidden="true"></i>
815
815
  </span>
816
816
  </button>
@@ -830,7 +830,7 @@ cssPrefix: pf-v6-c-button
830
830
  type="button"
831
831
  aria-label="Copy input"
832
832
  >
833
- <span class="pf-v6-c-button__icon pf-m-end">
833
+ <span class="pf-v6-c-button__icon">
834
834
  <i class="fas fa-copy" aria-hidden="true"></i>
835
835
  </span>
836
836
  </button>
@@ -889,7 +889,7 @@ cssPrefix: pf-v6-c-button
889
889
  aria-label="Remove"
890
890
  disabled
891
891
  >
892
- <span class="pf-v6-c-button__icon pf-m-start">
892
+ <span class="pf-v6-c-button__icon">
893
893
  <i class="fas fa-times" aria-hidden="true"></i>
894
894
  </span>
895
895
  </button>
@@ -907,7 +907,7 @@ cssPrefix: pf-v6-c-button
907
907
  aria-label="Copy input"
908
908
  disabled
909
909
  >
910
- <span class="pf-v6-c-button__icon pf-m-start">
910
+ <span class="pf-v6-c-button__icon">
911
911
  <i class="fas fa-copy" aria-hidden="true"></i>
912
912
  </span>
913
913
  </button>
@@ -994,7 +994,7 @@ cssPrefix: pf-v6-c-button
994
994
  aria-label="Remove"
995
995
  disabled
996
996
  >
997
- <span class="pf-v6-c-button__icon pf-m-start">
997
+ <span class="pf-v6-c-button__icon">
998
998
  <i class="fas fa-times" aria-hidden="true"></i>
999
999
  </span>
1000
1000
  </button>
@@ -1015,7 +1015,7 @@ cssPrefix: pf-v6-c-button
1015
1015
  aria-label="Copy input"
1016
1016
  disabled
1017
1017
  >
1018
- <span class="pf-v6-c-button__icon pf-m-start">
1018
+ <span class="pf-v6-c-button__icon">
1019
1019
  <i class="fas fa-copy" aria-hidden="true"></i>
1020
1020
  </span>
1021
1021
  </button>
@@ -1102,7 +1102,7 @@ cssPrefix: pf-v6-c-button
1102
1102
  aria-label="Remove"
1103
1103
  disabled
1104
1104
  >
1105
- <span class="pf-v6-c-button__icon pf-m-end">
1105
+ <span class="pf-v6-c-button__icon">
1106
1106
  <i class="fas fa-times" aria-hidden="true"></i>
1107
1107
  </span>
1108
1108
  </button>
@@ -1123,7 +1123,7 @@ cssPrefix: pf-v6-c-button
1123
1123
  aria-label="Copy input"
1124
1124
  disabled
1125
1125
  >
1126
- <span class="pf-v6-c-button__icon pf-m-end">
1126
+ <span class="pf-v6-c-button__icon">
1127
1127
  <i class="fas fa-copy" aria-hidden="true"></i>
1128
1128
  </span>
1129
1129
  </button>
@@ -1214,7 +1214,7 @@ cssPrefix: pf-v6-c-button
1214
1214
  aria-label="Remove"
1215
1215
  aria-disabled="true"
1216
1216
  >
1217
- <span class="pf-v6-c-button__icon pf-m-start">
1217
+ <span class="pf-v6-c-button__icon">
1218
1218
  <i class="fas fa-times" aria-hidden="true"></i>
1219
1219
  </span>
1220
1220
  </button>
@@ -1236,7 +1236,7 @@ cssPrefix: pf-v6-c-button
1236
1236
  aria-label="Copy input"
1237
1237
  aria-disabled="true"
1238
1238
  >
1239
- <span class="pf-v6-c-button__icon pf-m-start">
1239
+ <span class="pf-v6-c-button__icon">
1240
1240
  <i class="fas fa-copy" aria-hidden="true"></i>
1241
1241
  </span>
1242
1242
  </button>
@@ -1355,7 +1355,7 @@ cssPrefix: pf-v6-c-button
1355
1355
  aria-label="Remove"
1356
1356
  aria-disabled="true"
1357
1357
  >
1358
- <span class="pf-v6-c-button__icon pf-m-start">
1358
+ <span class="pf-v6-c-button__icon">
1359
1359
  <i class="fas fa-times" aria-hidden="true"></i>
1360
1360
  </span>
1361
1361
  </button>
@@ -1380,7 +1380,7 @@ cssPrefix: pf-v6-c-button
1380
1380
  aria-label="Copy input"
1381
1381
  aria-disabled="true"
1382
1382
  >
1383
- <span class="pf-v6-c-button__icon pf-m-start">
1383
+ <span class="pf-v6-c-button__icon">
1384
1384
  <i class="fas fa-copy" aria-hidden="true"></i>
1385
1385
  </span>
1386
1386
  </button>
@@ -1499,7 +1499,7 @@ cssPrefix: pf-v6-c-button
1499
1499
  aria-label="Remove"
1500
1500
  aria-disabled="true"
1501
1501
  >
1502
- <span class="pf-v6-c-button__icon pf-m-end">
1502
+ <span class="pf-v6-c-button__icon">
1503
1503
  <i class="fas fa-times" aria-hidden="true"></i>
1504
1504
  </span>
1505
1505
  </button>
@@ -1524,7 +1524,7 @@ cssPrefix: pf-v6-c-button
1524
1524
  aria-label="Copy input"
1525
1525
  aria-disabled="true"
1526
1526
  >
1527
- <span class="pf-v6-c-button__icon pf-m-end">
1527
+ <span class="pf-v6-c-button__icon">
1528
1528
  <i class="fas fa-copy" aria-hidden="true"></i>
1529
1529
  </span>
1530
1530
  </button>
@@ -1594,7 +1594,7 @@ cssPrefix: pf-v6-c-button
1594
1594
  tabindex="0"
1595
1595
  aria-label="Remove"
1596
1596
  >
1597
- <span class="pf-v6-c-button__icon pf-m-start">
1597
+ <span class="pf-v6-c-button__icon">
1598
1598
  <i class="fas fa-times" aria-hidden="true"></i>
1599
1599
  </span>
1600
1600
  </span>
@@ -1609,7 +1609,7 @@ cssPrefix: pf-v6-c-button
1609
1609
  tabindex="0"
1610
1610
  aria-label="Remove"
1611
1611
  >
1612
- <span class="pf-v6-c-button__icon pf-m-start">
1612
+ <span class="pf-v6-c-button__icon">
1613
1613
  <i class="fas fa-times" aria-hidden="true"></i>
1614
1614
  </span>
1615
1615
  </span>
@@ -1784,7 +1784,7 @@ Sed hendrerit nisi in cursus maximus. Ut malesuada nisi turpis, in condimentum v
1784
1784
  </button>
1785
1785
  <br />
1786
1786
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Upload">
1787
- <span class="pf-v6-c-button__icon pf-m-start">
1787
+ <span class="pf-v6-c-button__icon">
1788
1788
  <i class="fas fa-upload" aria-hidden="true"></i>
1789
1789
  </span>
1790
1790
  </button>
@@ -1801,7 +1801,7 @@ Sed hendrerit nisi in cursus maximus. Ut malesuada nisi turpis, in condimentum v
1801
1801
  </svg>
1802
1802
  </span>
1803
1803
 
1804
- <span class="pf-v6-c-button__icon pf-m-start">
1804
+ <span class="pf-v6-c-button__icon">
1805
1805
  <i class="fas fa-upload" aria-hidden="true"></i>
1806
1806
  </span>
1807
1807
  </button>
@@ -1905,7 +1905,7 @@ For when a plain/icon button is placed inline with text
1905
1905
  type="button"
1906
1906
  aria-label="More info"
1907
1907
  >
1908
- <span class="pf-v6-c-button__icon pf-m-start">
1908
+ <span class="pf-v6-c-button__icon">
1909
1909
  <i class="fas fa-question-circle" aria-hidden="true"></i>
1910
1910
  </span>
1911
1911
  </button>
package/docs/components/CalendarMonth/examples/CalendarMonth.md CHANGED
@@ -16,7 +16,7 @@ cssPrefix: pf-v6-c-calendar-month
16
16
  type="button"
17
17
  aria-label="Previous month"
18
18
  >
19
- <span class="pf-v6-c-button__text">
19
+ <span class="pf-v6-c-button__icon">
20
20
  <i class="fas fa-angle-left" aria-hidden="true"></i>
21
21
  </span>
22
22
  </button>
@@ -58,7 +58,7 @@ cssPrefix: pf-v6-c-calendar-month
58
58
  type="button"
59
59
  aria-label="Next month"
60
60
  >
61
- <span class="pf-v6-c-button__text">
61
+ <span class="pf-v6-c-button__icon">
62
62
  <i class="fas fa-angle-right" aria-hidden="true"></i>
63
63
  </span>
64
64
  </button>
@@ -370,7 +370,7 @@ cssPrefix: pf-v6-c-calendar-month
370
370
  type="button"
371
371
  aria-label="Previous month"
372
372
  >
373
- <span class="pf-v6-c-button__text">
373
+ <span class="pf-v6-c-button__icon">
374
374
  <i class="fas fa-angle-left" aria-hidden="true"></i>
375
375
  </span>
376
376
  </button>
@@ -412,7 +412,7 @@ cssPrefix: pf-v6-c-calendar-month
412
412
  type="button"
413
413
  aria-label="Next month"
414
414
  >
415
- <span class="pf-v6-c-button__text">
415
+ <span class="pf-v6-c-button__icon">
416
416
  <i class="fas fa-angle-right" aria-hidden="true"></i>
417
417
  </span>
418
418
  </button>
@@ -749,7 +749,7 @@ cssPrefix: pf-v6-c-calendar-month
749
749
  type="button"
750
750
  aria-label="Previous month"
751
751
  >
752
- <span class="pf-v6-c-button__text">
752
+ <span class="pf-v6-c-button__icon">
753
753
  <i class="fas fa-angle-left" aria-hidden="true"></i>
754
754
  </span>
755
755
  </button>
@@ -791,7 +791,7 @@ cssPrefix: pf-v6-c-calendar-month
791
791
  type="button"
792
792
  aria-label="Next month"
793
793
  >
794
- <span class="pf-v6-c-button__text">
794
+ <span class="pf-v6-c-button__icon">
795
795
  <i class="fas fa-angle-right" aria-hidden="true"></i>
796
796
  </span>
797
797
  </button>
@@ -1128,7 +1128,7 @@ cssPrefix: pf-v6-c-calendar-month
1128
1128
  type="button"
1129
1129
  aria-label="Previous month"
1130
1130
  >
1131
- <span class="pf-v6-c-button__text">
1131
+ <span class="pf-v6-c-button__icon">
1132
1132
  <i class="fas fa-angle-left" aria-hidden="true"></i>
1133
1133
  </span>
1134
1134
  </button>
@@ -1170,7 +1170,7 @@ cssPrefix: pf-v6-c-calendar-month
1170
1170
  type="button"
1171
1171
  aria-label="Next month"
1172
1172
  >
1173
- <span class="pf-v6-c-button__text">
1173
+ <span class="pf-v6-c-button__icon">
1174
1174
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1175
1175
  </span>
1176
1176
  </button>
package/docs/components/Card/examples/Card.md CHANGED
@@ -1004,7 +1004,7 @@ cssPrefix: pf-v6-c-card
1004
1004
  id="card-clickable-selectable-example-title"
1005
1005
  >
1006
1006
  <h2 class="pf-v6-c-card__title-text">
1007
- <button class="pf-v6-c-button pf-m-inline pf-m-link">
1007
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1008
1008
  <span class="pf-v6-c-button__text">Title</span>
1009
1009
  </button>
1010
1010
  </h2>
@@ -1045,7 +1045,7 @@ cssPrefix: pf-v6-c-card
1045
1045
  id="card-clickable-selectable-current-example-title"
1046
1046
  >
1047
1047
  <h2 class="pf-v6-c-card__title-text">
1048
- <button class="pf-v6-c-button pf-m-inline pf-m-link">
1048
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1049
1049
  <span class="pf-v6-c-button__text">Current card (clicked)</span>
1050
1050
  </button>
1051
1051
  </h2>
@@ -1087,7 +1087,11 @@ cssPrefix: pf-v6-c-card
1087
1087
  id="card-clickable-selectable-example-disabled-title"
1088
1088
  >
1089
1089
  <h2 class="pf-v6-c-card__title-text">
1090
- <button class="pf-v6-c-button pf-m-inline pf-m-link pf-m-disabled">
1090
+ <button
1091
+ class="pf-v6-c-button pf-m-inline pf-m-link"
1092
+ type="button"
1093
+ disabled
1094
+ >
1091
1095
  <span class="pf-v6-c-button__text">Disabled card</span>
1092
1096
  </button>
1093
1097
  </h2>
@@ -1130,7 +1134,11 @@ cssPrefix: pf-v6-c-card
1130
1134
  id="card-clickable-selectable-example-selected-disabled-title"
1131
1135
  >
1132
1136
  <h2 class="pf-v6-c-card__title-text">
1133
- <button class="pf-v6-c-button pf-m-inline pf-m-link pf-m-disabled">
1137
+ <button
1138
+ class="pf-v6-c-button pf-m-inline pf-m-link"
1139
+ type="button"
1140
+ disabled
1141
+ >
1134
1142
  <span class="pf-v6-c-button__text">Selected but disabled card</span>
1135
1143
  </button>
1136
1144
  </h2>
@@ -1178,7 +1186,7 @@ cssPrefix: pf-v6-c-card
1178
1186
  id="card-clickable-selectable-secondary-example-title"
1179
1187
  >
1180
1188
  <h2 class="pf-v6-c-card__title-text">
1181
- <button class="pf-v6-c-button pf-m-inline pf-m-link">
1189
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1182
1190
  <span class="pf-v6-c-button__text">Title</span>
1183
1191
  </button>
1184
1192
  </h2>
@@ -1219,7 +1227,7 @@ cssPrefix: pf-v6-c-card
1219
1227
  id="card-clickable-selectable-secondary-current-example-title"
1220
1228
  >
1221
1229
  <h2 class="pf-v6-c-card__title-text">
1222
- <button class="pf-v6-c-button pf-m-inline pf-m-link">
1230
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1223
1231
  <span class="pf-v6-c-button__text">Current card (clicked)</span>
1224
1232
  </button>
1225
1233
  </h2>
@@ -1261,7 +1269,11 @@ cssPrefix: pf-v6-c-card
1261
1269
  id="card-clickable-selectable-secondary-example-disabled-title"
1262
1270
  >
1263
1271
  <h2 class="pf-v6-c-card__title-text">
1264
- <button class="pf-v6-c-button pf-m-inline pf-m-link pf-m-disabled">
1272
+ <button
1273
+ class="pf-v6-c-button pf-m-inline pf-m-link"
1274
+ type="button"
1275
+ disabled
1276
+ >
1265
1277
  <span class="pf-v6-c-button__text">Disabled card</span>
1266
1278
  </button>
1267
1279
  </h2>
@@ -1304,7 +1316,11 @@ cssPrefix: pf-v6-c-card
1304
1316
  id="card-clickable-selectable-secondary-example-selected-disabled-title"
1305
1317
  >
1306
1318
  <h2 class="pf-v6-c-card__title-text">
1307
- <button class="pf-v6-c-button pf-m-inline pf-m-link pf-m-disabled">
1319
+ <button
1320
+ class="pf-v6-c-button pf-m-inline pf-m-link"
1321
+ type="button"
1322
+ disabled
1323
+ >
1308
1324
  <span class="pf-v6-c-button__text">Selected but disabled card</span>
1309
1325
  </button>
1310
1326
  </h2>
@@ -1352,12 +1368,12 @@ cssPrefix: pf-v6-c-card
1352
1368
  <div class="pf-v6-c-card__header-toggle">
1353
1369
  <button
1354
1370
  class="pf-v6-c-button pf-m-plain"
1371
+ id&#x26;#x3D;&#x26;quot;card-expandable-example-toggle&#x26;quot;
1355
1372
  type="button"
1356
- aria-label="Details"
1357
- id="card-expandable-example-toggle"
1358
1373
  aria-labelledby="card-expandable-example-title card-expandable-example-toggle"
1374
+ aria-label="Details"
1359
1375
  >
1360
- <span class="pf-v6-c-button__text">
1376
+ <span class="pf-v6-c-button__icon pf-m-start">
1361
1377
  <span class="pf-v6-c-card__header-toggle-icon">
1362
1378
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1363
1379
  </span>
@@ -1408,12 +1424,12 @@ cssPrefix: pf-v6-c-card
1408
1424
  <div class="pf-v6-c-card__header-toggle">
1409
1425
  <button
1410
1426
  class="pf-v6-c-button pf-m-plain"
1427
+ id&#x26;#x3D;&#x26;quot;card-expandable-image-example-toggle&#x26;quot;
1411
1428
  type="button"
1412
- aria-label="Details"
1413
- id="card-expandable-image-example-toggle"
1414
1429
  aria-labelledby="card-expandable-image-example-title card-expandable-image-example-toggle"
1430
+ aria-label="Details"
1415
1431
  >
1416
- <span class="pf-v6-c-button__text">
1432
+ <span class="pf-v6-c-button__icon pf-m-start">
1417
1433
  <span class="pf-v6-c-card__header-toggle-icon">
1418
1434
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1419
1435
  </span>
@@ -1463,12 +1479,12 @@ cssPrefix: pf-v6-c-card
1463
1479
  <div class="pf-v6-c-card__header-toggle">
1464
1480
  <button
1465
1481
  class="pf-v6-c-button pf-m-plain"
1482
+ id&#x26;#x3D;&#x26;quot;card-expanded-example-toggle&#x26;quot;
1466
1483
  type="button"
1467
- aria-label="Details"
1468
- id="card-expanded-example-toggle"
1469
1484
  aria-labelledby="card-expanded-example-title card-expanded-example-toggle"
1485
+ aria-label="Details"
1470
1486
  >
1471
- <span class="pf-v6-c-button__text">
1487
+ <span class="pf-v6-c-button__icon pf-m-start">
1472
1488
  <span class="pf-v6-c-card__header-toggle-icon">
1473
1489
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1474
1490
  </span>
@@ -1595,12 +1611,12 @@ cssPrefix: pf-v6-c-card
1595
1611
  <div class="pf-v6-c-card__header-toggle">
1596
1612
  <button
1597
1613
  class="pf-v6-c-button pf-m-plain"
1614
+ id&#x26;#x3D;&#x26;quot;card-toggle-on-right-example-toggle&#x26;quot;
1598
1615
  type="button"
1599
- aria-label="Details"
1600
- id="card-toggle-on-right-example-toggle"
1601
1616
  aria-labelledby="card-toggle-on-right-example-title card-toggle-on-right-example-toggle"
1617
+ aria-label="Details"
1602
1618
  >
1603
- <span class="pf-v6-c-button__text">
1619
+ <span class="pf-v6-c-button__icon pf-m-start">
1604
1620
  <span class="pf-v6-c-card__header-toggle-icon">
1605
1621
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1606
1622
  </span>