@patternfly/patternfly 6.6.0-prerelease.32 → 6.6.0-prerelease.34

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 (15) hide show
  1. package/components/Table/table-grid.css +6 -6
  2. package/components/Table/table-grid.scss +2 -2
  3. package/components/Table/table.css +4 -0
  4. package/components/Table/table.scss +6 -0
  5. package/components/_index.css +10 -6
  6. package/docs/components/Table/examples/Table.md +416 -416
  7. package/docs/demos/Card/examples/Card.md +16 -16
  8. package/docs/demos/DataList/examples/DataList.md +31 -31
  9. package/docs/demos/DescriptionList/examples/DescriptionList.md +8 -8
  10. package/docs/demos/Table/examples/Table.md +189 -173
  11. package/package.json +1 -1
  12. package/patternfly-no-globals.css +10 -6
  13. package/patternfly.css +10 -6
  14. package/patternfly.min.css +1 -1
  15. package/patternfly.min.css.map +1 -1
package/docs/demos/Table/examples/Table.md CHANGED
@@ -5482,7 +5482,7 @@ wrapperTag: div
5482
5482
  </div>
5483
5483
  </div>
5484
5484
  <table
5485
- class="pf-v6-c-table pf-m-compact pf-m-grid-lg"
5485
+ class="pf-v6-c-table pf-m-grid-lg pf-m-compact"
5486
5486
  role="grid"
5487
5487
  aria-label="This is a compact table example"
5488
5488
  id="compact-demo-table"
@@ -5580,39 +5580,43 @@ wrapperTag: div
5580
5580
  </th>
5581
5581
 
5582
5582
  <td
5583
- class="pf-v6-c-table__td"
5583
+ class="pf-v6-c-table__td pf-m-compact"
5584
5584
  role="cell"
5585
5585
  data-label="Position"
5586
5586
  >CSS guru</td>
5587
5587
  <td
5588
- class="pf-v6-c-table__td"
5588
+ class="pf-v6-c-table__td pf-m-compact"
5589
5589
  role="cell"
5590
5590
  data-label="Location"
5591
5591
  >Not too sure</td>
5592
5592
  <td
5593
- class="pf-v6-c-table__td"
5593
+ class="pf-v6-c-table__td pf-m-compact"
5594
5594
  role="cell"
5595
5595
  data-label="Last seen"
5596
5596
  >May 9, 2018</td>
5597
5597
  <td
5598
- class="pf-v6-c-table__td"
5598
+ class="pf-v6-c-table__td pf-m-compact"
5599
5599
  role="cell"
5600
5600
  data-label="Numbers"
5601
5601
  >0556</td>
5602
5602
  <td
5603
- class="pf-v6-c-table__td pf-v6-c-table__icon"
5603
+ class="pf-v6-c-table__td pf-v6-c-table__icon pf-m-compact"
5604
5604
  role="cell"
5605
5605
  data-label="Icon"
5606
5606
  >
5607
5607
  <i class="fas fa-check"></i>
5608
5608
  </td>
5609
- <td class="pf-v6-c-table__td" role="cell" data-label="Action">
5609
+ <td
5610
+ class="pf-v6-c-table__td pf-m-compact"
5611
+ role="cell"
5612
+ data-label="Action"
5613
+ >
5610
5614
  <a href="#">Action link</a>
5611
5615
  </td>
5612
5616
 
5613
5617
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
5614
5618
  <button
5615
- class="pf-v6-c-menu-toggle pf-m-plain"
5619
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
5616
5620
  type="button"
5617
5621
  aria-expanded="false"
5618
5622
  aria-label="Table actions"
@@ -5664,39 +5668,43 @@ wrapperTag: div
5664
5668
  </th>
5665
5669
 
5666
5670
  <td
5667
- class="pf-v6-c-table__td"
5671
+ class="pf-v6-c-table__td pf-m-compact"
5668
5672
  role="cell"
5669
5673
  data-label="Position"
5670
5674
  >Visual design</td>
5671
5675
  <td
5672
- class="pf-v6-c-table__td"
5676
+ class="pf-v6-c-table__td pf-m-compact"
5673
5677
  role="cell"
5674
5678
  data-label="Location"
5675
5679
  >Raleigh</td>
5676
5680
  <td
5677
- class="pf-v6-c-table__td"
5681
+ class="pf-v6-c-table__td pf-m-compact"
5678
5682
  role="cell"
5679
5683
  data-label="Last seen"
5680
5684
  >May 9, 2018</td>
5681
5685
  <td
5682
- class="pf-v6-c-table__td"
5686
+ class="pf-v6-c-table__td pf-m-compact"
5683
5687
  role="cell"
5684
5688
  data-label="Numbers"
5685
5689
  >9492</td>
5686
5690
  <td
5687
- class="pf-v6-c-table__td pf-v6-c-table__icon"
5691
+ class="pf-v6-c-table__td pf-v6-c-table__icon pf-m-compact"
5688
5692
  role="cell"
5689
5693
  data-label="Icon"
5690
5694
  >
5691
5695
  <i class="fas fa-check"></i>
5692
5696
  </td>
5693
- <td class="pf-v6-c-table__td" role="cell" data-label="Action">
5697
+ <td
5698
+ class="pf-v6-c-table__td pf-m-compact"
5699
+ role="cell"
5700
+ data-label="Action"
5701
+ >
5694
5702
  <a href="#">Action link</a>
5695
5703
  </td>
5696
5704
 
5697
5705
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
5698
5706
  <button
5699
- class="pf-v6-c-menu-toggle pf-m-plain"
5707
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
5700
5708
  type="button"
5701
5709
  aria-expanded="false"
5702
5710
  aria-label="Table actions"
@@ -5748,39 +5756,43 @@ wrapperTag: div
5748
5756
  </th>
5749
5757
 
5750
5758
  <td
5751
- class="pf-v6-c-table__td"
5759
+ class="pf-v6-c-table__td pf-m-compact"
5752
5760
  role="cell"
5753
5761
  data-label="Position"
5754
5762
  >Visual design lead</td>
5755
5763
  <td
5756
- class="pf-v6-c-table__td"
5764
+ class="pf-v6-c-table__td pf-m-compact"
5757
5765
  role="cell"
5758
5766
  data-label="Location"
5759
5767
  >Westford</td>
5760
5768
  <td
5761
- class="pf-v6-c-table__td"
5769
+ class="pf-v6-c-table__td pf-m-compact"
5762
5770
  role="cell"
5763
5771
  data-label="Last seen"
5764
5772
  >May 9, 2018</td>
5765
5773
  <td
5766
- class="pf-v6-c-table__td"
5774
+ class="pf-v6-c-table__td pf-m-compact"
5767
5775
  role="cell"
5768
5776
  data-label="Numbers"
5769
5777
  >9929</td>
5770
5778
  <td
