@patternfly/patternfly 5.0.0-alpha.54 → 5.0.0-alpha.55

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 (19) hide show
  1. package/components/Table/table-grid.css +380 -391
  2. package/components/Table/table-grid.scss +97 -92
  3. package/components/Table/table-tree-view.css +254 -254
  4. package/components/Table/table-tree-view.scss +30 -30
  5. package/components/Table/table.css +232 -232
  6. package/components/Table/table.scss +265 -255
  7. package/docs/components/InlineEdit/examples/InlineEdit.md +50 -28
  8. package/docs/components/Table/examples/Table.md +6839 -3703
  9. package/docs/demos/Card/examples/Card.md +73 -34
  10. package/docs/demos/DataList/examples/DataList.md +187 -52
  11. package/docs/demos/DescriptionList/examples/DescriptionList.md +63 -23
  12. package/docs/demos/Table/examples/Table.md +2673 -1316
  13. package/docs/demos/Tabs/examples/Tabs.md +203 -50
  14. package/docs/demos/Toolbar/examples/Toolbar.md +272 -112
  15. package/package.json +3 -3
  16. package/patternfly-no-globals.css +866 -877
  17. package/patternfly.css +866 -877
  18. package/patternfly.min.css +1 -1
  19. package/patternfly.min.css.map +1 -1
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -4720,9 +4720,12 @@ section: components
4720
4720
  aria-label="This is a table with checkboxes"
4721
4721
  id="table-tabs-example-table"
4722
4722
  >
4723
- <thead>
4724
- <tr role="row">
4725
- <td class="pf-v5-c-table__check" role="cell">
4723
+ <thead class="pf-v5-c-table__thead">
4724
+ <tr class="pf-v5-c-table__tr" role="row">
4725
+ <td
4726
+ class="pf-v5-c-table__td pf-v5-c-table__check"
4727
+ role="cell"
4728
+ >
4726
4729
  <div class="pf-v5-c-check pf-m-standalone">
4727
4730
  <input
4728
4731
  class="pf-v5-c-check__input"
@@ -4732,18 +4735,41 @@ section: components
4732
4735
  />
4733
4736
  </div>
4734
4737
  </td>
4735
- <th role="columnheader" scope="col">Repositories</th>
4736
- <th role="columnheader" scope="col">Branches</th>
4737
- <th role="columnheader" scope="col">Pull requests</th>
4738
- <th role="columnheader" scope="col">Workspaces</th>
4739
- <th role="columnheader" scope="col">Last commit</th>
4740
- <td></td>
4738
+ <th
4739
+ class="pf-v5-c-table__th"
4740
+ role="columnheader"
4741
+ scope="col"
4742
+ >Repositories</th>
4743
+ <th
4744
+ class="pf-v5-c-table__th"
4745
+ role="columnheader"
4746
+ scope="col"
4747
+ >Branches</th>
4748
+ <th
4749
+ class="pf-v5-c-table__th"
4750
+ role="columnheader"
4751
+ scope="col"
4752
+ >Pull requests</th>
4753
+ <th
4754
+ class="pf-v5-c-table__th"
4755
+ role="columnheader"
4756
+ scope="col"
4757
+ >Workspaces</th>
4758
+ <th
4759
+ class="pf-v5-c-table__th"
4760
+ role="columnheader"
4761
+ scope="col"
4762
+ >Last commit</th>
4763
+ <td class="pf-v5-c-table__td"></td>
4741
4764
  </tr>
4742
4765
  </thead>
4743
4766
 
4744
- <tbody role="rowgroup">
4745
- <tr role="row">
4746
- <td class="pf-v5-c-table__check" role="cell">
4767
+ <tbody class="pf-v5-c-table__tbody" role="rowgroup">
4768
+ <tr class="pf-v5-c-table__tr" role="row">
4769
+ <td
4770
+ class="pf-v5-c-table__td pf-v5-c-table__check"
4771
+ role="cell"
4772
+ >
4747
4773
  <div class="pf-v5-c-check pf-m-standalone">
