@patternfly/patternfly 6.3.0 → 6.4.0-prerelease.1

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 (140) hide show
  1. package/README.md +23 -15
  2. package/base/normalize.scss +4 -0
  3. package/base/patternfly-variables.css +1172 -1
  4. package/base/patternfly-variables.scss +10 -0
  5. package/base/tokens/tokens-charts-dark.scss +1 -1
  6. package/base/tokens/tokens-charts.scss +1 -1
  7. package/base/tokens/tokens-dark.scss +13 -1
  8. package/base/tokens/tokens-default.scss +60 -2
  9. package/base/tokens/tokens-highcontrast-dark.scss +396 -0
  10. package/base/tokens/tokens-highcontrast.scss +703 -0
  11. package/base/tokens/tokens-local.scss +1 -0
  12. package/base/tokens/tokens-palette.scss +9 -1
  13. package/components/Accordion/accordion.css +42 -15
  14. package/components/Accordion/accordion.scss +48 -18
  15. package/components/Alert/alert-group.css +17 -15
  16. package/components/Alert/alert-group.scss +22 -18
  17. package/components/Badge/badge.css +2 -0
  18. package/components/Badge/badge.scss +2 -0
  19. package/components/Banner/banner.css +4 -0
  20. package/components/Banner/banner.scss +4 -0
  21. package/components/Button/button.css +34 -4
  22. package/components/Button/button.scss +36 -6
  23. package/components/CalendarMonth/calendar-month.css +35 -4
  24. package/components/CalendarMonth/calendar-month.scss +38 -4
  25. package/components/Card/card.css +7 -4
  26. package/components/Card/card.scss +7 -4
  27. package/components/CodeBlock/code-block.css +3 -0
  28. package/components/CodeBlock/code-block.scss +3 -0
  29. package/components/CodeEditor/code-editor.css +23 -3
  30. package/components/CodeEditor/code-editor.scss +28 -5
  31. package/components/DatePicker/date-picker.css +3 -0
  32. package/components/DatePicker/date-picker.scss +4 -0
  33. package/components/Divider/divider.css +2 -0
  34. package/components/Divider/divider.scss +2 -0
  35. package/components/Drawer/drawer.css +46 -41
  36. package/components/Drawer/drawer.scss +45 -36
  37. package/components/DualListSelector/dual-list-selector.css +21 -4
  38. package/components/DualListSelector/dual-list-selector.scss +23 -4
  39. package/components/ExpandableSection/expandable-section.css +6 -2
  40. package/components/ExpandableSection/expandable-section.scss +7 -3
  41. package/components/FormControl/form-control.css +6 -7
  42. package/components/FormControl/form-control.scss +8 -10
  43. package/components/Label/label.css +20 -11
  44. package/components/Label/label.scss +21 -11
  45. package/components/Login/login.css +3 -0
  46. package/components/Login/login.scss +3 -0
  47. package/components/Menu/menu.css +18 -0
  48. package/components/Menu/menu.scss +19 -1
  49. package/components/MenuToggle/menu-toggle.css +13 -6
  50. package/components/MenuToggle/menu-toggle.scss +13 -6
  51. package/components/ModalBox/modal-box.css +3 -0
  52. package/components/ModalBox/modal-box.scss +3 -0
  53. package/components/Nav/nav.css +17 -0
  54. package/components/Nav/nav.scss +20 -0
  55. package/components/Page/page.css +73 -25
  56. package/components/Page/page.scss +60 -19
  57. package/components/Pagination/pagination.css +15 -2
  58. package/components/Pagination/pagination.scss +15 -2
  59. package/components/Panel/panel.css +14 -1
  60. package/components/Panel/panel.scss +14 -1
  61. package/components/Popover/popover.css +4 -0
  62. package/components/Popover/popover.scss +4 -0
  63. package/components/Progress/progress.css +19 -0
  64. package/components/Progress/progress.scss +22 -0
  65. package/components/Sidebar/sidebar.css +7 -0
  66. package/components/Sidebar/sidebar.scss +7 -0
  67. package/components/SimpleList/simple-list.css +15 -0
  68. package/components/SimpleList/simple-list.scss +17 -1
  69. package/components/Slider/slider.css +9 -0
  70. package/components/Slider/slider.scss +9 -0
  71. package/components/Switch/switch.css +7 -1
  72. package/components/Switch/switch.scss +7 -1
  73. package/components/Table/table.css +41 -1
  74. package/components/Table/table.scss +48 -2
  75. package/components/Tabs/tabs.css +18 -7
  76. package/components/Tabs/tabs.scss +19 -11
  77. package/components/TextInputGroup/text-input-group.css +7 -0
  78. package/components/TextInputGroup/text-input-group.scss +8 -1
  79. package/components/ToggleGroup/toggle-group.css +18 -9
  80. package/components/ToggleGroup/toggle-group.scss +24 -17
  81. package/components/Toolbar/toolbar.css +7 -0
  82. package/components/Toolbar/toolbar.scss +7 -0
  83. package/components/TreeView/tree-view.css +15 -0
  84. package/components/TreeView/tree-view.scss +17 -0
  85. package/components/Wizard/wizard.css +37 -6
  86. package/components/Wizard/wizard.scss +44 -10
  87. package/components/_index.css +631 -168
  88. package/docs/components/Alert/examples/Alert.md +3 -4
  89. package/docs/components/Button/examples/Button.md +1 -3
  90. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +25 -33
  91. package/docs/components/CodeBlock/examples/CodeBlock.md +13 -7
  92. package/docs/components/CodeEditor/examples/CodeEditor.md +20 -6
  93. package/docs/components/DataList/examples/DataList.md +66 -184
  94. package/docs/components/DatePicker/examples/DatePicker.md +4 -1
  95. package/docs/components/DescriptionList/examples/DescriptionList.md +78 -22
  96. package/docs/components/DualListSelector/examples/DualListSelector.md +0 -195
  97. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  98. package/docs/components/ExpandableSection/examples/ExpandableSection.md +92 -18
  99. package/docs/components/FileUpload/examples/FileUpload.md +4 -3
  100. package/docs/components/Form/examples/Form.md +19 -18
  101. package/docs/components/HelperText/examples/HelperText.md +65 -75
  102. package/docs/components/Hint/examples/Hint.md +3 -3
  103. package/docs/components/Icon/examples/Icon.md +0 -10
  104. package/docs/components/InlineEdit/examples/InlineEdit.md +0 -4
  105. package/docs/components/JumpLinks/examples/JumpLinks.md +164 -77
  106. package/docs/components/Label/examples/Label.md +2 -2
  107. package/docs/components/Login/examples/Login.md +42 -37
  108. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +32 -6
  109. package/docs/components/Pagination/examples/Pagination.md +111 -0
  110. package/docs/components/Popover/examples/Popover.md +0 -4
  111. package/docs/components/Progress/examples/Progress.md +223 -210
  112. package/docs/components/Skeleton/examples/Skeleton.md +21 -7
  113. package/docs/components/Table/examples/Table.md +947 -1423
  114. package/docs/components/TextInputGroup/examples/TextInputGroup.md +126 -47
  115. package/docs/components/Title/examples/Title.md +8 -8
  116. package/docs/components/Truncate/examples/Truncate.md +8 -6
  117. package/docs/components/Wizard/examples/Wizard.md +583 -0
  118. package/docs/demos/Alert/examples/Alert.md +28 -19
  119. package/docs/demos/Card/examples/Card.md +8 -5
  120. package/docs/demos/CardView/examples/CardView.md +81 -85
  121. package/docs/demos/Dashboard/examples/Dashboard.md +10 -22
  122. package/docs/demos/DataList/examples/DataList.md +528 -168
  123. package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -3
  124. package/docs/demos/Drawer/examples/Drawer.md +0 -2
  125. package/docs/demos/Form/examples/BasicForms.md +93 -62
  126. package/docs/demos/HelperText/examples/HelperText.md +31 -23
  127. package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -5
  128. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +4 -4
  129. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +56 -38
  130. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +726 -312
  131. package/docs/demos/Skeleton/examples/Skeleton.md +3 -1
  132. package/docs/demos/Table/examples/Table.md +5 -20
  133. package/docs/demos/Tabs/examples/Tabs.md +2 -1
  134. package/package.json +12 -7
  135. package/patternfly-base-no-globals.css +1172 -1
  136. package/patternfly-base.css +1176 -1
  137. package/patternfly-no-globals.css +1803 -169
  138. package/patternfly.css +1838 -200
  139. package/patternfly.min.css +1 -1
  140. package/patternfly.min.css.map +1 -1
@@ -3437,7 +3437,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
3437
3437
  role="row"
3438
3438
  >
3439
3439
  <td
3440
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle pf-m-expanded"
3440
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
3441
3441
  role="cell"
3442
3442
  data-label="Repositories"
3443
3443
  >
@@ -3448,7 +3448,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
3448
3448
  </button>
3449
3449
  </td>
3450
3450
  <td
3451
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
3451
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle pf-m-expanded"
3452
3452
  role="cell"
3453
3453
  data-label="Branches"
3454
3454
  >
@@ -3497,16 +3497,13 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
3497
3497
  </td>
3498
3498
  </tr>
3499
3499
 
3500
- <tr
3501
- class="pf-v6-c-table__tr pf-v6-c-table__expandable-row pf-m-expanded"
3502
- role="row"
3503
- >
3500
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
3504
3501
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
3505
3502
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
3506
3503
  <table
3507
3504
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
3508
3505
  role="grid"
3509
- id="table-compound-expansion-nested-table-1-"
3506
+ id="table-compound-expansion-nested-table-2-"
3510
3507
  aria-label="Nested table"
3511
3508
  >
3512
3509
  <thead class="pf-v6-c-table__thead">
@@ -3716,13 +3713,24 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
3716
3713
  </td>
3717
3714
  </tr>
3718
3715
 
3716
+ <tr
3717
+ class="pf-v6-c-table__tr pf-v6-c-table__expandable-row pf-m-expanded"
3718
+ role="row"
3719
+ >
3720
+ <td class="pf-v6-c-table__td" role="cell" colspan="7">
3721
+ <div
3722
+ class="pf-v6-c-table__expandable-row-content"
3723
+ >234 pull requests currently under review.</div>
3724
+ </td>
3725
+ </tr>
3726
+
3719
3727
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
3720
3728
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
3721
3729
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
3722
3730
  <table
3723
3731
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
3724
3732
  role="grid"
3725
- id="table-compound-expansion-nested-table-2-"
3733
+ id="table-compound-expansion-nested-table-3-"
3726
3734
  aria-label="Nested table"
3727
3735
  >
3728
3736
  <thead class="pf-v6-c-table__thead">
@@ -3931,6 +3939,71 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
3931
3939
  </div>
3932
3940
  </td>
3933
3941
  </tr>
3942
+ </tbody>
3943
+
3944
+ <tbody class="pf-v6-c-table__tbody" role="rowgroup">
3945
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__control-row" role="row">
3946
+ <td
3947
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
3948
+ role="cell"
3949
+ data-label="Repositories"
3950
+ >
3951
+ <button class="pf-v6-c-table__button">
3952
+ <span class="pf-v6-c-table__text">
3953
+ <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;
3954
+ 2
3955
+ </span>
3956
+ </button>
3957
+ </td>
3958
+ <td
3959
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
3960
+ role="cell"
3961
+ data-label="Branches"
3962
+ >
3963
+ <button class="pf-v6-c-table__button">
3964
+ <span class="pf-v6-c-table__text">
3965
+ <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
3966
+ 82
3967
+ </span>
3968
+ </button>
3969
+ </td>
3970
+ <td
3971
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
3972
+ role="cell"
3973
+ data-label="Pull requests"
3974
+ >
3975
+ <button class="pf-v6-c-table__button">
3976
+ <span class="pf-v6-c-table__text">
3977
+ <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
3978
+ 1
3979
+ </span>
3980
+ </button>
3981
+ </td>
3982
+
3983
+ <th class="pf-v6-c-table__th" role="columnheader" data-label="Workspaces">
3984
+ <a href="#">siemur/test-space</a>
3985
+ </th>
3986
+
3987
+ <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
3988
+ <span>1 day ago</span>
3989
+ </td>
3990
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
3991
+ <a href="#">Open in Github</a>
3992
+ </td>
3993
+
3994
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
3995
+ <button
3996
+ class="pf-v6-c-menu-toggle pf-m-plain"
3997
+ type="button"
3998
+ aria-expanded="false"
3999
+ aria-label="Table actions"
4000
+ >
4001
+ <span class="pf-v6-c-menu-toggle__icon">
4002
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4003
+ </span>
4004
+ </button>
4005
+ </td>
4006
+ </tr>
3934
4007
 
3935
4008
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
3936
4009
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
@@ -3938,7 +4011,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
3938
4011
  <table