5771
- class="pf-v6-c-table__td pf-v6-c-table__icon"
5779
+ class="pf-v6-c-table__td pf-v6-c-table__icon pf-m-compact"
5772
5780
  role="cell"
5773
5781
  data-label="Icon"
5774
5782
  >
5775
5783
  <i class="fas fa-check"></i>
5776
5784
  </td>
5777
- <td class="pf-v6-c-table__td" role="cell" data-label="Action">
5785
+ <td
5786
+ class="pf-v6-c-table__td pf-m-compact"
5787
+ role="cell"
5788
+ data-label="Action"
5789
+ >
5778
5790
  <a href="#">Action link</a>
5779
5791
  </td>
5780
5792
 
5781
5793
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
5782
5794
  <button
5783
- class="pf-v6-c-menu-toggle pf-m-plain"
5795
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
5784
5796
  type="button"
5785
5797
  aria-expanded="false"
5786
5798
  aria-label="Table actions"
@@ -5832,39 +5844,43 @@ wrapperTag: div
5832
5844
  </th>
5833
5845
 
5834
5846
  <td
5835
- class="pf-v6-c-table__td"
5847
+ class="pf-v6-c-table__td pf-m-compact"
5836
5848
  role="cell"
5837
5849
  data-label="Position"
5838
5850
  >Interaction design</td>
5839
5851
  <td
5840
- class="pf-v6-c-table__td"
5852
+ class="pf-v6-c-table__td pf-m-compact"
5841
5853
  role="cell"
5842
5854
  data-label="Location"
5843
5855
  >Westford</td>
5844
5856
  <td
5845
- class="pf-v6-c-table__td"
5857
+ class="pf-v6-c-table__td pf-m-compact"
5846
5858
  role="cell"
5847
5859
  data-label="Workspaces"
5848
5860
  >May 9, 2018</td>
5849
5861
  <td
5850
- class="pf-v6-c-table__td"
5862
+ class="pf-v6-c-table__td pf-m-compact"
5851
5863
  role="cell"
5852
5864
  data-label="Last commit"
5853
5865
  >2217</td>
5854
5866
  <td
5855
- class="pf-v6-c-table__td pf-v6-c-table__icon"
5867
+ class="pf-v6-c-table__td pf-v6-c-table__icon pf-m-compact"
5856
5868
  role="cell"
5857
5869
  data-label="Icon"
5858
5870
  >
5859
5871
  <i class="fas fa-check"></i>
5860
5872
  </td>
5861
- <td class="pf-v6-c-table__td" role="cell" data-label="Action">
5873
+ <td
5874
+ class="pf-v6-c-table__td pf-m-compact"
5875
+ role="cell"
5876
+ data-label="Action"
5877
+ >
5862
5878
  <a href="#">Action link</a>
5863
5879
  </td>
5864
5880
 
5865
5881
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
5866
5882
  <button
5867
- class="pf-v6-c-menu-toggle pf-m-plain"
5883
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
5868
5884
  type="button"
5869
5885
  aria-expanded="false"
5870
5886
  aria-label="Table actions"
@@ -6978,7 +6994,7 @@ wrapperTag: div
6978
6994
  colspan="7"
6979
6995
  >
6980
6996
  <table
6981
- class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
6997
+ class="pf-v6-c-table pf-m-no-border-rows pf-m-compact"
6982
6998
  role="grid"
6983
6999
  id="compound-expansion-demo-table-nested-table-1-"
6984
7000
  aria-label="Nested table"
@@ -7044,20 +7060,20 @@ wrapperTag: div
7044
7060
  >Item one</th>
7045
7061
 
7046
7062
  <td
7047
- class="pf-v6-c-table__td"
7063
+ class="pf-v6-c-table__td pf-m-compact"
7048
7064
  role="cell"
7049
7065
  data-label="Date"
7050
7066
  >May 9, 2018</td>
7051
7067
 
7052
7068
  <td
7053
- class="pf-v6-c-table__td"
7069
+ class="pf-v6-c-table__td pf-m-compact"
7054
7070
  role="cell"
7055
7071
  data-label="Status"
7056
7072
  >Active</td>
7057
7073
 
7058
7074
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
7059
7075
  <button
7060
- class="pf-v6-c-menu-toggle pf-m-plain"
7076
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
7061
7077
  type="button"
7062
7078
  aria-expanded="false"
7063
7079
  aria-label="Table actions"
@@ -7088,20 +7104,20 @@ wrapperTag: div
7088
7104
  >Item two</th>
7089
7105
 
7090
7106
  <td
7091
- class="pf-v6-c-table__td"
7107
+ class="pf-v6-c-table__td pf-m-compact"
7092
7108
  role="cell"
7093
7109
  data-label="Date"
7094
7110
  >May 9, 2018</td>
7095
7111
 
7096
7112
  <td
7097
- class="pf-v6-c-table__td"
7113
+ class="pf-v6-c-table__td pf-m-compact"
7098
7114
  role="cell"
7099
7115
  data-label="Status"
7100
7116
  >Warning</td>
7101
7117
 
7102
7118
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
7103
7119
  <button
7104
- class="pf-v6-c-menu-toggle pf-m-plain"
7120
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
7105
7121
  type="button"
7106
7122
  aria-expanded="false"
7107
7123
  aria-label="Table actions"
@@ -7132,20 +7148,20 @@ wrapperTag: div
7132
7148
  >Item three</th>
7133
7149
 
7134
7150
  <td
7135
- class="pf-v6-c-table__td"
7151
+ class="pf-v6-c-table__td pf-m-compact"
7136
7152
  role="cell"
7137
7153
  data-label="Date"
7138
7154
  >May 9, 2018</td>
7139
7155
 
7140
7156
  <td
7141
- class="pf-v6-c-table__td"
7157
+ class="pf-v6-c-table__td pf-m-compact"
7142
7158
  role="cell"
7143
7159
  data-label="Status"
7144
7160
  >Active</td>
7145
7161
 
7146
7162
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
7147
7163
  <button
7148
- class="pf-v6-c-menu-toggle pf-m-plain"
7164
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
7149
7165
  type="button"
7150
7166
  aria-expanded="false"
7151
7167
  aria-label="Table actions"
@@ -7176,20 +7192,20 @@ wrapperTag: div
7176
7192
  >Item four</th>
7177
7193
 
7178
7194
  <td
7179
- class="pf-v6-c-table__td"
7195
+ class="pf-v6-c-table__td pf-m-compact"
7180
7196
  role="cell"
7181
7197
  data-label="Date"
7182
7198
  >May 9, 2018</td>
7183
7199
 
7184
7200
  <td
7185
- class="pf-v6-c-table__td"
7201
+ class="pf-v6-c-table__td pf-m-compact"
7186
7202
  role="cell"
7187
7203
  data-label="Status"
7188
7204
  >Active</td>
7189
7205
 
