@patternfly/patternfly 6.3.0-prerelease.38 → 6.3.0-prerelease.39
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.
- package/components/Table/table-grid.css +95 -80
- package/components/Table/table-grid.scss +16 -4
- package/components/Table/table.css +70 -68
- package/components/Table/table.scss +97 -86
- package/components/_index.css +165 -148
- package/docs/components/Table/examples/Table.md +3 -15
- package/docs/demos/Table/examples/Table.md +12 -3
- package/package.json +1 -1
- package/patternfly-no-globals.css +165 -148
- package/patternfly.css +165 -148
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -1774,7 +1774,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
1774
1774
|
|
|
1775
1775
|
### Animated expandable
|
|
1776
1776
|
|
|
1777
|
-
```html
|
|
1777
|
+
```html isBeta
|
|
1778
1778
|
<table
|
|
1779
1779
|
class="pf-v6-c-table pf-m-grid-lg pf-m-animate-expand pf-m-expandable"
|
|
1780
1780
|
role="grid"
|
|
@@ -1958,7 +1958,6 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
1958
1958
|
</button>
|
|
1959
1959
|
</td>
|
|
1960
1960
|
</tr>
|
|
1961
|
-
|
|
1962
1961
|
<tr
|
|
1963
1962
|
class="pf-v6-c-table__tr pf-v6-c-table__expandable-row pf-m-expanded"
|
|
1964
1963
|
role="row"
|
|
@@ -2053,7 +2052,6 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
2053
2052
|
</button>
|
|
2054
2053
|
</td>
|
|
2055
2054
|
</tr>
|
|
2056
|
-
|
|
2057
2055
|
<tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
|
|
2058
2056
|
<td
|
|
2059
2057
|
class="pf-v6-c-table__td"
|
|
@@ -2135,7 +2133,6 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
2135
2133
|
</button>
|
|
2136
2134
|
</td>
|
|
2137
2135
|
</tr>
|
|
2138
|
-
|
|
2139
2136
|
<tr
|
|
2140
2137
|
class="pf-v6-c-table__tr pf-v6-c-table__expandable-row pf-m-expanded"
|
|
2141
2138
|
role="row"
|
|
@@ -2220,7 +2217,6 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
2220
2217
|
</button>
|
|
2221
2218
|
</td>
|
|
2222
2219
|
</tr>
|
|
2223
|
-
|
|
2224
2220
|
<tr
|
|
2225
2221
|
class="pf-v6-c-table__tr pf-v6-c-table__expandable-row pf-m-expanded"
|
|
2226
2222
|
role="row"
|
|
@@ -5584,7 +5580,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
5584
5580
|
|
|
5585
5581
|
### Animated compound expansion example
|
|
5586
5582
|
|
|
5587
|
-
```html
|
|
5583
|
+
```html isBeta
|
|
5588
5584
|
<table
|
|
5589
5585
|
class="pf-v6-c-table pf-m-grid-md pf-m-animate-expand pf-m-expandable"
|
|
5590
5586
|
role="grid"
|
|
@@ -5728,7 +5724,6 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
5728
5724
|
</button>
|
|
5729
5725
|
</td>
|
|
5730
5726
|
</tr>
|
|
5731
|
-
|
|
5732
5727
|
<tr
|
|
5733
5728
|
class="pf-v6-c-table__tr pf-v6-c-table__expandable-row pf-m-expanded"
|
|
5734
5729
|
role="row"
|
|
@@ -5947,7 +5942,6 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
5947
5942
|
</div>
|
|
5948
5943
|
</td>
|
|
5949
5944
|
</tr>
|
|
5950
|
-
|
|
5951
5945
|
<tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
|
|
5952
5946
|
<td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
|
|
5953
5947
|
<div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
|
|
@@ -6163,7 +6157,6 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
6163
6157
|
</div>
|
|
6164
6158
|
</td>
|
|
6165
6159
|
</tr>
|
|
6166
|
-
|
|
6167
6160
|
<tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
|
|
6168
6161
|
<td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
|
|
6169
6162
|
<div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
|
|
@@ -6444,7 +6437,6 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
6444
6437
|
</button>
|
|
6445
6438
|
</td>
|
|
6446
6439
|
</tr>
|
|
6447
|
-
|
|
6448
6440
|
<tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
|
|
6449
6441
|
<td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
|
|
6450
6442
|
<div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
|
|
@@ -6660,7 +6652,6 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
6660
6652
|
</div>
|
|
6661
6653
|
</td>
|
|
6662
6654
|
</tr>
|
|
6663
|
-
|
|
6664
6655
|
<tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
|
|
6665
6656
|
<td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
|
|
6666
6657
|
<div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
|
|
@@ -6876,7 +6867,6 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
6876
6867
|
</div>
|
|
6877
6868
|
</td>
|
|
6878
6869
|
</tr>
|
|
6879
|
-
|
|
6880
6870
|
<tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
|
|
6881
6871
|
<td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
|
|
6882
6872
|
<div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
|
|
@@ -7157,7 +7147,6 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
7157
7147
|
</button>
|
|
7158
7148
|
</td>
|
|
7159
7149
|
</tr>
|
|
7160
|
-
|
|
7161
7150
|
<tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
|
|
7162
7151
|
<td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
|
|
7163
7152
|
<div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
|
|
@@ -7373,7 +7362,6 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
7373
7362
|
</div>
|
|
7374
7363
|
</td>
|
|
7375
7364
|
</tr>
|
|
7376
|
-
|
|
7377
7365
|
<tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
|
|
7378
7366
|
<td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
|
|
7379
7367
|
<div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
|
|
@@ -7589,7 +7577,6 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
7589
7577
|
</div>
|
|
7590
7578
|
</td>
|
|
7591
7579
|
</tr>
|
|
7592
|
-
|
|
7593
7580
|
<tr class="pf-v6-c-table__tr pf-v6-c-table__expandable-row" role="row">
|
|
7594
7581
|
<td class="pf-v6-c-table__td pf-m-no-padding" role="cell" colspan="7">
|
|
7595
7582
|
<div class="pf-v6-c-table__expandable-row-content pf-m-no-background">
|
|
@@ -7823,6 +7810,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
7823
7810
|
| Class | Applied to | Outcome |
|
|
7824
7811
|
| -- | -- | -- |
|
|
7825
7812
|
| `.pf-v6-c-table__control-row` | `.pf-v6-c-table__expandable > <tr>` | Modifies a compound expandable table control row. |
|
|
7813
|
+
| `.pf-m-expanded` | `<tbody>`, `.pf-v6-c-table__compound-expansion-toggle` > `.pf-v6-c-button` | Modifies a tbody with a row and an expandable row. |
|
|
7826
7814
|
| `.pf-v6-c-table__compound-expansion-toggle` | `<td>` | Modifies a `<td>` on active/focus. |
|
|
7827
7815
|
| `.pf-m-animate-expand` | `.pf-v6-c-table` | Modifies the table to animate expansion. |
|
|
7828
7816
|
| `.pf-m-expanded` | `.pf-v6-c-table__tbody`, `.pf-v6-c-table__control-row`, `.pf-v6-c-table__compound-expansion-toggle` | Modifies a `<tbody>`, control row, and item in a control row for the expanded state. |
|
|
@@ -4979,7 +4979,10 @@ wrapperTag: div
|
|
|
4979
4979
|
</thead>
|
|
4980
4980
|
|
|
4981
4981
|
<tbody class="pf-v6-c-table__tbody pf-m-expanded" role="rowgroup">
|
|
4982
|
-
<tr
|
|
4982
|
+
<tr
|
|
4983
|
+
class="pf-v6-c-table__tr pf-v6-c-table__control-row pf-m-expanded"
|
|
4984
|
+
role="row"
|
|
4985
|
+
>
|
|
4983
4986
|
<th
|
|
4984
4987
|
class="pf-v6-c-table__th"
|
|
4985
4988
|
role="columnheader"
|
|
@@ -5720,7 +5723,10 @@ wrapperTag: div
|
|
|
5720
5723
|
</tbody>
|
|
5721
5724
|
|
|
5722
5725
|
<tbody class="pf-v6-c-table__tbody" role="rowgroup">
|
|
5723
|
-
<tr
|
|
5726
|
+
<tr
|
|
5727
|
+
class="pf-v6-c-table__tr pf-v6-c-table__control-row"
|
|
5728
|
+
role="row"
|
|
5729
|
+
>
|
|
5724
5730
|
<th
|
|
5725
5731
|
class="pf-v6-c-table__th"
|
|
5726
5732
|
role="columnheader"
|
|
@@ -6461,7 +6467,10 @@ wrapperTag: div
|
|
|
6461
6467
|
</tbody>
|
|
6462
6468
|
|
|
6463
6469
|
<tbody class="pf-v6-c-table__tbody" role="rowgroup">
|
|
6464
|
-
<tr
|
|
6470
|
+
<tr
|
|
6471
|
+
class="pf-v6-c-table__tr pf-v6-c-table__control-row"
|
|
6472
|
+
role="row"
|
|
6473
|
+
>
|
|
6465
6474
|
<th
|
|
6466
6475
|
class="pf-v6-c-table__th"
|
|
6467
6476
|
role="columnheader"
|