3939
4012
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
3940
4013
  role="grid"
3941
- id="table-compound-expansion-nested-table-3-"
4014
+ id="table-compound-expansion-nested-table-4-"
3942
4015
  aria-label="Nested table"
3943
4016
  >
3944
4017
  <thead class="pf-v6-c-table__thead">
@@ -4147,69 +4220,12 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
4147
4220
  </div>
4148
4221
  </td>
4149
4222
  </tr>
4150
- </tbody>
4151
-
4152
- <tbody class="pf-v6-c-table__tbody" role="rowgroup">
4153
- <tr class="pf-v6-c-table__tr pf-v6-c-table__control-row" role="row">
4154
- <td
4155
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
4156
- role="cell"
4157
- data-label="Repositories"
4158
- >
4159
- <button class="pf-v6-c-table__button">
4160
- <span class="pf-v6-c-table__text">
4161
- <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;
4162
- 2
4163
- </span>
4164
- </button>
4165
- </td>
4166
- <td
4167
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
4168
- role="cell"
4169
- data-label="Branches"
4170
- >
4171
- <button class="pf-v6-c-table__button">
4172
- <span class="pf-v6-c-table__text">
4173
- <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
4174
- 82
4175
- </span>
4176
- </button>
4177
- </td>
4178
- <td
4179
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
4180
- role="cell"
4181
- data-label="Pull requests"
4182
- >
4183
- <button class="pf-v6-c-table__button">
4184
- <span class="pf-v6-c-table__text">
4185
- <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
4186
- 1
4187
- </span>
4188
- </button>
4189
- </td>
4190
-
4191
- <th class="pf-v6-c-table__th" role="columnheader" data-label="Workspaces">
4192
- <a href="#">siemur/test-space</a>
4193
- </th>
4194
-
4195
- <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
4196
- <span>1 day ago</span>
4197
- </td>
4198
- <td class="pf-v6-c-table__td" role="cell" data-label="Action">
4199
- <a href="#">Open in Github</a>
4200
- </td>
4201
4223
 
4202
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
4203
- <button
4204
- class="pf-v6-c-menu-toggle pf-m-plain"
4205
- type="button"
4206
- aria-expanded="false"
4207
- aria-label="Table actions"
4208
- >
4209
- <span class="pf-v6-c-menu-toggle__icon">
4210
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4211
- </span>
4212
- </button>
4224
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
4225
+ <td class="pf-v6-c-table__td" role="cell" colspan="7">
4226
+ <div
4227
+ class="pf-v6-c-table__expandable-row-content"
4228
+ >82 pull requests currently under review.</div>
4213
4229
  </td>
4214
4230
  </tr>
4215
4231
 
@@ -4219,7 +4235,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
4219
4235
  <table
4220
4236
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
4221
4237
  role="grid"
4222
- id="table-compound-expansion-nested-table-4-"
4238
+ id="table-compound-expansion-nested-table-6-"
4223
4239
  aria-label="Nested table"
4224
4240
  >
4225
4241
  <thead class="pf-v6-c-table__thead">
@@ -4428,6 +4444,71 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
4428
4444
  </div>
4429
4445
  </td>
4430
4446
  </tr>
4447
+ </tbody>
4448
+
4449
+ <tbody class="pf-v6-c-table__tbody" role="rowgroup">
4450
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__control-row" role="row">
4451
+ <td
4452
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
4453
+ role="cell"
4454
+ data-label="Repositories"
4455
+ >
4456
+ <button class="pf-v6-c-table__button">
4457
+ <span class="pf-v6-c-table__text">
4458
+ <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;
4459
+ 4
4460
+ </span>
4461
+ </button>
4462
+ </td>
4463
+ <td
4464
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
4465
+ role="cell"
4466
+ data-label="Branches"
4467
+ >
4468
+ <button class="pf-v6-c-table__button">
4469
+ <span class="pf-v6-c-table__text">
4470
+ <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
4471
+ 4
4472
+ </span>
4473
+ </button>
4474
+ </td>
4475
+ <td
4476
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
4477
+ role="cell"
4478
+ data-label="Pull requests"
4479
+ >
4480
+ <button class="pf-v6-c-table__button">
4481
+ <span class="pf-v6-c-table__text">
4482
+ <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
4483
+ 1
4484
+ </span>
4485
+ </button>
4486
+ </td>
4487
+
4488
+ <th class="pf-v6-c-table__th" role="columnheader" data-label="Workspaces">
4489
+ <a href="#">siemur/test-space</a>
4490
+ </th>
4491
+
4492
+ <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
4493
+ <span>2 days ago</span>
4494
+ </td>
4495
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
4496
+ <a href="#">Open in Github</a>
4497
+ </td>
4498
+
4499
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
4500
+ <button
4501
+ class="pf-v6-c-menu-toggle pf-m-plain"
4502
+ type="button"
4503
+ aria-expanded="false"
4504
+ aria-label="Table actions"
4505
+ >
4506
+ <span class="pf-v6-c-menu-toggle__icon">
4507
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4508
+ </span>
4509
+ </button>
4510
+ </td>
4511
+ </tr>
4431
4512
 
4432
4513
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
4433
4514
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
@@ -4435,7 +4516,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
4435
4516
  <table
4436
4517
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
4437
4518
  role="grid"
4438
- id="table-compound-expansion-nested-table-5-"
4519
+ id="table-compound-expansion-nested-table-7-"
4439
4520
  aria-label="Nested table"
4440
4521
  >
4441
4522
  <thead class="pf-v6-c-table__thead">
@@ -4645,13 +4726,21 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
4645
4726
  </td>
4646
4727
  </tr>
4647
4728
 
4729
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
4730
+ <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
4731
+ <div
4732
+ class="pf-v6-c-table__expandable-row-content pf-m-no-background"
4733
+ >4 pull requests currently under review.</div>
4734
+ </td>
4735
+ </tr>
4736
+
4648
4737
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
4649
4738
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
4650
4739
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
4651
4740
  <table
4652
4741
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
4653
4742
  role="grid"
4654
- id="table-compound-expansion-nested-table-6-"
4743
+ id="table-compound-expansion-nested-table-9-"
4655
4744
  aria-label="Nested table"
4656
4745
  >
4657
4746
  <thead class="pf-v6-c-table__thead">
@@ -4861,18 +4950,104 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
4861
4950
  </td>
4862
4951
  </tr>
4863
4952
  </tbody>
4953
+ </table>
4864
4954
 
4865
- <tbody class="pf-v6-c-table__tbody" role="rowgroup">
4866
- <tr class="pf-v6-c-table__tr pf-v6-c-table__control-row" role="row">
4867
- <td
4868
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
4869
- role="cell"
4870
- data-label="Repositories"
4955
+ ```
4956
+
4957
+ ### Compound expansion example with nested table
4958
+
4959
+ ```html
4960
+ <table
4961
+ class="pf-v6-c-table pf-m-grid-md pf-m-expandable"
4962
+ role="grid"
4963
+ aria-label="Compound expandable with nested table example"
4964
+ id="table-compound-expansion-nested-table"
4965
+ >
4966
+ <thead class="pf-v6-c-table__thead">
4967
+ <tr class="pf-v6-c-table__tr" role="row">
4968
+ <th
4969
+ class="pf-v6-c-table__th pf-v6-c-table__sort pf-m-selected"
4970
+ role="columnheader"
4971
+ aria-sort="ascending"
4972
+ scope="col"
4871
4973
  >
4872
4974
  <button class="pf-v6-c-table__button">
4873
- <span class="pf-v6-c-table__text">
4874
- <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;
4875
- 4
4975
+ <span class="pf-v6-c-table__button-content">
4976
+ <span class="pf-v6-c-table__text">Repositories</span>
4977
+ <span class="pf-v6-c-table__sort-indicator">
4978
+ <i class="fas fa-long-arrow-alt-up"></i>
4979
+ </span>
4980
+ </span>
4981
+ </button>
4982
+ </th>
4983
+
4984
+ <th
4985
+ class="pf-v6-c-table__th pf-v6-c-table__sort"
4986
+ role="columnheader"
4987
+ aria-sort="none"
4988
+ scope="col"
4989
+ >
4990
+ <button class="pf-v6-c-table__button">
4991
+ <span class="pf-v6-c-table__button-content">
4992
+ <span class="pf-v6-c-table__text">Branches</span>
4993
+ <span class="pf-v6-c-table__sort-indicator">
4994
+ <i class="fas fa-arrows-alt-v"></i>
4995
+ </span>
4996
+ </span>
4997
+ </button>
4998
+ </th>
4999
+
5000
+ <th
5001
+ class="pf-v6-c-table__th pf-v6-c-table__sort"
5002
+ role="columnheader"
5003
+ aria-sort="none"
5004
+ scope="col"
5005
+ >
5006
+ <button class="pf-v6-c-table__button">
5007
+ <span class="pf-v6-c-table__button-content">
5008
+ <span class="pf-v6-c-table__text">Pull requests</span>
5009
+ <span class="pf-v6-c-table__sort-indicator">
5010
+ <i class="fas fa-arrows-alt-v"></i>
5011
+ </span>
5012
+ </span>
5013
+ </button>
5014
+ </th>
5015
+
5016
+ <th class="pf-v6-c-table__th" role="columnheader" scope="col">Workspaces</th>
5017
+
5018
+ <th class="pf-v6-c-table__th" role="columnheader" scope="col">Last commit</th>
5019
+
5020
+ <th
5021
+ class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
5022
+ role="columnheader"
5023
+ scope="col"
5024
+ >
5025
+ <span class="pf-v6-screen-reader">Links</span>
5026
+ </th>
5027
+
5028
+ <th
5029
+ class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
5030
+ role="columnheader"
5031
+ scope="col"
5032
+ >
5033
+ <span class="pf-v6-screen-reader">Actions</span>
5034
+ </th>
5035
+ </tr>
5036
+ </thead>
5037
+
5038
+ <tbody class="pf-v6-c-table__tbody pf-m-expanded" role="rowgroup">
5039
+ <tr
5040
+ class="pf-v6-c-table__tr pf-v6-c-table__control-row pf-m-expanded"
5041
+ role="row"
5042
+ >
5043
+ <td
5044
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle pf-m-expanded"
5045
+ role="cell"
5046
+ data-label="Repositories"
5047
+ >
5048
+ <button class="pf-v6-c-table__button">
5049
+ <span class="pf-v6-c-table__text">
5050
+ <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;10
4876
5051
  </span>
4877
5052
  </button>
4878
5053
  </td>
@@ -4884,7 +5059,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
4884
5059
  <button class="pf-v6-c-table__button">
4885
5060
  <span class="pf-v6-c-table__text">
4886
5061
  <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
4887
- 4
5062
+ 234
4888
5063
  </span>
4889
5064
  </button>
4890
5065
  </td>
@@ -4896,7 +5071,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
4896
5071
  <button class="pf-v6-c-table__button">
4897
5072
  <span class="pf-v6-c-table__text">
4898
5073
  <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
4899
- 1
5074
+ 4
4900
5075
  </span>
4901
5076
  </button>
4902
5077
  </td>
@@ -4906,7 +5081,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
4906
5081
  </th>
4907
5082
 
4908
5083
  <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
4909
- <span>2 days ago</span>
5084
+ <span>20 minutes</span>
4910
5085
  </td>
4911
5086
  <td class="pf-v6-c-table__td" role="cell" data-label="Action">
4912
5087
  <a href="#">Open in Github</a>
@@ -4926,13 +5101,16 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
4926
5101
  </td>
4927
5102
  </tr>
4928
5103
 
4929
- <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
5104
+ <tr
5105
+ class="pf-v6-c-table__tr pf-v6-c-table__expandable-row pf-m-expanded"
5106
+ role="row"
5107
+ >
4930
5108
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
4931
5109
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
4932
5110
  <table
4933
5111
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
4934
5112
  role="grid"
4935
- id="table-compound-expansion-nested-table-7-"
5113
+ id="table-compound-expansion-nested-table-nested-table-1-"
4936
5114
  aria-label="Nested table"
4937
5115
  >
4938
5116
  <thead class="pf-v6-c-table__thead">
@@ -5142,13 +5320,21 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
5142
5320
  </td>
5143
5321
  </tr>
5144
5322
 
5323
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
5324
+ <td class="pf-v6-c-table__td" role="cell" colspan="7">
5325
+ <div
5326
+ class="pf-v6-c-table__expandable-row-content"
5327
+ >234 pull requests currently under review.</div>
5328
+ </td>
5329
+ </tr>
5330
+
5145
5331
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
5146
5332
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
5147
5333
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
5148
5334
  <table
5149
5335
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
5150
5336
  role="grid"