7190
7206
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
7191
7207
  <button
7192
- class="pf-v6-c-menu-toggle pf-m-plain"
7208
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
7193
7209
  type="button"
7194
7210
  aria-expanded="false"
7195
7211
  aria-label="Table actions"
@@ -7220,20 +7236,20 @@ wrapperTag: div
7220
7236
  >Item five</th>
7221
7237
 
7222
7238
  <td
7223
- class="pf-v6-c-table__td"
7239
+ class="pf-v6-c-table__td pf-m-compact"
7224
7240
  role="cell"
7225
7241
  data-label="Date"
7226
7242
  >May 9, 2018</td>
7227
7243
 
7228
7244
  <td
7229
- class="pf-v6-c-table__td"
7245
+ class="pf-v6-c-table__td pf-m-compact"
7230
7246
  role="cell"
7231
7247
  data-label="Status"
7232
7248
  >Active</td>
7233
7249
 
7234
7250
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
7235
7251
  <button
7236
- class="pf-v6-c-menu-toggle pf-m-plain"
7252
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
7237
7253
  type="button"
7238
7254
  aria-expanded="false"
7239
7255
  aria-label="Table actions"
@@ -7271,7 +7287,7 @@ wrapperTag: div
7271
7287
  colspan="7"
7272
7288
  >
7273
7289
  <table
7274
- class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
7290
+ class="pf-v6-c-table pf-m-no-border-rows pf-m-compact"
7275
7291
  role="grid"
7276
7292
  id="compound-expansion-demo-table-nested-table-2-"
7277
7293
  aria-label="Nested table"
@@ -7337,20 +7353,20 @@ wrapperTag: div
7337
7353
  >Item one</th>
7338
7354
 
7339
7355
  <td
7340
- class="pf-v6-c-table__td"
7356
+ class="pf-v6-c-table__td pf-m-compact"
7341
7357
  role="cell"
7342
7358
  data-label="Date"
7343
7359
  >May 9, 2018</td>
7344
7360
 
7345
7361
  <td
7346
- class="pf-v6-c-table__td"
7362
+ class="pf-v6-c-table__td pf-m-compact"
7347
7363
  role="cell"
7348
7364
  data-label="Status"
7349
7365
  >Active</td>
7350
7366
 
7351
7367
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
7352
7368
  <button
7353
- class="pf-v6-c-menu-toggle pf-m-plain"
7369
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
7354
7370
  type="button"
7355
7371
  aria-expanded="false"
7356
7372
  aria-label="Table actions"
@@ -7381,20 +7397,20 @@ wrapperTag: div
7381
7397
  >Item two</th>
7382
7398
 
7383
7399
  <td
7384
- class="pf-v6-c-table__td"
7400
+ class="pf-v6-c-table__td pf-m-compact"
7385
7401
  role="cell"
7386
7402
  data-label="Date"
7387
7403
  >May 9, 2018</td>
7388
7404
 
7389
7405
  <td
7390
- class="pf-v6-c-table__td"
7406
+ class="pf-v6-c-table__td pf-m-compact"
7391
7407
  role="cell"
7392
7408
  data-label="Status"
7393
7409
  >Warning</td>
7394
7410
 
7395
7411
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
7396
7412
  <button
7397
- class="pf-v6-c-menu-toggle pf-m-plain"
7413
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
7398
7414
  type="button"
7399
7415
  aria-expanded="false"
7400
7416
  aria-label="Table actions"
@@ -7425,20 +7441,20 @@ wrapperTag: div
7425
7441
  >Item three</th>
7426
7442
 
7427
7443
  <td
7428
- class="pf-v6-c-table__td"
7444
+ class="pf-v6-c-table__td pf-m-compact"
7429
7445
  role="cell"
7430
7446
  data-label="Date"
7431
7447
  >May 9, 2018</td>
7432
7448
 
7433
7449
  <td
7434
- class="pf-v6-c-table__td"
7450
+ class="pf-v6-c-table__td pf-m-compact"
7435
7451
  role="cell"
7436
7452
  data-label="Status"
7437
7453
  >Active</td>
7438
7454
 
7439
7455
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
7440
7456
  <button
7441
- class="pf-v6-c-menu-toggle pf-m-plain"
7457
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
7442
7458
  type="button"
7443
7459
  aria-expanded="false"
7444
7460
  aria-label="Table actions"
@@ -7469,20 +7485,20 @@ wrapperTag: div
7469
7485
  >Item four</th>
7470
7486
 
7471
7487
  <td
7472
- class="pf-v6-c-table__td"
7488
+ class="pf-v6-c-table__td pf-m-compact"
7473
7489
  role="cell"
7474
7490
  data-label="Date"
7475
7491
  >May 9, 2018</td>
7476
7492
 
7477
7493
  <td
7478
- class="pf-v6-c-table__td"
7494
+ class="pf-v6-c-table__td pf-m-compact"
7479
7495
  role="cell"
7480
7496
  data-label="Status"
7481
7497
  >Active</td>
7482
7498
 
7483
7499
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
7484
7500
  <button
7485
- class="pf-v6-c-menu-toggle pf-m-plain"
7501
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
7486
7502
  type="button"
7487
7503
  aria-expanded="false"
7488
7504
  aria-label="Table actions"
@@ -7513,20 +7529,20 @@ wrapperTag: div
7513
7529
  >Item five</th>
7514
7530
 
7515
7531
  <td
7516
- class="pf-v6-c-table__td"
7532
+ class="pf-v6-c-table__td pf-m-compact"
7517
7533
  role="cell"
7518
7534
  data-label="Date"
7519
7535
  >May 9, 2018</td>
7520
7536
 
7521
7537
  <td
7522
- class="pf-v6-c-table__td"
7538
+ class="pf-v6-c-table__td pf-m-compact"
7523
7539
  role="cell"
7524
7540
  data-label="Status"
7525
7541
  >Active</td>
7526
7542
 
7527
7543
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
7528
7544
  <button
7529
- class="pf-v6-c-menu-toggle pf-m-plain"
7545
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
7530
7546
  type="button"
7531
7547
  aria-expanded="false"
7532
7548
  aria-label="Table actions"
@@ -7564,7 +7580,7 @@ wrapperTag: div
7564
7580
  colspan="7"
7565
7581
  >
7566
7582
  <table
7567
- class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
7583
+ class="pf-v6-c-table pf-m-no-border-rows pf-m-compact"
7568
7584
  role="grid"
7569
7585
  id="compound-expansion-demo-table-nested-table-3-"
7570
7586
  aria-label="Nested table"
@@ -7630,20 +7646,20 @@ wrapperTag: div
7630
7646
  >Item one</th>
7631
7647
 
7632
7648
  <td
7633
- class="pf-v6-c-table__td"
7649
+ class="pf-v6-c-table__td pf-m-compact"
7634
7650
  role="cell"