4748
4774
  <input
4749
4775
  class="pf-v5-c-check__input"
@@ -4753,13 +4779,21 @@ section: components
4753
4779
  />
4754
4780
  </div>
4755
4781
  </td>
4756
- <th role="columnheader" data-label="Repository name">
4782
+ <th
4783
+ class="pf-v5-c-table__th"
4784
+ role="columnheader"
4785
+ data-label="Repository name"
4786
+ >
4757
4787
  <div>
4758
4788
  <div id="table-tabs-example-table-node1">Node 1</div>
4759
4789
  <a href="#">siemur/test-space</a>
4760
4790
  </div>
4761
4791
  </th>
4762
- <td role="cell" data-label="Branches">
4792
+ <td
4793
+ class="pf-v5-c-table__td"
4794
+ role="cell"
4795
+ data-label="Branches"
4796
+ >
4763
4797
  <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
4764
4798
  <div class="pf-v5-l-flex__item">10</div>
4765
4799
  <div class="pf-v5-l-flex__item">
@@ -4767,7 +4801,11 @@ section: components
4767
4801
  </div>
4768
4802
  </div>
4769
4803
  </td>
4770
- <td role="cell" data-label="Pull requests">
4804
+ <td
4805
+ class="pf-v5-c-table__td"
4806
+ role="cell"
4807
+ data-label="Pull requests"
4808
+ >
4771
4809
  <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
4772
4810
  <div class="pf-v5-l-flex__item">25</div>
4773
4811
  <div class="pf-v5-l-flex__item">
@@ -4775,7 +4813,11 @@ section: components
4775
4813
  </div>
4776
4814
  </div>
4777
4815
  </td>
4778
- <td role="cell" data-label="Workspaces">
4816
+ <td
4817
+ class="pf-v5-c-table__td"
4818
+ role="cell"
4819
+ data-label="Workspaces"
4820
+ >
4779
4821
  <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
4780
4822
  <div class="pf-v5-l-flex__item">5</div>
4781
4823
  <div class="pf-v5-l-flex__item">
@@ -4783,8 +4825,15 @@ section: components
4783
4825
  </div>
4784
4826
  </div>
4785
4827
  </td>
4786
- <td role="cell" data-label="Last commit">2 days ago</td>
4787
- <td class="pf-v5-c-table__action" role="cell">
4828
+ <td
4829
+ class="pf-v5-c-table__td"
4830
+ role="cell"
4831
+ data-label="Last commit"
4832
+ >2 days ago</td>
4833
+ <td
4834
+ class="pf-v5-c-table__td pf-v5-c-table__action"
4835
+ role="cell"
4836
+ >
4788
4837
  <div
4789
4838
  class="pf-v5-c-overflow-menu"
4790
4839
  id="table-tabs-example-table-dropdown-kebab-1"
@@ -4817,8 +4866,11 @@ section: components
4817
4866
  </td>
4818
4867
  </tr>
4819
4868
 
4820
- <tr class="pf-m-selected" role="row">
4821
- <td class="pf-v5-c-table__check" role="cell">
4869
+ <tr class="pf-v5-c-table__tr pf-m-selected" role="row">
4870
+ <td
4871
+ class="pf-v5-c-table__td pf-v5-c-table__check"
4872
+ role="cell"
4873
+ >
4822
4874
  <div class="pf-v5-c-check pf-m-standalone">
4823
4875
  <input
4824
4876
  class="pf-v5-c-check__input"
@@ -4828,13 +4880,21 @@ section: components
4828
4880
  />
4829
4881
  </div>
4830
4882
  </td>
4831
- <th role="columnheader" data-label="Repository name">
4883
+ <th
4884
+ class="pf-v5-c-table__th"
4885
+ role="columnheader"
4886
+ data-label="Repository name"
4887
+ >
4832
4888
  <div>
4833
4889
  <div id="table-tabs-example-table-node2">Node 2</div>
4834
4890
  <a href="#">siemur/test-space</a>
4835
4891
  </div>
4836
4892
  </th>