5151
- id="table-compound-expansion-nested-table-8-"
5337
+ id="table-compound-expansion-nested-table-nested-table-3-"
5152
5338
  aria-label="Nested table"
5153
5339
  >
5154
5340
  <thead class="pf-v6-c-table__thead">
@@ -5357,6 +5543,71 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
5357
5543
  </div>
5358
5544
  </td>
5359
5545
  </tr>
5546
+ </tbody>
5547
+
5548
+ <tbody class="pf-v6-c-table__tbody" role="rowgroup">
5549
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__control-row" role="row">
5550
+ <td
5551
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
5552
+ role="cell"
5553
+ data-label="Repositories"
5554
+ >
5555
+ <button class="pf-v6-c-table__button">
5556
+ <span class="pf-v6-c-table__text">
5557
+ <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;
5558
+ 2
5559
+ </span>
5560
+ </button>
5561
+ </td>
5562
+ <td
5563
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
5564
+ role="cell"
5565
+ data-label="Branches"
5566
+ >
5567
+ <button class="pf-v6-c-table__button">
5568
+ <span class="pf-v6-c-table__text">
5569
+ <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
5570
+ 82
5571
+ </span>
5572
+ </button>
5573
+ </td>
5574
+ <td
5575
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
5576
+ role="cell"
5577
+ data-label="Pull requests"
5578
+ >
5579
+ <button class="pf-v6-c-table__button">
5580
+ <span class="pf-v6-c-table__text">
5581
+ <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
5582
+ 1
5583
+ </span>
5584
+ </button>
5585
+ </td>
5586
+
5587
+ <th class="pf-v6-c-table__th" role="columnheader" data-label="Workspaces">
5588
+ <a href="#">siemur/test-space</a>
5589
+ </th>
5590
+
5591
+ <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
5592
+ <span>1 day ago</span>
5593
+ </td>
5594
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
5595
+ <a href="#">Open in Github</a>
5596
+ </td>
5597
+
5598
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
5599
+ <button
5600
+ class="pf-v6-c-menu-toggle pf-m-plain"
5601
+ type="button"
5602
+ aria-expanded="false"
5603
+ aria-label="Table actions"
5604
+ >
5605
+ <span class="pf-v6-c-menu-toggle__icon">
5606
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5607
+ </span>
5608
+ </button>
5609
+ </td>
5610
+ </tr>
5360
5611
 
5361
5612
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
5362
5613
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
@@ -5364,7 +5615,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
5364
5615
  <table
5365
5616
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
5366
5617
  role="grid"
5367
- id="table-compound-expansion-nested-table-9-"
5618
+ id="table-compound-expansion-nested-table-nested-table-4-"
5368
5619
  aria-label="Nested table"
5369
5620
  >
5370
5621
  <thead class="pf-v6-c-table__thead">
@@ -5573,198 +5824,53 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
5573
5824
  </div>
5574
5825
  </td>
5575
5826
  </tr>
5576
- </tbody>
5577
- </table>
5578
5827
 
5579
- ```
5828
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
5829
+ <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
5830
+ <div
5831
+ class="pf-v6-c-table__expandable-row-content pf-m-no-background"
5832
+ >82 pull requests currently under review.</div>
5833
+ </td>
5834
+ </tr>
5580
5835
 
5581
- ### Animated compound expansion example
5836
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
5837
+ <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
5838
+ <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
5839
+ <table
5840
+ class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
5841
+ role="grid"
5842
+ id="table-compound-expansion-nested-table-nested-table-6-"
5843
+ aria-label="Nested table"
5844
+ >
5845
+ <thead class="pf-v6-c-table__thead">
5846
+ <tr class="pf-v6-c-table__tr" role="row">
5847
+ <th
5848
+ class="pf-v6-c-table__th pf-v6-c-table__sort"
5849
+ role="columnheader"
5850
+ aria-sort="none"
5851
+ scope="col"
5852
+ >
5853
+ <button class="pf-v6-c-table__button">
5854
+ <span class="pf-v6-c-table__button-content">
5855
+ <span class="pf-v6-c-table__text">Description</span>
5856
+ <span class="pf-v6-c-table__sort-indicator">
5857
+ <i class="fas fa-arrows-alt-v"></i>
5858
+ </span>
5859
+ </span>
5860
+ </button>
5861
+ </th>
5582
5862
 
5583
- ```html isBeta
5584
- <table
5585
- class="pf-v6-c-table pf-m-grid-md pf-m-animate-expand pf-m-expandable"
5586
- role="grid"
5587
- aria-label="Animated compound expandable table example"
5588
- id="table-animate-compound-expansion"
5589
- >
5590
- <thead class="pf-v6-c-table__thead">
5591
- <tr class="pf-v6-c-table__tr" role="row">
5592
- <th
5593
- class="pf-v6-c-table__th pf-v6-c-table__sort pf-m-selected"
5594
- role="columnheader"
5595
- aria-sort="ascending"
5596
- scope="col"
5597
- >
5598
- <button class="pf-v6-c-table__button">
5599
- <span class="pf-v6-c-table__button-content">
5600
- <span class="pf-v6-c-table__text">Repositories</span>
5601
- <span class="pf-v6-c-table__sort-indicator">
5602
- <i class="fas fa-long-arrow-alt-up"></i>
5603
- </span>
5604
- </span>
5605
- </button>
5606
- </th>
5863
+ <th
5864
+ class="pf-v6-c-table__th"
5865
+ role="columnheader"
5866
+ scope="col"
5867
+ >Date</th>
5607
5868
 
5608
- <th
5609
- class="pf-v6-c-table__th pf-v6-c-table__sort"
5610
- role="columnheader"
5611
- aria-sort="none"
5612
- scope="col"
5613
- >
5614
- <button class="pf-v6-c-table__button">
5615
- <span class="pf-v6-c-table__button-content">
5616
- <span class="pf-v6-c-table__text">Branches</span>
5617
- <span class="pf-v6-c-table__sort-indicator">
5618
- <i class="fas fa-arrows-alt-v"></i>
5619
- </span>
5620
- </span>
5621
- </button>
5622
- </th>
5623
-
5624
- <th
5625
- class="pf-v6-c-table__th pf-v6-c-table__sort"
5626
- role="columnheader"
5627
- aria-sort="none"
5628
- scope="col"
5629
- >
5630
- <button class="pf-v6-c-table__button">
5631
- <span class="pf-v6-c-table__button-content">
5632
- <span class="pf-v6-c-table__text">Pull requests</span>
5633
- <span class="pf-v6-c-table__sort-indicator">
5634
- <i class="fas fa-arrows-alt-v"></i>
5635
- </span>
5636
- </span>
5637
- </button>
5638
- </th>
5639
-
5640
- <th class="pf-v6-c-table__th" role="columnheader" scope="col">Workspaces</th>
5641
-
5642
- <th class="pf-v6-c-table__th" role="columnheader" scope="col">Last commit</th>
5643
-
5644
- <th
5645
- class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
5646
- role="columnheader"
5647
- scope="col"
5648
- >
5649
- <span class="pf-v6-screen-reader">Links</span>
5650
- </th>
5651
-
5652
- <th
5653
- class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
5654
- role="columnheader"
5655
- scope="col"
5656
- >
5657
- <span class="pf-v6-screen-reader">Actions</span>
5658
- </th>
5659
- </tr>
5660
- </thead>
5661
-
5662
- <tbody class="pf-v6-c-table__tbody pf-m-expanded" role="rowgroup">
5663
- <tr
5664
- class="pf-v6-c-table__tr pf-v6-c-table__control-row pf-m-expanded"
5665
- role="row"
5666
- >
5667
- <td
5668
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle pf-m-expanded"
5669
- role="cell"
5670
- data-label="Repositories"
5671
- >
5672
- <button class="pf-v6-c-table__button">
5673
- <span class="pf-v6-c-table__text">
5674
- <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;10
5675
- </span>
5676
- </button>
5677
- </td>
5678
- <td
5679
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
5680
- role="cell"
5681
- data-label="Branches"
5682
- >
5683
- <button class="pf-v6-c-table__button">
5684
- <span class="pf-v6-c-table__text">
5685
- <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
5686
- 234
5687
- </span>
5688
- </button>
5689
- </td>
5690
- <td
5691
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
5692
- role="cell"
5693
- data-label="Pull requests"
5694
- >
5695
- <button class="pf-v6-c-table__button">
5696
- <span class="pf-v6-c-table__text">
5697
- <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
5698
- 4
5699
- </span>
5700
- </button>
5701
- </td>
5702
-
5703
- <th class="pf-v6-c-table__th" role="columnheader" data-label="Workspaces">
5704
- <a href="#">siemur/test-space</a>
5705
- </th>
5706
-
5707
- <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
5708
- <span>20 minutes</span>
5709
- </td>
5710
- <td class="pf-v6-c-table__td" role="cell" data-label="Action">
5711
- <a href="#">Open in Github</a>
5712
- </td>
5713
-
5714
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
5715
- <button
5716
- class="pf-v6-c-menu-toggle pf-m-plain"
5717
- type="button"
5718
- aria-expanded="false"
5719
- aria-label="Table actions"
5720
- >
5721
- <span class="pf-v6-c-menu-toggle__icon">
5722
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5723
- </span>
5724
- </button>
5725
- </td>
5726
- </tr>
5727
- <tr
5728
- class="pf-v6-c-table__tr pf-v6-c-table__expandable-row pf-m-expanded"
5729
- role="row"
5730
- >
5731
- <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
5732
- <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
5733
- <table
5734
- class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
5735
- role="grid"
5736
- id="table-animate-compound-expansion-nested-table-1-"
5737
- aria-label="Nested table"
5738
- >
5739
- <thead class="pf-v6-c-table__thead">
5740
- <tr class="pf-v6-c-table__tr" role="row">
5741
- <th
5742
- class="pf-v6-c-table__th pf-v6-c-table__sort"
5743
- role="columnheader"
5744
- aria-sort="none"
5745
- scope="col"
5746
- >
5747
- <button class="pf-v6-c-table__button">
5748
- <span class="pf-v6-c-table__button-content">
5749
- <span class="pf-v6-c-table__text">Description</span>
5750
- <span class="pf-v6-c-table__sort-indicator">
5751
- <i class="fas fa-arrows-alt-v"></i>
5752
- </span>
5753
- </span>
5754
- </button>
5755
- </th>
5756
-
5757
- <th
5758
- class="pf-v6-c-table__th"
5759
- role="columnheader"
5760
- scope="col"
5761
- >Date</th>
5762
-
5763
- <th
5764
- class="pf-v6-c-table__th"
5765
- role="columnheader"
5766
- scope="col"
5767
- >Status</th>
5869
+ <th
5870
+ class="pf-v6-c-table__th"
5871
+ role="columnheader"
5872
+ scope="col"
5873
+ >Status</th>
5768
5874
 
5769
5875
  <th
5770
5876
  class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
@@ -5942,13 +6048,79 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
5942
6048
  </div>
5943
6049
  </td>
5944
6050
  </tr>
6051
+ </tbody>
6052
+
6053
+ <tbody class="pf-v6-c-table__tbody" role="rowgroup">
6054
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__control-row" role="row">
6055
+ <td
6056
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
6057
+ role="cell"
6058
+ data-label="Repositories"
6059
+ >
6060
+ <button class="pf-v6-c-table__button">
6061
+ <span class="pf-v6-c-table__text">
6062
+ <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;
6063
+ 4
6064
+ </span>
6065
+ </button>
6066
+ </td>
6067
+ <td
6068
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
6069
+ role="cell"
6070
+ data-label="Branches"
6071
+ >
6072
+ <button class="pf-v6-c-table__button">
6073
+ <span class="pf-v6-c-table__text">
6074
+ <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
6075
+ 4
6076
+ </span>
6077
+ </button>
6078
+ </td>
6079
+ <td
6080
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
6081
+ role="cell"
6082
+ data-label="Pull requests"
6083
+ >
6084
+ <button class="pf-v6-c-table__button">
6085
+ <span class="pf-v6-c-table__text">
6086
+ <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
6087
+ 1
6088
+ </span>
6089
+ </button>
6090
+ </td>
6091
+
6092
+ <th class="pf-v6-c-table__th" role="columnheader" data-label="Workspaces">
6093
+ <a href="#">siemur/test-space</a>
6094
+ </th>
6095
+
6096
+ <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
6097
+ <span>2 days ago</span>
6098
+ </td>
6099
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
6100
+ <a href="#">Open in Github</a>
6101
+ </td>
6102
+
6103
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
6104
+ <button
6105
+ class="pf-v6-c-menu-toggle pf-m-plain"
6106
+ type="button"
6107
+ aria-expanded="false"
6108
+ aria-label="Table actions"
6109
+ >
6110
+ <span class="pf-v6-c-menu-toggle__icon">
6111
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6112
+ </span>
6113
+ </button>
6114
+ </td>
6115
+ </tr>
6116
+
5945
6117
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
5946
6118
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
5947
6119
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
5948
6120
  <table