7635
7651
  data-label="Date"
7636
7652
  >May 9, 2018</td>
7637
7653
 
7638
7654
  <td
7639
- class="pf-v6-c-table__td"
7655
+ class="pf-v6-c-table__td pf-m-compact"
7640
7656
  role="cell"
7641
7657
  data-label="Status"
7642
7658
  >Active</td>
7643
7659
 
7644
7660
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
7645
7661
  <button
7646
- class="pf-v6-c-menu-toggle pf-m-plain"
7662
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
7647
7663
  type="button"
7648
7664
  aria-expanded="false"
7649
7665
  aria-label="Table actions"
@@ -7674,20 +7690,20 @@ wrapperTag: div
7674
7690
  >Item two</th>
7675
7691
 
7676
7692
  <td
7677
- class="pf-v6-c-table__td"
7693
+ class="pf-v6-c-table__td pf-m-compact"
7678
7694
  role="cell"
7679
7695
  data-label="Date"
7680
7696
  >May 9, 2018</td>
7681
7697
 
7682
7698
  <td
7683
- class="pf-v6-c-table__td"
7699
+ class="pf-v6-c-table__td pf-m-compact"
7684
7700
  role="cell"
7685
7701
  data-label="Status"
7686
7702
  >Warning</td>
7687
7703
 
7688
7704
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
7689
7705
  <button
7690
- class="pf-v6-c-menu-toggle pf-m-plain"
7706
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
7691
7707
  type="button"
7692
7708
  aria-expanded="false"
7693
7709
  aria-label="Table actions"
@@ -7718,20 +7734,20 @@ wrapperTag: div
7718
7734
  >Item three</th>
7719
7735
 
7720
7736
  <td
7721
- class="pf-v6-c-table__td"
7737
+ class="pf-v6-c-table__td pf-m-compact"
7722
7738
  role="cell"
7723
7739
  data-label="Date"
7724
7740
  >May 9, 2018</td>
7725
7741
 
7726
7742
  <td
7727
- class="pf-v6-c-table__td"
7743
+ class="pf-v6-c-table__td pf-m-compact"
7728
7744
  role="cell"
7729
7745
  data-label="Status"
7730
7746
  >Active</td>
7731
7747
 
7732
7748
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
7733
7749
  <button
7734
- class="pf-v6-c-menu-toggle pf-m-plain"
7750
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
7735
7751
  type="button"
7736
7752
  aria-expanded="false"
7737
7753
  aria-label="Table actions"
@@ -7762,20 +7778,20 @@ wrapperTag: div
7762
7778
  >Item four</th>
7763
7779
 
7764
7780
  <td
7765
- class="pf-v6-c-table__td"
7781
+ class="pf-v6-c-table__td pf-m-compact"
7766
7782
  role="cell"
7767
7783
  data-label="Date"
7768
7784
  >May 9, 2018</td>
7769
7785
 
7770
7786
  <td
7771
- class="pf-v6-c-table__td"
7787
+ class="pf-v6-c-table__td pf-m-compact"
7772
7788
  role="cell"
7773
7789
  data-label="Status"
7774
7790
  >Active</td>
7775
7791
 
7776
7792
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
7777
7793
  <button
7778
- class="pf-v6-c-menu-toggle pf-m-plain"
7794
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
7779
7795
  type="button"
7780
7796
  aria-expanded="false"
7781
7797
  aria-label="Table actions"
@@ -7806,20 +7822,20 @@ wrapperTag: div
7806
7822
  >Item five</th>
7807
7823
 
7808
7824
  <td
7809
- class="pf-v6-c-table__td"
7825
+ class="pf-v6-c-table__td pf-m-compact"
7810
7826
  role="cell"
7811
7827
  data-label="Date"
7812
7828
  >May 9, 2018</td>
7813
7829
 
7814
7830
  <td
7815
- class="pf-v6-c-table__td"
7831
+ class="pf-v6-c-table__td pf-m-compact"
7816
7832
  role="cell"
7817
7833
  data-label="Status"
7818
7834
  >Active</td>
7819
7835
 
7820
7836
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
7821
7837
  <button
7822
- class="pf-v6-c-menu-toggle pf-m-plain"
7838
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
7823
7839
  type="button"
7824
7840
  aria-expanded="false"
7825
7841
  aria-label="Table actions"
@@ -7950,7 +7966,7 @@ wrapperTag: div
7950
7966
  colspan="7"
7951
7967
  >
7952
7968
  <table
7953
- class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
7969
+ class="pf-v6-c-table pf-m-no-border-rows pf-m-compact"
7954
7970
  role="grid"
7955
7971
  id="compound-expansion-demo-table-nested-table-4-"
7956
7972
  aria-label="Nested table"
@@ -8016,20 +8032,20 @@ wrapperTag: div
8016
8032
  >Item one</th>
8017
8033
 
8018
8034
  <td
8019
- class="pf-v6-c-table__td"
8035
+ class="pf-v6-c-table__td pf-m-compact"
8020
8036
  role="cell"
8021
8037
  data-label="Date"
8022
8038
  >May 9, 2018</td>
8023
8039
 
8024
8040
  <td
8025
- class="pf-v6-c-table__td"
8041
+ class="pf-v6-c-table__td pf-m-compact"
8026
8042
  role="cell"
8027
8043
  data-label="Status"
8028
8044
  >Active</td>
8029
8045
 
8030
8046
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
8031
8047
  <button
8032
- class="pf-v6-c-menu-toggle pf-m-plain"
8048
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
8033
8049
  type="button"
8034
8050
  aria-expanded="false"
8035
8051
  aria-label="Table actions"
@@ -8060,20 +8076,20 @@ wrapperTag: div
8060
8076
  >Item two</th>
8061
8077
 
8062
8078
  <td
8063
- class="pf-v6-c-table__td"
8079
+ class="pf-v6-c-table__td pf-m-compact"
8064
8080
  role="cell"
8065
8081
  data-label="Date"
8066
8082
  >May 9, 2018</td>
8067
8083
 
8068
8084
  <td
8069
- class="pf-v6-c-table__td"
8085
+ class="pf-v6-c-table__td pf-m-compact"
8070
8086
  role="cell"
8071
8087
  data-label="Status"
8072
8088
  >Warning</td>
8073
8089
 
8074
8090
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
8075
8091
  <button
8076
- class="pf-v6-c-menu-toggle pf-m-plain"
8092
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
8077
8093
  type="button"
8078
8094
  aria-expanded="false"
8079
8095
  aria-label="Table actions"
@@ -8104,20 +8120,20 @@ wrapperTag: div
8104
8120
  >Item three</th>
8105
8121
 
8106
8122
  <td
8107
- class="pf-v6-c-table__td"
8123
+ class="pf-v6-c-table__td pf-m-compact"
8108
8124
  role="cell"
8109
8125
  data-label="Date"