4837
- <td role="cell" data-label="Branches">
4893
+ <td
4894
+ class="pf-v5-c-table__td"
4895
+ role="cell"
4896
+ data-label="Branches"
4897
+ >
4838
4898
  <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
4839
4899
  <div class="pf-v5-l-flex__item">8</div>
4840
4900
  <div class="pf-v5-l-flex__item">
@@ -4842,7 +4902,11 @@ section: components
4842
4902
  </div>
4843
4903
  </div>
4844
4904
  </td>
4845
- <td role="cell" data-label="Pull requests">
4905
+ <td
4906
+ class="pf-v5-c-table__td"
4907
+ role="cell"
4908
+ data-label="Pull requests"
4909
+ >
4846
4910
  <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
4847
4911
  <div class="pf-v5-l-flex__item">30</div>
4848
4912
  <div class="pf-v5-l-flex__item">
@@ -4850,7 +4914,11 @@ section: components
4850
4914
  </div>
4851
4915
  </div>
4852
4916
  </td>
4853
- <td role="cell" data-label="Workspaces">
4917
+ <td
4918
+ class="pf-v5-c-table__td"
4919
+ role="cell"
4920
+ data-label="Workspaces"
4921
+ >
4854
4922
  <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
4855
4923
  <div class="pf-v5-l-flex__item">2</div>
4856
4924
  <div class="pf-v5-l-flex__item">
@@ -4858,8 +4926,15 @@ section: components
4858
4926
  </div>
4859
4927
  </div>
4860
4928
  </td>
4861
- <td role="cell" data-label="Last commit">2 days ago</td>
4862
- <td class="pf-v5-c-table__action" role="cell">
4929
+ <td
4930
+ class="pf-v5-c-table__td"
4931
+ role="cell"
4932
+ data-label="Last commit"
4933
+ >2 days ago</td>
4934
+ <td
4935
+ class="pf-v5-c-table__td pf-v5-c-table__action"
4936
+ role="cell"
4937
+ >
4863
4938
  <div
4864
4939
  class="pf-v5-c-overflow-menu"
4865
4940
  id="table-tabs-example-table-dropdown-kebab-2"
@@ -4892,8 +4967,11 @@ section: components
4892
4967
  </td>
4893
4968
  </tr>
4894
4969
 
4895
- <tr role="row">
4896
- <td class="pf-v5-c-table__check" role="cell">
4970
+ <tr class="pf-v5-c-table__tr" role="row">
4971
+ <td
4972
+ class="pf-v5-c-table__td pf-v5-c-table__check"
4973
+ role="cell"
4974
+ >
4897
4975
  <div class="pf-v5-c-check pf-m-standalone">
4898
4976
  <input
4899
4977
  class="pf-v5-c-check__input"
@@ -4903,13 +4981,21 @@ section: components
4903
4981
  />
4904
4982
  </div>
4905
4983
  </td>
4906
- <th role="columnheader" data-label="Repository name">
4984
+ <th
4985
+ class="pf-v5-c-table__th"
4986
+ role="columnheader"
4987
+ data-label="Repository name"
4988
+ >
4907
4989
  <div>
4908
4990
  <div id="table-tabs-example-table-node3">Node 3</div>
4909
4991
  <a href="#">siemur/test-space</a>
4910
4992
  </div>
4911
4993
  </th>
4912
- <td role="cell" data-label="Branches">
4994
+ <td
4995
+ class="pf-v5-c-table__td"
4996
+ role="cell"
4997
+ data-label="Branches"
4998
+ >
4913
4999
  <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
4914
5000
  <div class="pf-v5-l-flex__item">12</div>
4915
5001
  <div class="pf-v5-l-flex__item">
@@ -4917,7 +5003,11 @@ section: components
4917
5003
  </div>
4918
5004
  </div>
4919
5005
  </td>
4920
- <td role="cell" data-label="Pull requests">
5006
+ <td
5007
+ class="pf-v5-c-table__td"
5008
+ role="cell"
5009
+ data-label="Pull requests"
5010
+ >
4921
5011
  <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