5949
6121
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
5950
6122
  role="grid"
5951
- id="table-animate-compound-expansion-nested-table-2-"
6123
+ id="table-compound-expansion-nested-table-nested-table-7-"
5952
6124
  aria-label="Nested table"
5953
6125
  >
5954
6126
  <thead class="pf-v6-c-table__thead">
@@ -6157,13 +6329,22 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
6157
6329
  </div>
6158
6330
  </td>
6159
6331
  </tr>
6332
+
6333
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
6334
+ <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
6335
+ <div
6336
+ class="pf-v6-c-table__expandable-row-content pf-m-no-background"
6337
+ >4 pull requests currently under review.</div>
6338
+ </td>
6339
+ </tr>
6340
+
6160
6341
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
6161
6342
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
6162
6343
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
6163
6344
  <table
6164
6345
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
6165
6346
  role="grid"
6166
- id="table-animate-compound-expansion-nested-table-3-"
6347
+ id="table-compound-expansion-nested-table-nested-table-9-"
6167
6348
  aria-label="Nested table"
6168
6349
  >
6169
6350
  <thead class="pf-v6-c-table__thead">
@@ -6373,31 +6554,117 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
6373
6554
  </td>
6374
6555
  </tr>
6375
6556
  </tbody>
6557
+ </table>
6376
6558
 
6377
- <tbody class="pf-v6-c-table__tbody" role="rowgroup">
6378
- <tr class="pf-v6-c-table__tr pf-v6-c-table__control-row" role="row">
6379
- <td
6380
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
6381
- role="cell"
6382
- data-label="Repositories"
6559
+ ```
6560
+
6561
+ ### Animated compound expansion example
6562
+
6563
+ ```html isBeta
6564
+ <table
6565
+ class="pf-v6-c-table pf-m-grid-md pf-m-animate-expand pf-m-expandable"
6566
+ role="grid"
6567
+ aria-label="Animated compound expandable table example"
6568
+ id="table-animate-compound-expansion"
6569
+ >
6570
+ <thead class="pf-v6-c-table__thead">
6571
+ <tr class="pf-v6-c-table__tr" role="row">
6572
+ <th
6573
+ class="pf-v6-c-table__th pf-v6-c-table__sort pf-m-selected"
6574
+ role="columnheader"
6575
+ aria-sort="ascending"
6576
+ scope="col"
6383
6577
  >
6384
6578
  <button class="pf-v6-c-table__button">
6385
- <span class="pf-v6-c-table__text">
6386
- <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;
6387
- 2
6579
+ <span class="pf-v6-c-table__button-content">
6580
+ <span class="pf-v6-c-table__text">Repositories</span>
6581
+ <span class="pf-v6-c-table__sort-indicator">
6582
+ <i class="fas fa-long-arrow-alt-up"></i>
6583
+ </span>
6388
6584
  </span>
6389
6585
  </button>
6390
- </td>
6391
- <td
6392
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
6393
- role="cell"
6394
- data-label="Branches"
6586
+ </th>
6587
+
6588
+ <th
6589
+ class="pf-v6-c-table__th pf-v6-c-table__sort"
6590
+ role="columnheader"
6591
+ aria-sort="none"
6592
+ scope="col"
6395
6593
  >
6396
6594
  <button class="pf-v6-c-table__button">
6397
- <span class="pf-v6-c-table__text">
6398
- <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
6399
- 82
6400
- </span>
6595
+ <span class="pf-v6-c-table__button-content">
6596
+ <span class="pf-v6-c-table__text">Branches</span>
6597
+ <span class="pf-v6-c-table__sort-indicator">
6598
+ <i class="fas fa-arrows-alt-v"></i>
6599
+ </span>
6600
+ </span>
6601
+ </button>
6602
+ </th>
6603
+
6604
+ <th
6605
+ class="pf-v6-c-table__th pf-v6-c-table__sort"
6606
+ role="columnheader"
6607
+ aria-sort="none"
6608
+ scope="col"
6609
+ >
6610
+ <button class="pf-v6-c-table__button">
6611
+ <span class="pf-v6-c-table__button-content">
6612
+ <span class="pf-v6-c-table__text">Pull requests</span>
6613
+ <span class="pf-v6-c-table__sort-indicator">
6614
+ <i class="fas fa-arrows-alt-v"></i>
6615
+ </span>
6616
+ </span>
6617
+ </button>
6618
+ </th>
6619
+
6620
+ <th class="pf-v6-c-table__th" role="columnheader" scope="col">Workspaces</th>
6621
+
6622
+ <th class="pf-v6-c-table__th" role="columnheader" scope="col">Last commit</th>
6623
+
6624
+ <th
6625
+ class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
6626
+ role="columnheader"
6627
+ scope="col"
6628
+ >
6629
+ <span class="pf-v6-screen-reader">Links</span>
6630
+ </th>
6631
+
6632
+ <th
6633
+ class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
6634
+ role="columnheader"
6635
+ scope="col"
6636
+ >
6637
+ <span class="pf-v6-screen-reader">Actions</span>
6638
+ </th>
6639
+ </tr>
6640
+ </thead>
6641
+
6642
+ <tbody class="pf-v6-c-table__tbody pf-m-expanded" role="rowgroup">
6643
+ <tr
6644
+ class="pf-v6-c-table__tr pf-v6-c-table__control-row pf-m-expanded"
6645
+ role="row"
6646
+ >
6647
+ <td
6648
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle pf-m-expanded"
6649
+ role="cell"
6650
+ data-label="Repositories"
6651
+ >
6652
+ <button class="pf-v6-c-table__button">
6653
+ <span class="pf-v6-c-table__text">
6654
+ <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;10
6655
+ </span>
6656
+ </button>
6657
+ </td>
6658
+ <td
6659
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
6660
+ role="cell"
6661
+ data-label="Branches"
6662
+ >
6663
+ <button class="pf-v6-c-table__button">
6664
+ <span class="pf-v6-c-table__text">
6665
+ <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
6666
+ 234
6667
+ </span>
6401
6668
  </button>
6402
6669
  </td>
6403
6670
  <td
@@ -6408,7 +6675,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
6408
6675
  <button class="pf-v6-c-table__button">
6409
6676
  <span class="pf-v6-c-table__text">
6410
6677
  <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
6411
- 1
6678
+ 4
6412
6679
  </span>
6413
6680
  </button>
6414
6681
  </td>
@@ -6418,7 +6685,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
6418
6685
  </th>
6419
6686
 
6420
6687
  <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
6421
- <span>1 day ago</span>
6688
+ <span>20 minutes</span>
6422
6689
  </td>
6423
6690
  <td class="pf-v6-c-table__td" role="cell" data-label="Action">
6424
6691
  <a href="#">Open in Github</a>
@@ -6437,13 +6704,16 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
6437
6704
  </button>
6438
6705
  </td>
6439
6706
  </tr>
6440
- <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
6707
+ <tr
6708
+ class="pf-v6-c-table__tr pf-v6-c-table__expandable-row pf-m-expanded"
6709
+ role="row"
6710
+ >
6441
6711
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
6442
6712
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
6443
6713
  <table
6444
6714
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
6445
6715
  role="grid"
6446
- id="table-animate-compound-expansion-nested-table-4-"
6716
+ id="table-animate-compound-expansion-nested-table-1-"
6447
6717
  aria-label="Nested table"
6448
6718
  >
6449
6719
  <thead class="pf-v6-c-table__thead">
@@ -6652,13 +6922,20 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
6652
6922
  </div>
6653
6923
  </td>
6654
6924
  </tr>
6925
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
6926
+ <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
6927
+ <div
6928
+ class="pf-v6-c-table__expandable-row-content pf-m-no-background"
6929
+ >234 pull requests currently under review.</div>
6930
+ </td>
6931
+ </tr>
6655
6932
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
6656
6933
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
6657
6934
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
6658
6935
  <table
6659
6936
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
6660
6937
  role="grid"
6661
- id="table-animate-compound-expansion-nested-table-5-"
6938
+ id="table-animate-compound-expansion-nested-table-3-"
6662
6939
  aria-label="Nested table"
6663
6940
  >
6664
6941
  <thead class="pf-v6-c-table__thead">
@@ -6867,13 +7144,78 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
6867
7144
  </div>
6868
7145
  </td>
6869
7146
  </tr>
7147
+ </tbody>
7148
+
7149
+ <tbody class="pf-v6-c-table__tbody" role="rowgroup">
7150
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__control-row" role="row">
7151
+ <td
7152
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
7153
+ role="cell"
7154
+ data-label="Repositories"
7155
+ >
7156
+ <button class="pf-v6-c-table__button">
7157
+ <span class="pf-v6-c-table__text">
7158
+ <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;
7159
+ 2
7160
+ </span>
7161
+ </button>
7162
+ </td>
7163
+ <td
7164
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
7165
+ role="cell"
7166
+ data-label="Branches"
7167
+ >
7168
+ <button class="pf-v6-c-table__button">
7169
+ <span class="pf-v6-c-table__text">
7170
+ <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
7171
+ 82
7172
+ </span>
7173
+ </button>
7174
+ </td>
7175
+ <td
7176
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
7177
+ role="cell"
7178
+ data-label="Pull requests"
7179
+ >
7180
+ <button class="pf-v6-c-table__button">
7181
+ <span class="pf-v6-c-table__text">
7182
+ <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
7183
+ 1
7184
+ </span>
7185
+ </button>
7186
+ </td>
7187
+
7188
+ <th class="pf-v6-c-table__th" role="columnheader" data-label="Workspaces">
7189
+ <a href="#">siemur/test-space</a>
7190
+ </th>
7191
+
7192
+ <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
7193
+ <span>1 day ago</span>
7194
+ </td>
7195
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
7196
+ <a href="#">Open in Github</a>
7197
+ </td>
7198
+
7199
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
7200
+ <button
7201
+ class="pf-v6-c-menu-toggle pf-m-plain"
7202
+ type="button"
7203
+ aria-expanded="false"
7204
+ aria-label="Table actions"
7205
+ >
7206
+ <span class="pf-v6-c-menu-toggle__icon">
7207
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7208
+ </span>
7209
+ </button>
7210
+ </td>
7211
+ </tr>
6870
7212
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
6871
7213
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
6872
7214
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
6873
7215
  <table
6874
7216
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
6875
7217
  role="grid"
6876
- id="table-animate-compound-expansion-nested-table-6-"
7218
+ id="table-animate-compound-expansion-nested-table-4-"
6877
7219
  aria-label="Nested table"
6878
7220
  >
6879
7221
  <thead class="pf-v6-c-table__thead">
@@ -7082,69 +7424,11 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
7082
7424
  </div>
7083
7425
  </td>
7084
7426
  </tr>
7085
- </tbody>
7086
-
7087
- <tbody class="pf-v6-c-table__tbody" role="rowgroup">
7088
- <tr class="pf-v6-c-table__tr pf-v6-c-table__control-row" role="row">
7089
- <td
7090
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
7091
- role="cell"
7092
- data-label="Repositories"
7093
- >
7094
- <button class="pf-v6-c-table__button">
7095
- <span class="pf-v6-c-table__text">
7096
- <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;
7097
- 4
7098
- </span>
7099
- </button>
7100
- </td>
7101
- <td
7102
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
7103
- role="cell"
7104
- data-label="Branches"
7105
- >
7106
- <button class="pf-v6-c-table__button">
7107
- <span class="pf-v6-c-table__text">
7108
- <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
7109
- 4
7110
- </span>
7111
- </button>
7112
- </td>
7113
- <td
7114
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
7115
- role="cell"
7116
- data-label="Pull requests"
7117
- >
7118
- <button class="pf-v6-c-table__button">
7119
- <span class="pf-v6-c-table__text">
7120
- <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
7121
- 1
7122
- </span>
7123
- </button>
7124
- </td>
7125
-
7126
- <th class="pf-v6-c-table__th" role="columnheader" data-label="Workspaces">
7127
- <a href="#">siemur/test-space</a>
7128
- </th>
7129
-
7130
- <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
7131
- <span>2 days ago</span>
7132
- </td>
7133
- <td class="pf-v6-c-table__td" role="cell" data-label="Action">
7134
- <a href="#">Open in Github</a>
7135
- </td>
7136
-
7137
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
7138
- <button
7139
- class="pf-v6-c-menu-toggle pf-m-plain"
7140
- type="button"
7141
- aria-expanded="false"
7142
- aria-label="Table actions"
7143
- >
7144
- <span class="pf-v6-c-menu-toggle__icon">
7145
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7146
- </span>
7147
- </button>
7427
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
7428
+ <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
7429
+ <div
7430
+ class="pf-v6-c-table__expandable-row-content pf-m-no-background"
7431
+ >82 pull requests currently under review.</div>
7148
7432
  </td>