8110
8126
  >May 9, 2018</td>
8111
8127
 
8112
8128
  <td
8113
- class="pf-v6-c-table__td"
8129
+ class="pf-v6-c-table__td pf-m-compact"
8114
8130
  role="cell"
8115
8131
  data-label="Status"
8116
8132
  >Active</td>
8117
8133
 
8118
8134
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
8119
8135
  <button
8120
- class="pf-v6-c-menu-toggle pf-m-plain"
8136
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
8121
8137
  type="button"
8122
8138
  aria-expanded="false"
8123
8139
  aria-label="Table actions"
@@ -8148,20 +8164,20 @@ wrapperTag: div
8148
8164
  >Item four</th>
8149
8165
 
8150
8166
  <td
8151
- class="pf-v6-c-table__td"
8167
+ class="pf-v6-c-table__td pf-m-compact"
8152
8168
  role="cell"
8153
8169
  data-label="Date"
8154
8170
  >May 9, 2018</td>
8155
8171
 
8156
8172
  <td
8157
- class="pf-v6-c-table__td"
8173
+ class="pf-v6-c-table__td pf-m-compact"
8158
8174
  role="cell"
8159
8175
  data-label="Status"
8160
8176
  >Active</td>
8161
8177
 
8162
8178
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
8163
8179
  <button
8164
- class="pf-v6-c-menu-toggle pf-m-plain"
8180
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
8165
8181
  type="button"
8166
8182
  aria-expanded="false"
8167
8183
  aria-label="Table actions"
@@ -8192,20 +8208,20 @@ wrapperTag: div
8192
8208
  >Item five</th>
8193
8209
 
8194
8210
  <td
8195
- class="pf-v6-c-table__td"
8211
+ class="pf-v6-c-table__td pf-m-compact"
8196
8212
  role="cell"
8197
8213
  data-label="Date"
8198
8214
  >May 9, 2018</td>
8199
8215
 
8200
8216
  <td
8201
- class="pf-v6-c-table__td"
8217
+ class="pf-v6-c-table__td pf-m-compact"
8202
8218
  role="cell"
8203
8219
  data-label="Status"
8204
8220
  >Active</td>
8205
8221
 
8206
8222
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
8207
8223
  <button
8208
- class="pf-v6-c-menu-toggle pf-m-plain"
8224
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
8209
8225
  type="button"
8210
8226
  aria-expanded="false"
8211
8227
  aria-label="Table actions"
@@ -8243,7 +8259,7 @@ wrapperTag: div
8243
8259
  colspan="7"
8244
8260
  >
8245
8261
  <table
8246
- class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
8262
+ class="pf-v6-c-table pf-m-no-border-rows pf-m-compact"
8247
8263
  role="grid"
8248
8264
  id="compound-expansion-demo-table-nested-table-5-"
8249
8265
  aria-label="Nested table"
@@ -8309,20 +8325,20 @@ wrapperTag: div
8309
8325
  >Item one</th>
8310
8326
 
8311
8327
  <td
8312
- class="pf-v6-c-table__td"
8328
+ class="pf-v6-c-table__td pf-m-compact"
8313
8329
  role="cell"
8314
8330
  data-label="Date"
8315
8331
  >May 9, 2018</td>
8316
8332
 
8317
8333
  <td
8318
- class="pf-v6-c-table__td"
8334
+ class="pf-v6-c-table__td pf-m-compact"
8319
8335
  role="cell"
8320
8336
  data-label="Status"
8321
8337
  >Active</td>
8322
8338
 
8323
8339
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
8324
8340
  <button
8325
- class="pf-v6-c-menu-toggle pf-m-plain"
8341
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
8326
8342
  type="button"
8327
8343
  aria-expanded="false"
8328
8344
  aria-label="Table actions"
@@ -8353,20 +8369,20 @@ wrapperTag: div
8353
8369
  >Item two</th>
8354
8370
 
8355
8371
  <td
8356
- class="pf-v6-c-table__td"
8372
+ class="pf-v6-c-table__td pf-m-compact"
8357
8373
  role="cell"
8358
8374
  data-label="Date"
8359
8375
  >May 9, 2018</td>
8360
8376
 
8361
8377
  <td
8362
- class="pf-v6-c-table__td"
8378
+ class="pf-v6-c-table__td pf-m-compact"
8363
8379
  role="cell"
8364
8380
  data-label="Status"
8365
8381
  >Warning</td>
8366
8382
 
8367
8383
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
8368
8384
  <button
8369
- class="pf-v6-c-menu-toggle pf-m-plain"
8385
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
8370
8386
  type="button"
8371
8387
  aria-expanded="false"
8372
8388
  aria-label="Table actions"
@@ -8397,20 +8413,20 @@ wrapperTag: div
8397
8413
  >Item three</th>
8398
8414
 
8399
8415
  <td
8400
- class="pf-v6-c-table__td"
8416
+ class="pf-v6-c-table__td pf-m-compact"
8401
8417
  role="cell"
8402
8418
  data-label="Date"
8403
8419
  >May 9, 2018</td>
8404
8420
 
8405
8421
  <td
8406
- class="pf-v6-c-table__td"
8422
+ class="pf-v6-c-table__td pf-m-compact"
8407
8423
  role="cell"
8408
8424
  data-label="Status"
8409
8425
  >Active</td>
8410
8426
 
8411
8427
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
8412
8428
  <button
8413
- class="pf-v6-c-menu-toggle pf-m-plain"
8429
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
8414
8430
  type="button"
8415
8431
  aria-expanded="false"
8416
8432
  aria-label="Table actions"
@@ -8441,20 +8457,20 @@ wrapperTag: div
8441
8457
  >Item four</th>
8442
8458
 
8443
8459
  <td
8444
- class="pf-v6-c-table__td"
8460
+ class="pf-v6-c-table__td pf-m-compact"
8445
8461
  role="cell"
8446
8462
  data-label="Date"
8447
8463
  >May 9, 2018</td>
8448
8464
 
8449
8465
  <td
8450
- class="pf-v6-c-table__td"
8466
+ class="pf-v6-c-table__td pf-m-compact"
8451
8467
  role="cell"
8452
8468
  data-label="Status"
8453
8469
  >Active</td>
8454
8470
 
8455
8471
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
8456
8472
  <button
8457
- class="pf-v6-c-menu-toggle pf-m-plain"
8473
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
8458
8474
  type="button"
8459
8475
  aria-expanded="false"
8460
8476
  aria-label="Table actions"
@@ -8485,20 +8501,20 @@ wrapperTag: div
8485
8501
  >Item five</th>
8486
8502
 
8487
8503
  <td
8488
- class="pf-v6-c-table__td"
8504
+ class="pf-v6-c-table__td pf-m-compact"
8489
8505
  role="cell"
8490
8506
  data-label="Date"
8491
8507
  >May 9, 2018</td>