4922
5012
  <div class="pf-v5-l-flex__item">48</div>
4923
5013
  <div class="pf-v5-l-flex__item">
@@ -4925,7 +5015,11 @@ section: components
4925
5015
  </div>
4926
5016
  </div>
4927
5017
  </td>
4928
- <td role="cell" data-label="Workspaces">
5018
+ <td
5019
+ class="pf-v5-c-table__td"
5020
+ role="cell"
5021
+ data-label="Workspaces"
5022
+ >
4929
5023
  <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
4930
5024
  <div class="pf-v5-l-flex__item">13</div>
4931
5025
  <div class="pf-v5-l-flex__item">
@@ -4933,8 +5027,15 @@ section: components
4933
5027
  </div>
4934
5028
  </div>
4935
5029
  </td>
4936
- <td role="cell" data-label="Last commit">30 days ago</td>
4937
- <td class="pf-v5-c-table__action" role="cell">
5030
+ <td
5031
+ class="pf-v5-c-table__td"
5032
+ role="cell"
5033
+ data-label="Last commit"
5034
+ >30 days ago</td>
5035
+ <td
5036
+ class="pf-v5-c-table__td pf-v5-c-table__action"
5037
+ role="cell"
5038
+ >
4938
5039
  <div
4939
5040
  class="pf-v5-c-overflow-menu"
4940
5041
  id="table-tabs-example-table-dropdown-kebab-3"
@@ -4967,8 +5068,11 @@ section: components
4967
5068
  </td>
4968
5069
  </tr>
4969
5070
 
4970
- <tr role="row">
4971
- <td class="pf-v5-c-table__check" role="cell">
5071
+ <tr class="pf-v5-c-table__tr" role="row">
5072
+ <td
5073
+ class="pf-v5-c-table__td pf-v5-c-table__check"
5074
+ role="cell"
5075
+ >
4972
5076
  <div class="pf-v5-c-check pf-m-standalone">
4973
5077
  <input
4974
5078
  class="pf-v5-c-check__input"
@@ -4978,13 +5082,21 @@ section: components
4978
5082
  />
4979
5083
  </div>
4980
5084
  </td>
4981
- <th role="columnheader" data-label="Repository name">
5085
+ <th
5086
+ class="pf-v5-c-table__th"
5087
+ role="columnheader"
5088
+ data-label="Repository name"
5089
+ >
4982
5090
  <div>
4983
5091
  <div id="table-tabs-example-table-node4">Node 4</div>
4984
5092
  <a href="#">siemur/test-space</a>
4985
5093
  </div>
4986
5094
  </th>
4987
- <td role="cell" data-label="Branches">
5095
+ <td
5096
+ class="pf-v5-c-table__td"
5097
+ role="cell"
5098
+ data-label="Branches"
5099
+ >
4988
5100
  <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
4989
5101
  <div class="pf-v5-l-flex__item">3</div>
4990
5102
  <div class="pf-v5-l-flex__item">
@@ -4992,7 +5104,11 @@ section: components
4992
5104
  </div>
4993
5105
  </div>
4994
5106
  </td>
4995
- <td role="cell" data-label="Pull requests">
5107
+ <td
5108
+ class="pf-v5-c-table__td"
5109
+ role="cell"
5110
+ data-label="Pull requests"
5111
+ >
4996
5112
  <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
4997
5113
  <div class="pf-v5-l-flex__item">8</div>
4998
5114
  <div class="pf-v5-l-flex__item">
@@ -5000,7 +5116,11 @@ section: components
5000
5116
  </div>
5001
5117
  </div>
5002
5118
  </td>
5003
- <td role="cell" data-label="Workspaces">
5119
+ <td
5120
+ class="pf-v5-c-table__td"
5121
+ role="cell"
5122
+ data-label="Workspaces"
5123
+ >
5004
5124
  <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
5005
5125
  <div class="pf-v5-l-flex__item">20</div>
5006
5126
  <div class="pf-v5-l-flex__item">
@@ -5008,8 +5128,15 @@ section: components
5008
5128
  </div>