7149
7433
  </tr>
7150
7434
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
@@ -7153,7 +7437,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
7153
7437
  <table
7154
7438
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
7155
7439
  role="grid"
7156
- id="table-animate-compound-expansion-nested-table-7-"
7440
+ id="table-animate-compound-expansion-nested-table-6-"
7157
7441
  aria-label="Nested table"
7158
7442
  >
7159
7443
  <thead class="pf-v6-c-table__thead">
@@ -7362,38 +7646,103 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
7362
7646
  </div>
7363
7647
  </td>
7364
7648
  </tr>
7365
- <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
7366
- <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
7367
- <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
7368
- <table
7369
- class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
7370
- role="grid"
7371
- id="table-animate-compound-expansion-nested-table-8-"
7372
- aria-label="Nested table"
7373
- >
7374
- <thead class="pf-v6-c-table__thead">
7375
- <tr class="pf-v6-c-table__tr" role="row">
7376
- <th
7377
- class="pf-v6-c-table__th pf-v6-c-table__sort"
7378
- role="columnheader"
7379
- aria-sort="none"
7380
- scope="col"
7381
- >
7382
- <button class="pf-v6-c-table__button">
7383
- <span class="pf-v6-c-table__button-content">
7384
- <span class="pf-v6-c-table__text">Description</span>
7385
- <span class="pf-v6-c-table__sort-indicator">
7386
- <i class="fas fa-arrows-alt-v"></i>
7387
- </span>
7388
- </span>
7389
- </button>
7390
- </th>
7649
+ </tbody>
7391
7650
 
7392
- <th
7393
- class="pf-v6-c-table__th"
7394
- role="columnheader"
7395
- scope="col"
7396
- >Date</th>
7651
+ <tbody class="pf-v6-c-table__tbody" role="rowgroup">
7652
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__control-row" role="row">
7653
+ <td
7654
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
7655
+ role="cell"
7656
+ data-label="Repositories"
7657
+ >
7658
+ <button class="pf-v6-c-table__button">
7659
+ <span class="pf-v6-c-table__text">
7660
+ <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;
7661
+ 4
7662
+ </span>
7663
+ </button>
7664
+ </td>
7665
+ <td
7666
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
7667
+ role="cell"
7668
+ data-label="Branches"
7669
+ >
7670
+ <button class="pf-v6-c-table__button">
7671
+ <span class="pf-v6-c-table__text">
7672
+ <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
7673
+ 4
7674
+ </span>
7675
+ </button>
7676
+ </td>
7677
+ <td
7678
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
7679
+ role="cell"
7680
+ data-label="Pull requests"
7681
+ >
7682
+ <button class="pf-v6-c-table__button">
7683
+ <span class="pf-v6-c-table__text">
7684
+ <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
7685
+ 1
7686
+ </span>
7687
+ </button>
7688
+ </td>
7689
+
7690
+ <th class="pf-v6-c-table__th" role="columnheader" data-label="Workspaces">
7691
+ <a href="#">siemur/test-space</a>
7692
+ </th>
7693
+
7694
+ <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
7695
+ <span>2 days ago</span>
7696
+ </td>
7697
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
7698
+ <a href="#">Open in Github</a>
7699
+ </td>
7700
+
7701
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
7702
+ <button
7703
+ class="pf-v6-c-menu-toggle pf-m-plain"
7704
+ type="button"
7705
+ aria-expanded="false"
7706
+ aria-label="Table actions"
7707
+ >
7708
+ <span class="pf-v6-c-menu-toggle__icon">
7709
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7710
+ </span>
7711
+ </button>
7712
+ </td>
7713
+ </tr>
7714
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
7715
+ <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
7716
+ <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
7717
+ <table
7718
+ class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
7719
+ role="grid"
7720
+ id="table-animate-compound-expansion-nested-table-7-"
7721
+ aria-label="Nested table"
7722
+ >
7723
+ <thead class="pf-v6-c-table__thead">
7724
+ <tr class="pf-v6-c-table__tr" role="row">
7725
+ <th
7726
+ class="pf-v6-c-table__th pf-v6-c-table__sort"
7727
+ role="columnheader"
7728
+ aria-sort="none"
7729
+ scope="col"
7730
+ >
7731
+ <button class="pf-v6-c-table__button">
7732
+ <span class="pf-v6-c-table__button-content">
7733
+ <span class="pf-v6-c-table__text">Description</span>
7734
+ <span class="pf-v6-c-table__sort-indicator">
7735
+ <i class="fas fa-arrows-alt-v"></i>
7736
+ </span>
7737
+ </span>
7738
+ </button>
7739
+ </th>
7740
+
7741
+ <th
7742
+ class="pf-v6-c-table__th"
7743
+ role="columnheader"
7744
+ scope="col"
7745
+ >Date</th>
7397
7746
 
7398
7747
  <th
7399
7748
  class="pf-v6-c-table__th"
@@ -7577,6 +7926,13 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
7577
7926
  </div>
7578
7927
  </td>
7579
7928
  </tr>
7929
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
7930
+ <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
7931
+ <div
7932
+ class="pf-v6-c-table__expandable-row-content pf-m-no-background"
7933
+ >4 pull requests currently under review.</div>
7934
+ </td>
7935
+ </tr>
7580
7936
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
7581
7937
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
7582
7938
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
@@ -8273,7 +8629,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
8273
8629
  aria-label="Row expansion"
8274
8630
  >
8275
8631
  <button
8276
- class="pf-v6-c-button pf-m-small pf-m-expanded pf-m-plain"
8632
+ class="pf-v6-c-button pf-m-expanded pf-m-small pf-m-plain"
8277
8633
  id="table-compact-expandable-expandable-toggle-1"
8278
8634
  type="button"
8279
8635
  aria-expanded="true"
@@ -8472,7 +8828,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
8472
8828
  aria-label="Row expansion"
8473
8829
  >
8474
8830
  <button
8475
- class="pf-v6-c-button pf-m-small pf-m-expanded pf-m-plain"
8831
+ class="pf-v6-c-button pf-m-expanded pf-m-small pf-m-plain"
8476
8832
  id="table-compact-expandable-expandable-toggle-3"
8477
8833
  type="button"
8478
8834
  aria-expanded="true"
@@ -8568,7 +8924,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
8568
8924
  aria-label="Row expansion"
8569
8925
  >
8570
8926
  <button
8571
- class="pf-v6-c-button pf-m-small pf-m-expanded pf-m-plain"
8927
+ class="pf-v6-c-button pf-m-expanded pf-m-small pf-m-plain"
8572
8928
  id="table-compact-expandable-expandable-toggle-4"
8573
8929
  type="button"
8574
8930
  aria-expanded="true"
@@ -8755,7 +9111,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
8755
9111
  aria-label="Row expansion"
8756
9112
  >
8757
9113
  <button
8758
- class="pf-v6-c-button pf-m-small pf-m-expanded pf-m-plain"
9114
+ class="pf-v6-c-button pf-m-expanded pf-m-small pf-m-plain"
8759
9115
  id="table-compact-expandable-expandable-toggle-6"
8760
9116
  type="button"
8761
9117
  aria-expanded="true"
@@ -8956,7 +9312,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
8956
9312
  aria-label="Row expansion"
8957
9313
  >
8958
9314
  <button
8959
- class="pf-v6-c-button pf-m-small pf-m-expanded pf-m-plain"
9315
+ class="pf-v6-c-button pf-m-expanded pf-m-small pf-m-plain"
8960
9316
  id="table-compact-expandable-expandable-toggle-8"
8961
9317
  type="button"
8962
9318
  aria-expanded="true"
@@ -9996,7 +10352,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
9996
10352
  </div>
9997
10353
  <span class="pf-v6-c-table__tree-view-details-toggle">
9998
10354
  <button
9999
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
10355
+ class="pf-v6-c-button pf-m-plain"
10000
10356
  type="button"
10001
10357
  aria-expanded="true"
10002
10358
  aria-label="tree-table-basic-example-2--tree-table--details-toggle"
@@ -10493,7 +10849,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
10493
10849
  </div>
10494
10850
  <span class="pf-v6-c-table__tree-view-details-toggle">
10495
10851
  <button
10496
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
10852
+ class="pf-v6-c-button pf-m-plain"
10497
10853
  type="button"
10498
10854
  aria-expanded="true"
10499
10855
  aria-label="tree-table-basic-example-10--tree-table--details-toggle"
@@ -11148,7 +11504,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
11148
11504
  </div>
11149
11505
  <span class="pf-v6-c-table__tree-view-details-toggle">
11150
11506
  <button
11151
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
11507
+ class="pf-v6-c-button pf-m-plain"
11152
11508
  type="button"
11153
11509
  aria-expanded="true"
11154
11510
  aria-label="tree-table-with-checkboxes-example-2--tree-table--details-toggle"
@@ -11763,7 +12119,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
11763
12119
  </div>
11764
12120
  <span class="pf-v6-c-table__tree-view-details-toggle">
11765
12121
  <button
11766
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
12122
+ class="pf-v6-c-button pf-m-plain"
11767
12123
  type="button"
11768
12124
  aria-expanded="true"
11769
12125
  aria-label="tree-table-with-checkboxes-example-10--tree-table--details-toggle"
@@ -12526,7 +12882,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
12526
12882
  </div>
12527
12883
  <span class="pf-v6-c-table__tree-view-details-toggle">
12528
12884
  <button
12529
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
12885
+ class="pf-v6-c-button pf-m-plain"
12530
12886
  type="button"
12531
12887
  aria-expanded="true"
12532
12888
  aria-label="tree-table-with-checkboxes-icons-example-2--tree-table--details-toggle"
@@ -13165,7 +13521,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
13165
13521
  </div>
13166
13522
  <span class="pf-v6-c-table__tree-view-details-toggle">
13167
13523
  <button
13168
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
13524
+ class="pf-v6-c-button pf-m-plain"
13169
13525
  type="button"
13170
13526
  aria-expanded="true"
13171
13527
  aria-label="tree-table-with-checkboxes-icons-example-10--tree-table--details-toggle"
@@ -15325,933 +15681,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
15325
15681
  <span class="pf-v6-c-menu-toggle__icon">
15326
15682
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15327
15683
  </span>