8492
8508
 
8493
8509
  <td
8494
- class="pf-v6-c-table__td"
8510
+ class="pf-v6-c-table__td pf-m-compact"
8495
8511
  role="cell"
8496
8512
  data-label="Status"
8497
8513
  >Active</td>
8498
8514
 
8499
8515
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
8500
8516
  <button
8501
- class="pf-v6-c-menu-toggle pf-m-plain"
8517
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
8502
8518
  type="button"
8503
8519
  aria-expanded="false"
8504
8520
  aria-label="Table actions"
@@ -8536,7 +8552,7 @@ wrapperTag: div
8536
8552
  colspan="7"
8537
8553
  >
8538
8554
  <table
8539
- class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
8555
+ class="pf-v6-c-table pf-m-no-border-rows pf-m-compact"
8540
8556
  role="grid"
8541
8557
  id="compound-expansion-demo-table-nested-table-6-"
8542
8558
  aria-label="Nested table"
@@ -8602,20 +8618,20 @@ wrapperTag: div
8602
8618
  >Item one</th>
8603
8619
 
8604
8620
  <td
8605
- class="pf-v6-c-table__td"
8621
+ class="pf-v6-c-table__td pf-m-compact"
8606
8622
  role="cell"
8607
8623
  data-label="Date"
8608
8624
  >May 9, 2018</td>
8609
8625
 
8610
8626
  <td
8611
- class="pf-v6-c-table__td"
8627
+ class="pf-v6-c-table__td pf-m-compact"
8612
8628
  role="cell"
8613
8629
  data-label="Status"
8614
8630
  >Active</td>
8615
8631
 
8616
8632
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
8617
8633
  <button
8618
- class="pf-v6-c-menu-toggle pf-m-plain"
8634
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
8619
8635
  type="button"
8620
8636
  aria-expanded="false"
8621
8637
  aria-label="Table actions"
@@ -8646,20 +8662,20 @@ wrapperTag: div
8646
8662
  >Item two</th>
8647
8663
 
8648
8664
  <td
8649
- class="pf-v6-c-table__td"
8665
+ class="pf-v6-c-table__td pf-m-compact"
8650
8666
  role="cell"
8651
8667
  data-label="Date"
8652
8668
  >May 9, 2018</td>
8653
8669
 
8654
8670
  <td
8655
- class="pf-v6-c-table__td"
8671
+ class="pf-v6-c-table__td pf-m-compact"
8656
8672
  role="cell"
8657
8673
  data-label="Status"
8658
8674
  >Warning</td>
8659
8675
 
8660
8676
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
8661
8677
  <button
8662
- class="pf-v6-c-menu-toggle pf-m-plain"
8678
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
8663
8679
  type="button"
8664
8680
  aria-expanded="false"
8665
8681
  aria-label="Table actions"
@@ -8690,20 +8706,20 @@ wrapperTag: div
8690
8706
  >Item three</th>
8691
8707
 
8692
8708
  <td
8693
- class="pf-v6-c-table__td"
8709
+ class="pf-v6-c-table__td pf-m-compact"
8694
8710
  role="cell"
8695
8711
  data-label="Date"
8696
8712
  >May 9, 2018</td>
8697
8713
 
8698
8714
  <td
8699
- class="pf-v6-c-table__td"
8715
+ class="pf-v6-c-table__td pf-m-compact"
8700
8716
  role="cell"
8701
8717
  data-label="Status"
8702
8718
  >Active</td>
8703
8719
 
8704
8720
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
8705
8721
  <button
8706
- class="pf-v6-c-menu-toggle pf-m-plain"
8722
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
8707
8723
  type="button"
8708
8724
  aria-expanded="false"
8709
8725
  aria-label="Table actions"
@@ -8734,20 +8750,20 @@ wrapperTag: div
8734
8750
  >Item four</th>
8735
8751
 
8736
8752
  <td
8737
- class="pf-v6-c-table__td"
8753
+ class="pf-v6-c-table__td pf-m-compact"
8738
8754
  role="cell"
8739
8755
  data-label="Date"
8740
8756
  >May 9, 2018</td>
8741
8757
 
8742
8758
  <td
8743
- class="pf-v6-c-table__td"
8759
+ class="pf-v6-c-table__td pf-m-compact"
8744
8760
  role="cell"
8745
8761
  data-label="Status"
8746
8762
  >Active</td>
8747
8763
 
8748
8764
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
8749
8765
  <button
8750
- class="pf-v6-c-menu-toggle pf-m-plain"
8766
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
8751
8767
  type="button"
8752
8768
  aria-expanded="false"
8753
8769
  aria-label="Table actions"
@@ -8778,20 +8794,20 @@ wrapperTag: div
8778
8794
  >Item five</th>
8779
8795
 
8780
8796
  <td
8781
- class="pf-v6-c-table__td"
8797
+ class="pf-v6-c-table__td pf-m-compact"
8782
8798
  role="cell"
8783
8799
  data-label="Date"
8784
8800
  >May 9, 2018</td>
8785
8801
 
8786
8802
  <td
8787
- class="pf-v6-c-table__td"
8803
+ class="pf-v6-c-table__td pf-m-compact"
8788
8804
  role="cell"
8789
8805
  data-label="Status"
8790
8806
  >Active</td>
8791
8807
 
8792
8808
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
8793
8809
  <button
8794
- class="pf-v6-c-menu-toggle pf-m-plain"
8810
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
8795
8811
  type="button"
8796
8812
  aria-expanded="false"
8797
8813
  aria-label="Table actions"
@@ -8922,7 +8938,7 @@ wrapperTag: div
8922
8938
  colspan="7"
8923
8939
  >
8924
8940
  <table
8925
- class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
8941
+ class="pf-v6-c-table pf-m-no-border-rows pf-m-compact"
8926
8942
  role="grid"
8927
8943
  id="compound-expansion-demo-table-nested-table-7-"
8928
8944
  aria-label="Nested table"
@@ -8988,20 +9004,20 @@ wrapperTag: div
8988
9004
  >Item one</th>
8989
9005
 
8990
9006
  <td
8991
- class="pf-v6-c-table__td"
9007
+ class="pf-v6-c-table__td pf-m-compact"
8992
9008
  role="cell"
8993
9009
  data-label="Date"
8994
9010
  >May 9, 2018</td>
8995
9011
 
8996
9012
  <td
8997
- class="pf-v6-c-table__td"
9013
+ class="pf-v6-c-table__td pf-m-compact"
8998
9014
  role="cell"
8999
9015
  data-label="Status"
9000
9016
  >Active</td>
9001
9017
 
9002
9018
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
9003
9019
  <button
9004
- class="pf-v6-c-menu-toggle pf-m-plain"
9020
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
9005
9021
  type="button"
9006
9022
  aria-expanded="false"
9007
9023
  aria-label="Table actions"