5009
5129
  </div>
5010
5130
  </td>
5011
- <td role="cell" data-label="Last commit">8 days ago</td>
5012
- <td class="pf-v5-c-table__action" role="cell">
5131
+ <td
5132
+ class="pf-v5-c-table__td"
5133
+ role="cell"
5134
+ data-label="Last commit"
5135
+ >8 days ago</td>
5136
+ <td
5137
+ class="pf-v5-c-table__td pf-v5-c-table__action"
5138
+ role="cell"
5139
+ >
5013
5140
  <div
5014
5141
  class="pf-v5-c-overflow-menu"
5015
5142
  id="table-tabs-example-table-dropdown-kebab-4"
@@ -5042,8 +5169,11 @@ section: components
5042
5169
  </td>
5043
5170
  </tr>
5044
5171
 
5045
- <tr role="row">
5046
- <td class="pf-v5-c-table__check" role="cell">
5172
+ <tr class="pf-v5-c-table__tr" role="row">
5173
+ <td
5174
+ class="pf-v5-c-table__td pf-v5-c-table__check"
5175
+ role="cell"
5176
+ >
5047
5177
  <div class="pf-v5-c-check pf-m-standalone">
5048
5178
  <input
5049
5179
  class="pf-v5-c-check__input"
@@ -5053,13 +5183,21 @@ section: components
5053
5183
  />
5054
5184
  </div>
5055
5185
  </td>
5056
- <td role="cell" data-label="Repository name">
5186
+ <td
5187
+ class="pf-v5-c-table__td"
5188
+ role="cell"
5189
+ data-label="Repository name"
5190
+ >
5057
5191
  <div>
5058
5192
  <div id="table-tabs-example-table-node5">Node 5</div>
5059
5193
  <a href="#">siemur/test-space</a>
5060
5194
  </div>
5061
5195
  </td>
5062
- <td role="cell" data-label="Branches">
5196
+ <td
5197
+ class="pf-v5-c-table__td"
5198
+ role="cell"
5199
+ data-label="Branches"
5200
+ >
5063
5201
  <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
5064
5202
  <div class="pf-v5-l-flex__item">34</div>
5065
5203
  <div class="pf-v5-l-flex__item">
@@ -5067,7 +5205,11 @@ section: components
5067
5205
  </div>
5068
5206
  </div>
5069
5207
  </td>
5070
- <td role="cell" data-label="Pull requests">
5208
+ <td
5209
+ class="pf-v5-c-table__td"
5210
+ role="cell"
5211
+ data-label="Pull requests"
5212
+ >
5071
5213
  <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
5072
5214
  <div class="pf-v5-l-flex__item">21</div>
5073
5215
  <div class="pf-v5-l-flex__item">
@@ -5075,7 +5217,11 @@ section: components
5075
5217
  </div>
5076
5218
  </div>
5077
5219
  </td>
5078
- <td role="cell" data-label="Workspaces">
5220
+ <td
5221
+ class="pf-v5-c-table__td"
5222
+ role="cell"
5223
+ data-label="Workspaces"
5224
+ >
5079
5225
  <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
5080
5226
  <div class="pf-v5-l-flex__item">26</div>
5081
5227
  <div class="pf-v5-l-flex__item">
@@ -5083,8 +5229,15 @@ section: components
5083
5229
  </div>
5084
5230
  </div>
5085
5231
  </td>
5086
- <td role="cell" data-label="Last commit">2 days ago</td>
5087
- <td class="pf-v5-c-table__action" role="cell">
5232
+ <td
5233
+ class="pf-v5-c-table__td"
5234
+ role="cell"
5235
+ data-label="Last commit"
5236
+ >2 days ago</td>
5237
+ <td
5238
+ class="pf-v5-c-table__td pf-v5-c-table__action"
5239
+ role="cell"
5240
+ >
5088
5241
  <div
5089
5242
  class="pf-v5-c-overflow-menu"
5090
5243
  id="table-tabs-example-table-dropdown-kebab-5"