15328
- </button>
15329
- </td>
15330
- </tr>
15331
-
15332
- <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
15333
- <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
15334
- <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
15335
- <table
15336
- class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
15337
- role="grid"
15338
- id="borderless-compound-expansion-table-nested-table-1-"
15339
- aria-label="Nested table"
15340
- >
15341
- <thead class="pf-v6-c-table__thead">
15342
- <tr class="pf-v6-c-table__tr" role="row">
15343
- <th
15344
- class="pf-v6-c-table__th pf-v6-c-table__sort"
15345
- role="columnheader"
15346
- aria-sort="none"
15347
- scope="col"
15348
- >
15349
- <button class="pf-v6-c-table__button">
15350
- <span class="pf-v6-c-table__button-content">
15351
- <span class="pf-v6-c-table__text">Description</span>
15352
- <span class="pf-v6-c-table__sort-indicator">
15353
- <i class="fas fa-arrows-alt-v"></i>
15354
- </span>
15355
- </span>
15356
- </button>
15357
- </th>
15358
-
15359
- <th
15360
- class="pf-v6-c-table__th"
15361
- role="columnheader"
15362
- scope="col"
15363
- >Date</th>
15364
-
15365
- <th
15366
- class="pf-v6-c-table__th"
15367
- role="columnheader"
15368
- scope="col"
15369
- >Status</th>
15370
-
15371
- <th
15372
- class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
15373
- role="columnheader"
15374
- scope="col"
15375
- >
15376
- <span class="pf-v6-screen-reader">Actions</span>
15377
- </th>
15378
- </tr>
15379
- </thead>
15380
-
15381
- <tbody class="pf-v6-c-table__tbody" role="rowgroup">
15382
- <tr class="pf-v6-c-table__tr" role="row">
15383
- <th
15384
- class="pf-v6-c-table__th"
15385
- role="columnheader"
15386
- data-label="Description"
15387
- >Item one</th>
15388
-
15389
- <td
15390
- class="pf-v6-c-table__td"
15391
- role="cell"
15392
- data-label="Date"
15393
- >May 9, 2018</td>
15394
-
15395
- <td
15396
- class="pf-v6-c-table__td"
15397
- role="cell"
15398
- data-label="Status"
15399
- >Active</td>
15400
-
15401
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
15402
- <button
15403
- class="pf-v6-c-menu-toggle pf-m-plain"
15404
- type="button"
15405
- aria-expanded="false"
15406
- aria-label="Table actions"
15407
- >
15408
- <span class="pf-v6-c-menu-toggle__icon">
15409
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15410
- </span>
15411
- </button>
15412
- </td>
15413
- </tr>
15414
- <tr class="pf-v6-c-table__tr" role="row">
15415
- <th
15416
- class="pf-v6-c-table__th"
15417
- role="columnheader"
15418
- data-label="Description"
15419
- >Item two</th>
15420
-
15421
- <td
15422
- class="pf-v6-c-table__td"
15423
- role="cell"
15424
- data-label="Date"
15425
- >May 9, 2018</td>
15426
-
15427
- <td
15428
- class="pf-v6-c-table__td"
15429
- role="cell"
15430
- data-label="Status"
15431
- >Warning</td>
15432
-
15433
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
15434
- <button
15435
- class="pf-v6-c-menu-toggle pf-m-plain"
15436
- type="button"
15437
- aria-expanded="false"
15438
- aria-label="Table actions"
15439
- >
15440
- <span class="pf-v6-c-menu-toggle__icon">
15441
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15442
- </span>
15443
- </button>
15444
- </td>
15445
- </tr>
15446
- <tr class="pf-v6-c-table__tr" role="row">
15447
- <th
15448
- class="pf-v6-c-table__th"
15449
- role="columnheader"
15450
- data-label="Description"
15451
- >Item three</th>
15452
-
15453
- <td
15454
- class="pf-v6-c-table__td"
15455
- role="cell"
15456
- data-label="Date"
15457
- >May 9, 2018</td>
15458
-
15459
- <td
15460
- class="pf-v6-c-table__td"
15461
- role="cell"
15462
- data-label="Status"
15463
- >Active</td>
15464
-
15465
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
15466
- <button
15467
- class="pf-v6-c-menu-toggle pf-m-plain"
15468
- type="button"
15469
- aria-expanded="false"
15470
- aria-label="Table actions"
15471
- >
15472
- <span class="pf-v6-c-menu-toggle__icon">
15473
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15474
- </span>
15475
- </button>
15476
- </td>
15477
- </tr>
15478
- <tr class="pf-v6-c-table__tr" role="row">
15479
- <th
15480
- class="pf-v6-c-table__th"
15481
- role="columnheader"
15482
- data-label="Description"
15483
- >Item four</th>
15484
-
15485
- <td
15486
- class="pf-v6-c-table__td"
15487
- role="cell"
15488
- data-label="Date"
15489
- >May 9, 2018</td>
15490
-
15491
- <td
15492
- class="pf-v6-c-table__td"
15493
- role="cell"
15494
- data-label="Status"
15495
- >Active</td>
15496
-
15497
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
15498
- <button
15499
- class="pf-v6-c-menu-toggle pf-m-plain"
15500
- type="button"
15501
- aria-expanded="false"
15502
- aria-label="Table actions"
15503
- >
15504
- <span class="pf-v6-c-menu-toggle__icon">
15505
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15506
- </span>
15507
- </button>
15508
- </td>
15509
- </tr>
15510
- <tr class="pf-v6-c-table__tr" role="row">
15511
- <th
15512
- class="pf-v6-c-table__th"
15513
- role="columnheader"
15514
- data-label="Description"
15515
- >Item five</th>
15516
-
15517
- <td
15518
- class="pf-v6-c-table__td"
15519
- role="cell"
15520
- data-label="Date"
15521
- >May 9, 2018</td>
15522
-
15523
- <td
15524
- class="pf-v6-c-table__td"
15525
- role="cell"
15526
- data-label="Status"
15527
- >Active</td>
15528
-
15529
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
15530
- <button
15531
- class="pf-v6-c-menu-toggle pf-m-plain"
15532
- type="button"
15533
- aria-expanded="false"
15534
- aria-label="Table actions"
15535
- >
15536
- <span class="pf-v6-c-menu-toggle__icon">
15537
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15538
- </span>
15539
- </button>
15540
- </td>
15541
- </tr>
15542
- </tbody>
15543
- </table>
15544
- </div>
15545
- </td>
15546
- </tr>
15547
-
15548
- <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
15549
- <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
15550
- <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
15551
- <table
15552
- class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
15553
- role="grid"
15554
- id="borderless-compound-expansion-table-nested-table-2-"
15555
- aria-label="Nested table"
15556
- >
15557
- <thead class="pf-v6-c-table__thead">
15558
- <tr class="pf-v6-c-table__tr" role="row">
15559
- <th
15560
- class="pf-v6-c-table__th pf-v6-c-table__sort"
15561
- role="columnheader"
15562
- aria-sort="none"
15563
- scope="col"
15564
- >
15565
- <button class="pf-v6-c-table__button">
15566
- <span class="pf-v6-c-table__button-content">
15567
- <span class="pf-v6-c-table__text">Description</span>
15568
- <span class="pf-v6-c-table__sort-indicator">
15569
- <i class="fas fa-arrows-alt-v"></i>
15570
- </span>
15571
- </span>
15572
- </button>
15573
- </th>
15574
-
15575
- <th
15576
- class="pf-v6-c-table__th"
15577
- role="columnheader"
15578
- scope="col"
15579
- >Date</th>
15580
-
15581
- <th
15582
- class="pf-v6-c-table__th"
15583
- role="columnheader"
15584
- scope="col"
15585
- >Status</th>
15586
-
15587
- <th
15588
- class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
15589
- role="columnheader"
15590
- scope="col"
15591
- >
15592
- <span class="pf-v6-screen-reader">Actions</span>
15593
- </th>
15594
- </tr>
15595
- </thead>
15596
-
15597
- <tbody class="pf-v6-c-table__tbody" role="rowgroup">
15598
- <tr class="pf-v6-c-table__tr" role="row">
15599
- <th
15600
- class="pf-v6-c-table__th"
15601
- role="columnheader"
15602
- data-label="Description"
15603
- >Item one</th>
15604
-
15605
- <td
15606
- class="pf-v6-c-table__td"
15607
- role="cell"
15608
- data-label="Date"
15609
- >May 9, 2018</td>
15610
-
15611
- <td
15612
- class="pf-v6-c-table__td"
15613
- role="cell"
15614
- data-label="Status"
15615
- >Active</td>
15616
-
15617
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
15618
- <button
15619
- class="pf-v6-c-menu-toggle pf-m-plain"
15620
- type="button"
15621
- aria-expanded="false"
15622
- aria-label="Table actions"
15623
- >
15624
- <span class="pf-v6-c-menu-toggle__icon">
15625
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15626
- </span>
15627
- </button>
15628
- </td>
15629
- </tr>
15630
- <tr class="pf-v6-c-table__tr" role="row">
15631
- <th
15632
- class="pf-v6-c-table__th"
15633
- role="columnheader"
15634
- data-label="Description"
15635
- >Item two</th>
15636
-
15637
- <td
15638
- class="pf-v6-c-table__td"
15639
- role="cell"
15640
- data-label="Date"
15641
- >May 9, 2018</td>
15642
-
15643
- <td
15644
- class="pf-v6-c-table__td"
15645
- role="cell"
15646
- data-label="Status"
15647
- >Warning</td>
15648
-
15649
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
15650
- <button
15651
- class="pf-v6-c-menu-toggle pf-m-plain"
15652
- type="button"
15653
- aria-expanded="false"
15654
- aria-label="Table actions"
15655
- >
15656
- <span class="pf-v6-c-menu-toggle__icon">
15657
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15658
- </span>
15659
- </button>
15660
- </td>
15661
- </tr>
15662
- <tr class="pf-v6-c-table__tr" role="row">
15663
- <th
15664
- class="pf-v6-c-table__th"
15665
- role="columnheader"
15666
- data-label="Description"
15667
- >Item three</th>
15668
-
15669
- <td
15670
- class="pf-v6-c-table__td"
15671
- role="cell"
15672
- data-label="Date"
15673
- >May 9, 2018</td>
15674
-
15675
- <td
15676
- class="pf-v6-c-table__td"
15677
- role="cell"
15678
- data-label="Status"
15679
- >Active</td>
15680
-
15681
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
15682
- <button
15683
- class="pf-v6-c-menu-toggle pf-m-plain"
15684
- type="button"
15685
- aria-expanded="false"
15686
- aria-label="Table actions"
15687
- >
15688
- <span class="pf-v6-c-menu-toggle__icon">
15689
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15690
- </span>
15691
- </button>
15692
- </td>
15693
- </tr>
15694
- <tr class="pf-v6-c-table__tr" role="row">
15695
- <th
15696
- class="pf-v6-c-table__th"
15697
- role="columnheader"
15698
- data-label="Description"
15699
- >Item four</th>
15700
-
15701
- <td
15702
- class="pf-v6-c-table__td"
15703
- role="cell"
15704
- data-label="Date"
15705
- >May 9, 2018</td>
15706
-
15707
- <td
15708
- class="pf-v6-c-table__td"
15709
- role="cell"
15710
- data-label="Status"
15711
- >Active</td>
15712
-
15713
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
15714
- <button
15715
- class="pf-v6-c-menu-toggle pf-m-plain"
15716
- type="button"
15717
- aria-expanded="false"
15718
- aria-label="Table actions"
15719
- >
15720
- <span class="pf-v6-c-menu-toggle__icon">
15721
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15722
- </span>
15723
- </button>
15724
- </td>
15725
- </tr>
15726
- <tr class="pf-v6-c-table__tr" role="row">
15727
- <th
15728
- class="pf-v6-c-table__th"
15729
- role="columnheader"
15730
- data-label="Description"
15731
- >Item five</th>
15732
-
15733
- <td
15734
- class="pf-v6-c-table__td"
15735
- role="cell"
15736
- data-label="Date"
15737
- >May 9, 2018</td>
15738
-
15739
- <td
15740
- class="pf-v6-c-table__td"
15741
- role="cell"
15742
- data-label="Status"
15743
- >Active</td>
15744
-
15745
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
15746
- <button
15747
- class="pf-v6-c-menu-toggle pf-m-plain"
15748
- type="button"
15749
- aria-expanded="false"
15750
- aria-label="Table actions"
15751
- >
15752
- <span class="pf-v6-c-menu-toggle__icon">
15753
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15754
- </span>
15755
- </button>
15756
- </td>
15757
- </tr>
15758
- </tbody>
15759
- </table>
15760
- </div>
15761
- </td>
15762
- </tr>
15763
-
15764
- <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
15765
- <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
15766
- <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
15767
- <table
15768
- class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
15769
- role="grid"
15770
- id="borderless-compound-expansion-table-nested-table-3-"
15771
- aria-label="Nested table"
15772
- >
15773
- <thead class="pf-v6-c-table__thead">
15774
- <tr class="pf-v6-c-table__tr" role="row">
15775
- <th
15776
- class="pf-v6-c-table__th pf-v6-c-table__sort"
15777
- role="columnheader"
15778
- aria-sort="none"
15779
- scope="col"
15780
- >
15781
- <button class="pf-v6-c-table__button">
15782
- <span class="pf-v6-c-table__button-content">
15783
- <span class="pf-v6-c-table__text">Description</span>
15784
- <span class="pf-v6-c-table__sort-indicator">
15785
- <i class="fas fa-arrows-alt-v"></i>
15786
- </span>
15787
- </span>
15788
- </button>
15789
- </th>
15790
-
15791
- <th
15792
- class="pf-v6-c-table__th"
15793
- role="columnheader"
15794
- scope="col"
15795
- >Date</th>
15796
-
15797
- <th
15798
- class="pf-v6-c-table__th"
15799
- role="columnheader"
15800
- scope="col"
15801
- >Status</th>
15802
-
15803
- <th
15804
- class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
15805
- role="columnheader"
15806
- scope="col"
15807
- >
15808
- <span class="pf-v6-screen-reader">Actions</span>
15809
- </th>
15810
- </tr>
15811
- </thead>
15812
-
15813
- <tbody class="pf-v6-c-table__tbody" role="rowgroup">
15814
- <tr class="pf-v6-c-table__tr" role="row">
15815
- <th
15816
- class="pf-v6-c-table__th"
15817
- role="columnheader"
15818
- data-label="Description"
15819
- >Item one</th>
15820
-
15821
- <td
15822
- class="pf-v6-c-table__td"
15823
- role="cell"
15824
- data-label="Date"
15825
- >May 9, 2018</td>
15826
-
15827
- <td
15828
- class="pf-v6-c-table__td"
15829
- role="cell"
15830
- data-label="Status"
15831
- >Active</td>
15832
-
15833
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
15834
- <button
15835
- class="pf-v6-c-menu-toggle pf-m-plain"
15836
- type="button"
15837
- aria-expanded="false"
15838
- aria-label="Table actions"
15839
- >
15840
- <span class="pf-v6-c-menu-toggle__icon">
15841
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15842
- </span>
15843
- </button>
15844
- </td>
15845
- </tr>
15846
- <tr class="pf-v6-c-table__tr" role="row">
15847
- <th
15848
- class="pf-v6-c-table__th"
15849
- role="columnheader"
15850
- data-label="Description"
15851
- >Item two</th>
15852
-
15853
- <td
15854
- class="pf-v6-c-table__td"
15855
- role="cell"
15856
- data-label="Date"
15857
- >May 9, 2018</td>
15858
-
15859
- <td
15860
- class="pf-v6-c-table__td"
15861
- role="cell"
15862
- data-label="Status"
15863
- >Warning</td>
15864
-
15865
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
15866
- <button
15867
- class="pf-v6-c-menu-toggle pf-m-plain"
15868
- type="button"
15869
- aria-expanded="false"
15870
- aria-label="Table actions"
15871
- >
15872
- <span class="pf-v6-c-menu-toggle__icon">
15873
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15874
- </span>
15875
- </button>
15876
- </td>
15877
- </tr>
15878
- <tr class="pf-v6-c-table__tr" role="row">
15879
- <th
15880
- class="pf-v6-c-table__th"
15881
- role="columnheader"
15882
- data-label="Description"
15883
- >Item three</th>
15884
-
15885
- <td
15886
- class="pf-v6-c-table__td"
15887
- role="cell"
15888
- data-label="Date"
15889
- >May 9, 2018</td>
15890
-
15891
- <td
15892
- class="pf-v6-c-table__td"
15893
- role="cell"
15894
- data-label="Status"
15895
- >Active</td>
15896
-
15897
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
15898
- <button
15899
- class="pf-v6-c-menu-toggle pf-m-plain"
15900
- type="button"
15901
- aria-expanded="false"
15902
- aria-label="Table actions"
15903
- >
15904
- <span class="pf-v6-c-menu-toggle__icon">
15905
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15906
- </span>
15907
- </button>
15908
- </td>
15909
- </tr>
15910
- <tr class="pf-v6-c-table__tr" role="row">
15911
- <th
15912
- class="pf-v6-c-table__th"
15913
- role="columnheader"
15914
- data-label="Description"
15915
- >Item four</th>
15916
-
15917
- <td
15918
- class="pf-v6-c-table__td"
15919
- role="cell"
15920
- data-label="Date"
15921
- >May 9, 2018</td>
15922
-
15923
- <td
15924
- class="pf-v6-c-table__td"
15925
- role="cell"
15926
- data-label="Status"
15927
- >Active</td>
15928
-
15929
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
15930
- <button
15931
- class="pf-v6-c-menu-toggle pf-m-plain"
15932
- type="button"
15933
- aria-expanded="false"
15934
- aria-label="Table actions"
15935
- >
15936
- <span class="pf-v6-c-menu-toggle__icon">
15937
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15938
- </span>
15939
- </button>
15940
- </td>
15941
- </tr>
15942
- <tr class="pf-v6-c-table__tr" role="row">
15943
- <th
15944
- class="pf-v6-c-table__th"
15945
- role="columnheader"
15946
- data-label="Description"
15947
- >Item five</th>
15948
-
15949
- <td
15950
- class="pf-v6-c-table__td"
15951
- role="cell"
15952
- data-label="Date"
15953
- >May 9, 2018</td>
15954
-
15955
- <td
15956
- class="pf-v6-c-table__td"
15957
- role="cell"
15958
- data-label="Status"
15959
- >Active</td>
15960
-
15961
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
15962
- <button
15963
- class="pf-v6-c-menu-toggle pf-m-plain"
15964
- type="button"
15965
- aria-expanded="false"
15966
- aria-label="Table actions"
15967
- >
15968
- <span class="pf-v6-c-menu-toggle__icon">
15969
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15970
- </span>
15971
- </button>
15972
- </td>
15973
- </tr>
15974
- </tbody>
15975
- </table>
15976
- </div>
15977
- </td>
15978
- </tr>
15979
-
15980
- <tr class="pf-v6-c-table__tr pf-v6-c-table__control-row" role="row">
15981
- <td
15982
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
15983
- role="cell"
15984
- data-label="Repositories"
15985
- >
15986
- <button class="pf-v6-c-table__button">
15987
- <span class="pf-v6-c-table__text">
15988
- <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;10
15989
- </span>
15990
- </button>
15991
- </td>
15992
- <td
15993
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
15994
- role="cell"
15995
- data-label="Branches"
15996
- >
15997
- <button class="pf-v6-c-table__button">
15998
- <span class="pf-v6-c-table__text">
15999
- <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
16000
- 234
16001
- </span>
16002
- </button>
16003
- </td>
16004
- <td
16005
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
16006
- role="cell"
16007
- data-label="Pull requests"
16008
- >
16009
- <button class="pf-v6-c-table__button">
16010
- <span class="pf-v6-c-table__text">
16011
- <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
16012
- 4
16013
- </span>
16014
- </button>
16015
- </td>
16016
-
16017
- <th class="pf-v6-c-table__th" role="columnheader" data-label="Workspaces">
16018
- <a href="#">siemur/test-space</a>
16019
- </th>
16020
-
16021
- <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
16022
- <span>20 minutes</span>
16023
- </td>
16024
- <td class="pf-v6-c-table__td" role="cell" data-label="Action">
16025
- <a href="#">Open in Github</a>
16026
- </td>
16027
-
16028
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
16029
- <button
16030
- class="pf-v6-c-menu-toggle pf-m-plain"
16031
- type="button"
16032
- aria-expanded="false"
16033
- aria-label="Table actions"
16034
- >
16035
- <span class="pf-v6-c-menu-toggle__icon">
16036
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
16037
- </span>
16038
- </button>
16039
- </td>
16040
- </tr>
16041
-
16042
- <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
16043
- <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
16044
- <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
16045
- <table
16046
- class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
16047
- role="grid"
16048
- id="borderless-compound-expansion-table-nested-table-4-"
16049
- aria-label="Nested table"
16050
- >
16051
- <thead class="pf-v6-c-table__thead">
16052
- <tr class="pf-v6-c-table__tr" role="row">
16053
- <th
16054
- class="pf-v6-c-table__th pf-v6-c-table__sort"
16055
- role="columnheader"
16056
- aria-sort="none"
16057
- scope="col"
16058
- >
16059
- <button class="pf-v6-c-table__button">
16060
- <span class="pf-v6-c-table__button-content">
16061
- <span class="pf-v6-c-table__text">Description</span>
16062
- <span class="pf-v6-c-table__sort-indicator">
16063
- <i class="fas fa-arrows-alt-v"></i>
16064
- </span>
16065
- </span>
16066
- </button>
16067
- </th>
16068
-
16069
- <th
16070
- class="pf-v6-c-table__th"
16071
- role="columnheader"
16072
- scope="col"
16073
- >Date</th>
16074
-
16075
- <th
16076
- class="pf-v6-c-table__th"
16077
- role="columnheader"
16078
- scope="col"
16079
- >Status</th>
16080
-
16081
- <th
16082
- class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
16083
- role="columnheader"
16084
- scope="col"
16085
- >
16086
- <span class="pf-v6-screen-reader">Actions</span>
16087
- </th>
16088
- </tr>
16089
- </thead>
16090
-
16091
- <tbody class="pf-v6-c-table__tbody" role="rowgroup">
16092
- <tr class="pf-v6-c-table__tr" role="row">
16093
- <th
16094
- class="pf-v6-c-table__th"
16095
- role="columnheader"
16096
- data-label="Description"
16097
- >Item one</th>
16098
-
16099
- <td
16100
- class="pf-v6-c-table__td"
16101
- role="cell"
16102
- data-label="Date"
16103
- >May 9, 2018</td>
16104
-
16105
- <td
16106
- class="pf-v6-c-table__td"
16107
- role="cell"
16108
- data-label="Status"
16109
- >Active</td>
16110
-
16111
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
16112
- <button
16113
- class="pf-v6-c-menu-toggle pf-m-plain"
16114
- type="button"
16115
- aria-expanded="false"
16116
- aria-label="Table actions"
16117
- >
16118
- <span class="pf-v6-c-menu-toggle__icon">
16119
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
16120
- </span>
16121
- </button>
16122
- </td>
16123
- </tr>
16124
- <tr class="pf-v6-c-table__tr" role="row">
16125
- <th
16126
- class="pf-v6-c-table__th"
16127
- role="columnheader"
16128
- data-label="Description"
16129
- >Item two</th>
16130
-
16131
- <td
16132
- class="pf-v6-c-table__td"
16133
- role="cell"
16134
- data-label="Date"
16135
- >May 9, 2018</td>
16136
-
16137
- <td
16138
- class="pf-v6-c-table__td"
16139
- role="cell"
16140
- data-label="Status"
16141
- >Warning</td>
16142
-
16143
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
16144
- <button
16145
- class="pf-v6-c-menu-toggle pf-m-plain"
16146
- type="button"
16147
- aria-expanded="false"
16148
- aria-label="Table actions"
16149
- >
16150
- <span class="pf-v6-c-menu-toggle__icon">
16151
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
16152
- </span>
16153
- </button>
16154
- </td>
16155
- </tr>
16156
- <tr class="pf-v6-c-table__tr" role="row">
16157
- <th
16158
- class="pf-v6-c-table__th"
16159
- role="columnheader"
16160
- data-label="Description"
16161
- >Item three</th>
16162
-
16163
- <td
16164
- class="pf-v6-c-table__td"
16165
- role="cell"
16166
- data-label="Date"
16167
- >May 9, 2018</td>
16168
-
16169
- <td
16170
- class="pf-v6-c-table__td"
16171
- role="cell"
16172
- data-label="Status"
16173
- >Active</td>
16174
-
16175
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
16176
- <button
16177
- class="pf-v6-c-menu-toggle pf-m-plain"
16178
- type="button"
16179
- aria-expanded="false"
16180
- aria-label="Table actions"
16181
- >
16182
- <span class="pf-v6-c-menu-toggle__icon">
16183
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
16184
- </span>
16185
- </button>
16186
- </td>
16187
- </tr>
16188
- <tr class="pf-v6-c-table__tr" role="row">
16189
- <th
16190
- class="pf-v6-c-table__th"
16191
- role="columnheader"
16192
- data-label="Description"
16193
- >Item four</th>
16194
-
16195
- <td
16196
- class="pf-v6-c-table__td"
16197
- role="cell"
16198
- data-label="Date"
16199
- >May 9, 2018</td>
16200
-
16201
- <td
16202
- class="pf-v6-c-table__td"
16203
- role="cell"
16204
- data-label="Status"
16205
- >Active</td>
16206
-
16207
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
16208
- <button
16209
- class="pf-v6-c-menu-toggle pf-m-plain"
16210
- type="button"
16211
- aria-expanded="false"
16212
- aria-label="Table actions"
16213
- >
16214
- <span class="pf-v6-c-menu-toggle__icon">
16215
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
16216
- </span>
16217
- </button>
16218
- </td>
16219
- </tr>
16220
- <tr class="pf-v6-c-table__tr" role="row">
16221
- <th
16222
- class="pf-v6-c-table__th"
16223
- role="columnheader"
16224
- data-label="Description"
16225
- >Item five</th>
16226
-
16227
- <td
16228
- class="pf-v6-c-table__td"
16229
- role="cell"
16230
- data-label="Date"
16231
- >May 9, 2018</td>
16232
-
16233
- <td
16234
- class="pf-v6-c-table__td"
16235
- role="cell"
16236
- data-label="Status"
16237
- >Active</td>
16238
-
16239
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
16240
- <button
16241
- class="pf-v6-c-menu-toggle pf-m-plain"
16242
- type="button"
16243
- aria-expanded="false"
16244
- aria-label="Table actions"
16245
- >
16246
- <span class="pf-v6-c-menu-toggle__icon">
16247
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
16248
- </span>
16249
- </button>
16250
- </td>
16251
- </tr>
16252
- </tbody>
16253
- </table>
16254
- </div>
15684
+ </button>
16255
15685
  </td>