@@ -9032,20 +9048,20 @@ wrapperTag: div
9032
9048
  >Item two</th>
9033
9049
 
9034
9050
  <td
9035
- class="pf-v6-c-table__td"
9051
+ class="pf-v6-c-table__td pf-m-compact"
9036
9052
  role="cell"
9037
9053
  data-label="Date"
9038
9054
  >May 9, 2018</td>
9039
9055
 
9040
9056
  <td
9041
- class="pf-v6-c-table__td"
9057
+ class="pf-v6-c-table__td pf-m-compact"
9042
9058
  role="cell"
9043
9059
  data-label="Status"
9044
9060
  >Warning</td>
9045
9061
 
9046
9062
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
9047
9063
  <button
9048
- class="pf-v6-c-menu-toggle pf-m-plain"
9064
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
9049
9065
  type="button"
9050
9066
  aria-expanded="false"
9051
9067
  aria-label="Table actions"
@@ -9076,20 +9092,20 @@ wrapperTag: div
9076
9092
  >Item three</th>
9077
9093
 
9078
9094
  <td
9079
- class="pf-v6-c-table__td"
9095
+ class="pf-v6-c-table__td pf-m-compact"
9080
9096
  role="cell"
9081
9097
  data-label="Date"
9082
9098
  >May 9, 2018</td>
9083
9099
 
9084
9100
  <td
9085
- class="pf-v6-c-table__td"
9101
+ class="pf-v6-c-table__td pf-m-compact"
9086
9102
  role="cell"
9087
9103
  data-label="Status"
9088
9104
  >Active</td>
9089
9105
 
9090
9106
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
9091
9107
  <button
9092
- class="pf-v6-c-menu-toggle pf-m-plain"
9108
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
9093
9109
  type="button"
9094
9110
  aria-expanded="false"
9095
9111
  aria-label="Table actions"
@@ -9120,20 +9136,20 @@ wrapperTag: div
9120
9136
  >Item four</th>
9121
9137
 
9122
9138
  <td
9123
- class="pf-v6-c-table__td"
9139
+ class="pf-v6-c-table__td pf-m-compact"
9124
9140
  role="cell"
9125
9141
  data-label="Date"
9126
9142
  >May 9, 2018</td>
9127
9143
 
9128
9144
  <td
9129
- class="pf-v6-c-table__td"
9145
+ class="pf-v6-c-table__td pf-m-compact"
9130
9146
  role="cell"
9131
9147
  data-label="Status"
9132
9148
  >Active</td>
9133
9149
 
9134
9150
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
9135
9151
  <button
9136
- class="pf-v6-c-menu-toggle pf-m-plain"
9152
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
9137
9153
  type="button"
9138
9154
  aria-expanded="false"
9139
9155
  aria-label="Table actions"
@@ -9164,20 +9180,20 @@ wrapperTag: div
9164
9180
  >Item five</th>
9165
9181
 
9166
9182
  <td
9167
- class="pf-v6-c-table__td"
9183
+ class="pf-v6-c-table__td pf-m-compact"
9168
9184
  role="cell"
9169
9185
  data-label="Date"
9170
9186
  >May 9, 2018</td>
9171
9187
 
9172
9188
  <td
9173
- class="pf-v6-c-table__td"
9189
+ class="pf-v6-c-table__td pf-m-compact"
9174
9190
  role="cell"
9175
9191
  data-label="Status"
9176
9192
  >Active</td>
9177
9193
 
9178
9194
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
9179
9195
  <button
9180
- class="pf-v6-c-menu-toggle pf-m-plain"
9196
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
9181
9197
  type="button"
9182
9198
  aria-expanded="false"
9183
9199
  aria-label="Table actions"
@@ -9215,7 +9231,7 @@ wrapperTag: div
9215
9231
  colspan="7"
9216
9232
  >
9217
9233
  <table
9218
- class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
9234
+ class="pf-v6-c-table pf-m-no-border-rows pf-m-compact"
9219
9235
  role="grid"
9220
9236
  id="compound-expansion-demo-table-nested-table-8-"
9221
9237
  aria-label="Nested table"
@@ -9281,20 +9297,20 @@ wrapperTag: div
9281
9297
  >Item one</th>
9282
9298
 
9283
9299
  <td
9284
- class="pf-v6-c-table__td"
9300
+ class="pf-v6-c-table__td pf-m-compact"
9285
9301
  role="cell"
9286
9302
  data-label="Date"
9287
9303
  >May 9, 2018</td>
9288
9304
 
9289
9305
  <td
9290
- class="pf-v6-c-table__td"
9306
+ class="pf-v6-c-table__td pf-m-compact"
9291
9307
  role="cell"
9292
9308
  data-label="Status"
9293
9309
  >Active</td>
9294
9310
 
9295
9311
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
9296
9312
  <button
9297
- class="pf-v6-c-menu-toggle pf-m-plain"
9313
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
9298
9314
  type="button"
9299
9315
  aria-expanded="false"
9300
9316
  aria-label="Table actions"
@@ -9325,20 +9341,20 @@ wrapperTag: div
9325
9341
  >Item two</th>
9326
9342
 
9327
9343
  <td
9328
- class="pf-v6-c-table__td"
9344
+ class="pf-v6-c-table__td pf-m-compact"
9329
9345
  role="cell"
9330
9346
  data-label="Date"
9331
9347
  >May 9, 2018</td>
9332
9348
 
9333
9349
  <td
9334
- class="pf-v6-c-table__td"
9350
+ class="pf-v6-c-table__td pf-m-compact"
9335
9351
  role="cell"
9336
9352
  data-label="Status"
9337
9353
  >Warning</td>
9338
9354
 
9339
9355
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
9340
9356
  <button
9341
- class="pf-v6-c-menu-toggle pf-m-plain"
9357
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
9342
9358
  type="button"
9343
9359
  aria-expanded="false"
9344
9360
  aria-label="Table actions"
@@ -9369,20 +9385,20 @@ wrapperTag: div
9369
9385
  >Item three</th>
9370
9386
 
9371
9387
  <td
9372
- class="pf-v6-c-table__td"
9388
+ class="pf-v6-c-table__td pf-m-compact"
9373
9389
  role="cell"
9374
9390
  data-label="Date"
9375
9391
  >May 9, 2018</td>
9376
9392
 
9377
9393
  <td
9378
- class="pf-v6-c-table__td"
9394
+ class="pf-v6-c-table__td pf-m-compact"
9379
9395
  role="cell"
9380
9396
  data-label="Status"
9381
9397
  >Active</td>
9382
9398
 
9383
9399
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
9384
9400
  <button
9385
- class="pf-v6-c-menu-toggle pf-m-plain"
9401
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
9386
9402
  type="button"
9387
9403
  aria-expanded="false"
9388
9404
  aria-label="Table actions"
@@ -9413,20 +9429,20 @@ wrapperTag: div
9413
9429
  >Item four</th>
9414
9430
 
9415
9431
  <td
9416
- class="pf-v6-c-table__td"
9432
+ class="pf-v6-c-table__td pf-m-compact"
9417
9433
  role="cell"
9418
9434
  data-label="Date"
9419
9435
  >May 9, 2018</td>
9420
9436
 
9421
9437
  <td
9422
- class="pf-v6-c-table__td"
9438
+ class="pf-v6-c-table__td pf-m-compact"
9423
9439
  role="cell"
9424
9440
  data-label="Status"
9425
9441
  >Active</td>
9426
9442
 
9427
9443
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
9428
9444
  <button
9429
- class="pf-v6-c-menu-toggle pf-m-plain"
9445
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
9430
9446
  type="button"
9431
9447
  aria-expanded="false"
9432
9448
  aria-label="Table actions"
@@ -9457,20 +9473,20 @@ wrapperTag: div
9457
9473
  >Item five</th>
9458
9474
 
9459
9475
  <td
9460
- class="pf-v6-c-table__td"
9476
+ class="pf-v6-c-table__td pf-m-compact"
9461
9477
  role="cell"
9462
9478
  data-label="Date"
9463
9479
  >May 9, 2018</td>
9464
9480
 
9465
9481
  <td
9466
- class="pf-v6-c-table__td"
9482
+ class="pf-v6-c-table__td pf-m-compact"
9467
9483
  role="cell"
9468
9484
  data-label="Status"
9469
9485
  >Active</td>
9470
9486
 
9471
9487
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
9472
9488
  <button
9473
- class="pf-v6-c-menu-toggle pf-m-plain"
9489
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
9474
9490
  type="button"
9475
9491
  aria-expanded="false"
9476
9492
  aria-label="Table actions"
@@ -9508,7 +9524,7 @@ wrapperTag: div
9508
9524
  colspan="7"
9509
9525
  >
9510
9526
  <table
9511
- class="pf-v6-c-table pf-m-compact pf-m-no-border-rows"
9527
+ class="pf-v6-c-table pf-m-no-border-rows pf-m-compact"
9512
9528
  role="grid"
9513
9529
  id="compound-expansion-demo-table-nested-table-9-"
9514
9530
  aria-label="Nested table"
@@ -9574,20 +9590,20 @@ wrapperTag: div
9574
9590
  >Item one</th>
9575
9591
 
9576
9592
  <td
9577
- class="pf-v6-c-table__td"
9593
+ class="pf-v6-c-table__td pf-m-compact"
9578
9594
  role="cell"
9579
9595
  data-label="Date"
9580
9596
  >May 9, 2018</td>
9581
9597
 
9582
9598
  <td
9583
- class="pf-v6-c-table__td"
9599
+ class="pf-v6-c-table__td pf-m-compact"
9584
9600
  role="cell"
9585
9601
  data-label="Status"
9586
9602
  >Active</td>
9587
9603
 
9588
9604
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
9589
9605
  <button
9590
- class="pf-v6-c-menu-toggle pf-m-plain"
9606
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
9591
9607
  type="button"
9592
9608
  aria-expanded="false"
9593
9609
  aria-label="Table actions"
@@ -9618,20 +9634,20 @@ wrapperTag: div
9618
9634
  >Item two</th>
9619
9635
 
9620
9636
  <td
9621
- class="pf-v6-c-table__td"
9637
+ class="pf-v6-c-table__td pf-m-compact"
9622
9638
  role="cell"
9623
9639
  data-label="Date"
9624
9640
  >May 9, 2018</td>
9625
9641
 
9626
9642
  <td
9627
- class="pf-v6-c-table__td"
9643
+ class="pf-v6-c-table__td pf-m-compact"
9628
9644
  role="cell"
9629
9645
  data-label="Status"
9630
9646
  >Warning</td>
9631
9647
 
9632
9648
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
9633
9649
  <button
9634
- class="pf-v6-c-menu-toggle pf-m-plain"
9650
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
9635
9651
  type="button"
9636
9652
  aria-expanded="false"
9637
9653
  aria-label="Table actions"
@@ -9662,20 +9678,20 @@ wrapperTag: div
9662
9678
  >Item three</th>
9663
9679
 
9664
9680
  <td
9665
- class="pf-v6-c-table__td"
9681
+ class="pf-v6-c-table__td pf-m-compact"
9666
9682
  role="cell"
9667
9683
  data-label="Date"
9668
9684
  >May 9, 2018</td>
9669
9685
 
9670
9686
  <td
9671
- class="pf-v6-c-table__td"
9687
+ class="pf-v6-c-table__td pf-m-compact"
9672
9688
  role="cell"
9673
9689
  data-label="Status"
9674
9690
  >Active</td>
9675
9691
 
9676
9692
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
9677
9693
  <button
9678
- class="pf-v6-c-menu-toggle pf-m-plain"
9694
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
9679
9695
  type="button"
9680
9696
  aria-expanded="false"
9681
9697
  aria-label="Table actions"
@@ -9706,20 +9722,20 @@ wrapperTag: div
9706
9722
  >Item four</th>
9707
9723
 
9708
9724
  <td
9709
- class="pf-v6-c-table__td"
9725
+ class="pf-v6-c-table__td pf-m-compact"
9710
9726
  role="cell"
9711
9727
  data-label="Date"
9712
9728
  >May 9, 2018</td>
9713
9729
 
9714
9730
  <td
9715
- class="pf-v6-c-table__td"
9731
+ class="pf-v6-c-table__td pf-m-compact"
9716
9732
  role="cell"
9717
9733
  data-label="Status"
9718
9734
  >Active</td>
9719
9735
 
9720
9736
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
9721
9737
  <button
9722
- class="pf-v6-c-menu-toggle pf-m-plain"
9738
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
9723
9739
  type="button"
9724
9740
  aria-expanded="false"
9725
9741
  aria-label="Table actions"
@@ -9750,20 +9766,20 @@ wrapperTag: div
9750
9766
  >Item five</th>
9751
9767
 
9752
9768
  <td
9753
- class="pf-v6-c-table__td"
9769
+ class="pf-v6-c-table__td pf-m-compact"
9754
9770
  role="cell"
9755
9771
  data-label="Date"
9756
9772
  >May 9, 2018</td>
9757
9773
 
9758
9774
  <td
9759
- class="pf-v6-c-table__td"
9775
+ class="pf-v6-c-table__td pf-m-compact"
9760
9776
  role="cell"
9761
9777
  data-label="Status"
9762
9778
  >Active</td>
9763
9779
 
9764
9780
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
9765
9781
  <button
9766
- class="pf-v6-c-menu-toggle pf-m-plain"
9782
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
9767
9783
  type="button"
9768
9784
  aria-expanded="false"
9769
9785
  aria-label="Table actions"