16256
15686
  </tr>
16257
15687
 
@@ -16261,7 +15691,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
16261
15691
  <table
16262
15692
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
16263
15693
  role="grid"
16264
- id="borderless-compound-expansion-table-nested-table-5-"
15694
+ id="borderless-compound-expansion-table-nested-table-1-"
16265
15695
  aria-label="Nested table"
16266
15696
  >
16267
15697
  <thead class="pf-v6-c-table__thead">
@@ -16471,13 +15901,21 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
16471
15901
  </td>
16472
15902
  </tr>
16473
15903
 
15904
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
15905
+ <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
15906
+ <div
15907
+ class="pf-v6-c-table__expandable-row-content pf-m-no-background"
15908
+ >234 pull requests currently under review.</div>
15909
+ </td>
15910
+ </tr>
15911
+
16474
15912
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
16475
15913
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
16476
15914
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
16477
15915
  <table
16478
15916
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
16479
15917
  role="grid"
16480
- id="borderless-compound-expansion-table-nested-table-6-"
15918
+ id="borderless-compound-expansion-table-nested-table-3-"
16481
15919
  aria-label="Nested table"
16482
15920
  >
16483
15921
  <thead class="pf-v6-c-table__thead">
@@ -16686,13 +16124,8 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
16686
16124
  </div>
16687
16125
  </td>
16688
16126
  </tr>
16689
- </tbody>
16690
16127
 
16691
- <tbody class="pf-v6-c-table__tbody pf-m-expanded" role="rowgroup">
16692
- <tr
16693
- class="pf-v6-c-table__tr pf-v6-c-table__control-row pf-m-expanded"
16694
- role="row"
16695
- >
16128
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__control-row" role="row">
16696
16129
  <td
16697
16130
  class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
16698
16131
  role="cell"
@@ -16700,20 +16133,19 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
16700
16133
  >
16701
16134
  <button class="pf-v6-c-table__button">
16702
16135
  <span class="pf-v6-c-table__text">
16703
- <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;
16704
- 2
16136
+ <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;10
16705
16137
  </span>
16706
16138
  </button>
16707
16139
  </td>
16708
16140
  <td
16709
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle pf-m-expanded"
16141
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
16710
16142
  role="cell"
16711
16143
  data-label="Branches"
16712
16144
  >
16713
16145
  <button class="pf-v6-c-table__button">
16714
16146
  <span class="pf-v6-c-table__text">
16715
16147
  <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
16716
- 82
16148
+ 234
16717
16149
  </span>
16718
16150
  </button>
16719
16151
  </td>
@@ -16725,7 +16157,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
16725
16157
  <button class="pf-v6-c-table__button">
16726
16158
  <span class="pf-v6-c-table__text">
16727
16159
  <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
16728
- 1
16160
+ 4
16729
16161
  </span>
16730
16162
  </button>
16731
16163
  </td>
@@ -16735,7 +16167,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
16735
16167
  </th>
16736
16168
 
16737
16169
  <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
16738
- <span>1 day ago</span>
16170
+ <span>20 minutes</span>
16739
16171
  </td>
16740
16172
  <td class="pf-v6-c-table__td" role="cell" data-label="Action">
16741
16173
  <a href="#">Open in Github</a>
@@ -16755,16 +16187,13 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
16755
16187
  </td>
16756
16188
  </tr>
16757
16189
 
16758
- <tr
16759
- class="pf-v6-c-table__tr pf-v6-c-table__expandable-row pf-m-expanded"
16760
- role="row"
16761
- >
16190
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
16762
16191
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
16763
16192
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
16764
16193
  <table
16765
16194
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
16766
16195
  role="grid"
16767
- id="borderless-compound-expansion-table-nested-table-7-"
16196
+ id="borderless-compound-expansion-table-nested-table-4-"
16768
16197
  aria-label="Nested table"
16769
16198
  >
16770
16199
  <thead class="pf-v6-c-table__thead">
@@ -16974,13 +16403,21 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
16974
16403
  </td>
16975
16404
  </tr>
16976
16405
 
16406
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
16407
+ <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
16408
+ <div
16409
+ class="pf-v6-c-table__expandable-row-content pf-m-no-background"
16410
+ >234 pull requests currently under review.</div>
16411
+ </td>
16412
+ </tr>
16413
+
16977
16414
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
16978
16415
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
16979
16416
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
16980
16417
  <table
16981
16418
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
16982
16419
  role="grid"
16983
- id="borderless-compound-expansion-table-nested-table-8-"
16420
+ id="borderless-compound-expansion-table-nested-table-6-"
16984
16421
  aria-label="Nested table"
16985
16422
  >
16986
16423
  <thead class="pf-v6-c-table__thead">
@@ -17189,14 +16626,85 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
17189
16626
  </div>
17190
16627
  </td>
17191
16628
  </tr>
16629
+ </tbody>
17192
16630
 
17193
- <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
16631
+ <tbody class="pf-v6-c-table__tbody pf-m-expanded" role="rowgroup">
16632
+ <tr
16633
+ class="pf-v6-c-table__tr pf-v6-c-table__control-row pf-m-expanded"
16634
+ role="row"
16635
+ >
16636
+ <td
16637
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
16638
+ role="cell"
16639
+ data-label="Repositories"
16640
+ >
16641
+ <button class="pf-v6-c-table__button">
16642
+ <span class="pf-v6-c-table__text">
16643
+ <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;
16644
+ 2
16645
+ </span>
16646
+ </button>
16647
+ </td>
16648
+ <td
16649
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle pf-m-expanded"
16650
+ role="cell"
16651
+ data-label="Branches"
16652
+ >
16653
+ <button class="pf-v6-c-table__button">
16654
+ <span class="pf-v6-c-table__text">
16655
+ <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
16656
+ 82
16657
+ </span>
16658
+ </button>
16659
+ </td>
16660
+ <td
16661
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
16662
+ role="cell"
16663
+ data-label="Pull requests"
16664
+ >
16665
+ <button class="pf-v6-c-table__button">
16666
+ <span class="pf-v6-c-table__text">
16667
+ <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
16668
+ 1
16669
+ </span>
16670
+ </button>
16671
+ </td>
16672
+
16673
+ <th class="pf-v6-c-table__th" role="columnheader" data-label="Workspaces">
16674
+ <a href="#">siemur/test-space</a>
16675
+ </th>
16676
+
16677
+ <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
16678
+ <span>1 day ago</span>
16679
+ </td>
16680
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
16681
+ <a href="#">Open in Github</a>
16682
+ </td>
16683
+
16684
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
16685
+ <button
16686
+ class="pf-v6-c-menu-toggle pf-m-plain"
16687
+ type="button"
16688
+ aria-expanded="false"
16689
+ aria-label="Table actions"
16690
+ >
16691
+ <span class="pf-v6-c-menu-toggle__icon">
16692
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
16693
+ </span>
16694
+ </button>
16695
+ </td>
16696
+ </tr>
16697
+
16698
+ <tr
16699
+ class="pf-v6-c-table__tr pf-v6-c-table__expandable-row pf-m-expanded"
16700
+ role="row"
16701
+ >
17194
16702
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
17195
16703
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
17196
16704
  <table
17197
16705
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
17198
16706
  role="grid"
17199
- id="borderless-compound-expansion-table-nested-table-9-"
16707
+ id="borderless-compound-expansion-table-nested-table-7-"
17200
16708
  aria-label="Nested table"
17201
16709
  >
17202
16710
  <thead class="pf-v6-c-table__thead">
@@ -17405,69 +16913,12 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
17405
16913
  </div>
17406
16914
  </td>
17407
16915
  </tr>
17408
- </tbody>
17409
-
17410
- <tbody class="pf-v6-c-table__tbody" role="rowgroup">
17411
- <tr class="pf-v6-c-table__tr pf-v6-c-table__control-row" role="row">
17412
- <td
17413
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
17414
- role="cell"
17415
- data-label="Repositories"
17416
- >
17417
- <button class="pf-v6-c-table__button">
17418
- <span class="pf-v6-c-table__text">
17419
- <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;
17420
- 4
17421
- </span>
17422
- </button>
17423
- </td>
17424
- <td
17425
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
17426
- role="cell"
17427
- data-label="Branches"
17428
- >
17429
- <button class="pf-v6-c-table__button">
17430
- <span class="pf-v6-c-table__text">
17431
- <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
17432
- 4
17433
- </span>
17434
- </button>
17435
- </td>
17436
- <td
17437
- class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
17438
- role="cell"
17439
- data-label="Pull requests"
17440
- >
17441
- <button class="pf-v6-c-table__button">
17442
- <span class="pf-v6-c-table__text">
17443
- <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
17444
- 1
17445
- </span>
17446
- </button>
17447
- </td>
17448
-
17449
- <th class="pf-v6-c-table__th" role="columnheader" data-label="Workspaces">
17450
- <a href="#">siemur/test-space</a>
17451
- </th>
17452
-
17453
- <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
17454
- <span>2 days ago</span>
17455
- </td>
17456
- <td class="pf-v6-c-table__td" role="cell" data-label="Action">
17457
- <a href="#">Open in Github</a>
17458
- </td>
17459
16916
 
17460
- <td class="pf-v6-c-table__td pf-v6-c-table__action">
17461
- <button
17462
- class="pf-v6-c-menu-toggle pf-m-plain"
17463
- type="button"
17464
- aria-expanded="false"
17465
- aria-label="Table actions"
17466
- >
17467
- <span class="pf-v6-c-menu-toggle__icon">
17468
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
17469
- </span>
17470
- </button>
16917
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
16918
+ <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
16919
+ <div
16920
+ class="pf-v6-c-table__expandable-row-content pf-m-no-background"
16921
+ >82 pull requests currently under review.</div>
17471
16922
  </td>
17472
16923
  </tr>
17473
16924
 
@@ -17477,7 +16928,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
17477
16928
  <table
17478
16929
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
17479
16930
  role="grid"
17480
- id="borderless-compound-expansion-table-nested-table-10-"
16931
+ id="borderless-compound-expansion-table-nested-table-9-"
17481
16932
  aria-label="Nested table"
17482
16933
  >
17483
16934
  <thead class="pf-v6-c-table__thead">
@@ -17686,6 +17137,71 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
17686
17137
  </div>
17687
17138
  </td>
17688
17139
  </tr>
17140
+ </tbody>
17141
+
17142
+ <tbody class="pf-v6-c-table__tbody" role="rowgroup">
17143
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__control-row" role="row">
17144
+ <td
17145
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
17146
+ role="cell"
17147
+ data-label="Repositories"
17148
+ >
17149
+ <button class="pf-v6-c-table__button">
17150
+ <span class="pf-v6-c-table__text">
17151
+ <i class="fas fa-code-branch" aria-hidden="true"></i>&nbsp;
17152
+ 4
17153
+ </span>
17154
+ </button>
17155
+ </td>
17156
+ <td
17157
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
17158
+ role="cell"
17159
+ data-label="Branches"
17160
+ >
17161
+ <button class="pf-v6-c-table__button">
17162
+ <span class="pf-v6-c-table__text">
17163
+ <i class="fas fa-code" aria-hidden="true"></i>&nbsp;
17164
+ 4
17165
+ </span>
17166
+ </button>
17167
+ </td>
17168
+ <td
17169
+ class="pf-v6-c-table__td pf-v6-c-table__compound-expansion-toggle"
17170
+ role="cell"
17171
+ data-label="Pull requests"
17172
+ >
17173
+ <button class="pf-v6-c-table__button">
17174
+ <span class="pf-v6-c-table__text">
17175
+ <i class="fas fa-cube" aria-hidden="true"></i>&nbsp;
17176
+ 1
17177
+ </span>
17178
+ </button>
17179
+ </td>
17180
+
17181
+ <th class="pf-v6-c-table__th" role="columnheader" data-label="Workspaces">
17182
+ <a href="#">siemur/test-space</a>
17183
+ </th>
17184
+
17185
+ <td class="pf-v6-c-table__td" role="cell" data-label="Last commit">
17186
+ <span>2 days ago</span>
17187
+ </td>
17188
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
17189
+ <a href="#">Open in Github</a>
17190
+ </td>
17191
+
17192
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
17193
+ <button
17194
+ class="pf-v6-c-menu-toggle pf-m-plain"
17195
+ type="button"
17196
+ aria-expanded="false"
17197
+ aria-label="Table actions"
17198
+ >
17199
+ <span class="pf-v6-c-menu-toggle__icon">
17200
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
17201
+ </span>
17202
+ </button>
17203
+ </td>
17204
+ </tr>
17689
17205
 
17690
17206
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
17691
17207
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
@@ -17693,7 +17209,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
17693
17209
  <table
17694
17210
  class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
17695
17211
  role="grid"
17696
- id="borderless-compound-expansion-table-nested-table-11-"
17212
+ id="borderless-compound-expansion-table-nested-table-10-"
17697
17213
  aria-label="Nested table"
17698
17214
  >
17699
17215
  <thead class="pf-v6-c-table__thead">
@@ -17903,6 +17419,14 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
17903
17419
  </td>
17904
17420
  </tr>
17905
17421
 
17422
+ <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
17423
+ <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
17424
+ <div
17425
+ class="pf-v6-c-table__expandable-row-content pf-m-no-background"
17426
+ >4 pull requests currently under review.</div>
17427
+ </td>
17428
+ </tr>
17429
+
17906
17430
  <tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
17907
17431
  <td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
17908
17432
  <div class="pf-v6-c-table__expandable-row-content pf-m-no-background">