@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/Card/examples/Card.md CHANGED
@@ -2122,7 +2122,7 @@ wrapperTag: div
2122
2122
  aria-label="Row expansion"
2123
2123
  >
2124
2124
  <button
2125
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
2125
+ class="pf-v6-c-button pf-m-expanded pf-m-small pf-m-plain"
2126
2126
  id="status-card-expanded-with-popover-example-popover-table-expandable-toggle-1"
2127
2127
  type="button"
2128
2128
  aria-expanded="true"
@@ -2152,7 +2152,7 @@ wrapperTag: div
2152
2152
  </td>
2153
2153
 
2154
2154
  <td
2155
- class="pf-v6-c-table__td"
2155
+ class="pf-v6-c-table__td pf-m-compact"
2156
2156
  role="cell"
2157
2157
  id="status-card-expanded-with-popover-example-popover-table-node1"
2158
2158
  data-label="Branches"
@@ -2160,7 +2160,7 @@ wrapperTag: div
2160
2160
  <span class="pf-v6-c-table__text">API Servers</span>
2161
2161
  </td>
2162
2162
  <td
2163
- class="pf-v6-c-table__td"
2163
+ class="pf-v6-c-table__td pf-m-compact"
2164
2164
  role="cell"
2165
2165
  data-label="Pull requests"
2166
2166
  >
@@ -2192,7 +2192,7 @@ wrapperTag: div
2192
2192
  role="row"
2193
2193
  >
2194
2194
  <td
2195
- class="pf-v6-c-table__td"
2195
+ class="pf-v6-c-table__td pf-m-compact"
2196
2196
  role="cell"
2197
2197
  colspan="3"
2198
2198
  id="status-card-expanded-with-popover-example-popover-table-content-1"
@@ -2236,7 +2236,7 @@ wrapperTag: div
2236
2236
  aria-label="Row expansion"
2237
2237
  >
2238
2238
  <button
2239
- class="pf-v6-c-button pf-m-plain"
2239
+ class="pf-v6-c-button pf-m-small pf-m-plain"
2240
2240
  id="status-card-expanded-with-popover-example-popover-table-expandable-toggle-2"
2241
2241
  type="button"
2242
2242
  aria-expanded="false"
@@ -2265,7 +2265,7 @@ wrapperTag: div
2265
2265
  </td>
2266
2266
 
2267
2267
  <td
2268
- class="pf-v6-c-table__td"
2268
+ class="pf-v6-c-table__td pf-m-compact"
2269
2269
  role="cell"
2270
2270
  id="{{table--id}}-node2"
2271
2271
  data-label="Branches"
@@ -2275,7 +2275,7 @@ wrapperTag: div
2275
2275
  >Controller Managers</span>
2276
2276
  </td>
2277
2277
  <td
2278
- class="pf-v6-c-table__td"
2278
+ class="pf-v6-c-table__td pf-m-compact"
2279
2279
  role="cell"
2280
2280
  data-label="Pull requests"
2281
2281
  >
@@ -2309,7 +2309,7 @@ wrapperTag: div
2309
2309
  role="row"
2310
2310
  >
2311
2311
  <td
2312
- class="pf-v6-c-table__td"
2312
+ class="pf-v6-c-table__td pf-m-compact"
2313
2313
  role="cell"
2314
2314
  colspan="3"
2315
2315
  id="status-card-expanded-with-popover-example-popover-table-content-2"
@@ -2328,7 +2328,7 @@ wrapperTag: div
2328
2328
  aria-label="Row expansion"
2329
2329
  >
2330
2330
  <button
2331
- class="pf-v6-c-button pf-m-plain"
2331
+ class="pf-v6-c-button pf-m-small pf-m-plain"
2332
2332
  id="status-card-expanded-with-popover-example-popover-table-expandable-toggle-3"
2333
2333
  type="button"
2334
2334
  aria-expanded="false"
@@ -2357,7 +2357,7 @@ wrapperTag: div
2357
2357
  </td>
2358
2358
 
2359
2359
  <td
2360
- class="pf-v6-c-table__td"
2360
+ class="pf-v6-c-table__td pf-m-compact"
2361
2361
  role="cell"
2362
2362
  id="{{table--id}}-node3"
2363
2363
  data-label="Branches"
@@ -2365,7 +2365,7 @@ wrapperTag: div
2365
2365
  <span class="pf-v6-c-table__text">Schedulers</span>
2366
2366
  </td>
2367
2367
  <td
2368
- class="pf-v6-c-table__td"
2368
+ class="pf-v6-c-table__td pf-m-compact"
2369
2369
  role="cell"
2370
2370
  data-label="Pull requests"
2371
2371
  >
@@ -2399,7 +2399,7 @@ wrapperTag: div
2399
2399
  role="row"
2400
2400
  >
2401
2401
  <td
2402
- class="pf-v6-c-table__td"
2402
+ class="pf-v6-c-table__td pf-m-compact"
2403
2403
  role="cell"
2404
2404
  colspan="3"
2405
2405
  id="status-card-expanded-with-popover-example-popover-table-content-3"
@@ -2418,7 +2418,7 @@ wrapperTag: div
2418
2418
  aria-label="Row expansion"
2419
2419
  >
2420
2420
  <button
2421
- class="pf-v6-c-button pf-m-plain"
2421
+ class="pf-v6-c-button pf-m-small pf-m-plain"
2422
2422
  id="status-card-expanded-with-popover-example-popover-table-expandable-toggle-4"
2423
2423
  type="button"
2424
2424
  aria-expanded="false"
@@ -2447,7 +2447,7 @@ wrapperTag: div
2447
2447
  </td>
2448
2448
 
2449
2449
  <td
2450
- class="pf-v6-c-table__td"
2450
+ class="pf-v6-c-table__td pf-m-compact"
2451
2451
  role="cell"
2452
2452
  id="{{table--id}}-node4"
2453
2453
  data-label="Branches"
@@ -2455,7 +2455,7 @@ wrapperTag: div
2455
2455
  <span class="pf-v6-c-table__text">etcd</span>
2456
2456
  </td>
2457
2457
  <td
2458
- class="pf-v6-c-table__td"
2458
+ class="pf-v6-c-table__td pf-m-compact"
2459
2459
  role="cell"
2460
2460
  data-label="Pull requests"
2461
2461
  >
@@ -2489,7 +2489,7 @@ wrapperTag: div
2489
2489
  role="row"
2490
2490
  >
2491
2491
  <td
2492
- class="pf-v6-c-table__td"
2492
+ class="pf-v6-c-table__td pf-m-compact"
2493
2493
  role="cell"
2494
2494
  colspan="3"
2495
2495
  id="status-card-expanded-with-popover-example-popover-table-content-4"
package/docs/demos/DataList/examples/DataList.md CHANGED
@@ -3140,7 +3140,7 @@ wrapperTag: div
3140
3140
  class="pf-v6-c-data-list__expandable-content-body pf-m-no-padding"
3141
3141
  >
3142
3142
  <table
3143
- class="pf-v6-c-table pf-m-compact pf-m-grid-lg pf-m-no-border-rows"
3143
+ class="pf-v6-c-table pf-m-grid-lg pf-m-no-border-rows pf-m-compact"
3144
3144
  role="grid"
3145
3145
  aria-label="This is a compact table example"
3146
3146
  id="compact-table-demo-data-list"
@@ -3242,7 +3242,7 @@ wrapperTag: div
3242
3242
  </td>
3243
3243
 
3244
3244
  <td
3245
- class="pf-v6-c-table__td"
3245
+ class="pf-v6-c-table__td pf-m-compact"
3246
3246
  role="cell"
3247
3247
  data-label="Contributor"
3248
3248
  >
@@ -3251,34 +3251,34 @@ wrapperTag: div
3251
3251
  >Sam Jones</span>
3252
3252
  </td>
3253
3253
  <td
3254
- class="pf-v6-c-table__td"
3254
+ class="pf-v6-c-table__td pf-m-compact"
3255
3255
  role="cell"
3256
3256
  data-label="Position"
3257
3257
  >CSS guru</td>
3258
3258
  <td
3259
- class="pf-v6-c-table__td"
3259
+ class="pf-v6-c-table__td pf-m-compact"
3260
3260
  role="cell"
3261
3261
  data-label="Location"
3262
3262
  >Not too sure</td>
3263
3263
  <td
3264
- class="pf-v6-c-table__td"
3264
+ class="pf-v6-c-table__td pf-m-compact"
3265
3265
  role="cell"
3266
3266
  data-label="Last seen"
3267
3267
  >May 9, 2018</td>
3268
3268
  <td
3269
- class="pf-v6-c-table__td"
3269
+ class="pf-v6-c-table__td pf-m-compact"
3270
3270
  role="cell"
3271
3271
  data-label="Numbers"
3272
3272
  >0556</td>
3273
3273
  <td
3274
- class="pf-v6-c-table__td pf-v6-c-table__icon"
3274
+ class="pf-v6-c-table__td pf-v6-c-table__icon pf-m-compact"
3275
3275
  role="cell"
3276
3276
  data-label="Icon"
3277
3277
  >
3278
3278
  <i class="fas fa-check"></i>
3279
3279
  </td>
3280
3280
  <td
3281
- class="pf-v6-c-table__td"
3281
+ class="pf-v6-c-table__td pf-m-compact"
3282
3282
  role="cell"
3283
3283
  data-label="Action"
3284
3284
  >
@@ -3287,7 +3287,7 @@ wrapperTag: div
3287
3287
 
3288
3288
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
3289
3289
  <button
3290
- class="pf-v6-c-menu-toggle pf-m-plain"
3290
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
3291
3291
  type="button"
3292
3292
  aria-expanded="false"
3293
3293
  aria-label="Table actions"
@@ -3340,34 +3340,34 @@ wrapperTag: div
3340
3340
  </th>
3341
3341
 
3342
3342
  <td
3343
- class="pf-v6-c-table__td"
3343
+ class="pf-v6-c-table__td pf-m-compact"
3344
3344
  role="cell"
3345
3345
  data-label="Position"
3346
3346
  >Visual design</td>
3347
3347
  <td
3348
- class="pf-v6-c-table__td"
3348
+ class="pf-v6-c-table__td pf-m-compact"
3349
3349
  role="cell"
3350
3350
  data-label="Location"
3351
3351
  >Raleigh</td>
3352
3352
  <td
3353
- class="pf-v6-c-table__td"
3353
+ class="pf-v6-c-table__td pf-m-compact"
3354
3354
  role="cell"
3355
3355
  data-label="Last seen"
3356
3356
  >May 9, 2018</td>
3357
3357
  <td
3358
- class="pf-v6-c-table__td"
3358
+ class="pf-v6-c-table__td pf-m-compact"
3359
3359
  role="cell"
3360
3360
  data-label="Numbers"
3361
3361
  >9492</td>
3362
3362
  <td
3363
- class="pf-v6-c-table__td pf-v6-c-table__icon"
3363
+ class="pf-v6-c-table__td pf-v6-c-table__icon pf-m-compact"
3364
3364
  role="cell"
3365
3365
  data-label="Icon"
3366
3366
  >
3367
3367
  <i class="fas fa-check"></i>
3368
3368
  </td>
3369
3369
  <td
3370
- class="pf-v6-c-table__td"
3370
+ class="pf-v6-c-table__td pf-m-compact"
3371
3371
  role="cell"
3372
3372
  data-label="Action"
3373
3373
  >
@@ -3376,7 +3376,7 @@ wrapperTag: div
3376
3376
 
3377
3377
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
3378
3378
  <button
3379
- class="pf-v6-c-menu-toggle pf-m-plain"
3379
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
3380
3380
  type="button"
3381
3381
  aria-expanded="false"
3382
3382
  aria-label="Table actions"
@@ -3429,34 +3429,34 @@ wrapperTag: div
3429
3429
  </th>
3430
3430
 
3431
3431
  <td
3432
- class="pf-v6-c-table__td"
3432
+ class="pf-v6-c-table__td pf-m-compact"
3433
3433
  role="cell"
3434
3434
  data-label="Position"
3435
3435
  >Visual design lead</td>
3436
3436
  <td
3437
- class="pf-v6-c-table__td"
3437
+ class="pf-v6-c-table__td pf-m-compact"
3438
3438
  role="cell"
3439
3439
  data-label="Location"
3440
3440
  >Westford</td>
3441
3441
  <td
3442
- class="pf-v6-c-table__td"
3442
+ class="pf-v6-c-table__td pf-m-compact"
3443
3443
  role="cell"
3444
3444
  data-label="Last seen"
3445
3445
  >May 9, 2018</td>
3446
3446
  <td
3447
- class="pf-v6-c-table__td"
3447
+ class="pf-v6-c-table__td pf-m-compact"
3448
3448
  role="cell"
3449
3449
  data-label="Numbers"
3450
3450
  >9929</td>
3451
3451
  <td
3452
- class="pf-v6-c-table__td pf-v6-c-table__icon"
3452
+ class="pf-v6-c-table__td pf-v6-c-table__icon pf-m-compact"
3453
3453
  role="cell"
3454
3454
  data-label="Icon"
3455
3455
  >
3456
3456
  <i class="fas fa-check"></i>
3457
3457
  </td>
3458
3458
  <td
3459
- class="pf-v6-c-table__td"
3459
+ class="pf-v6-c-table__td pf-m-compact"
3460
3460
  role="cell"
3461
3461
  data-label="Action"
3462
3462
  >
@@ -3465,7 +3465,7 @@ wrapperTag: div
3465
3465
 
3466
3466
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
3467
3467
  <button
3468
- class="pf-v6-c-menu-toggle pf-m-plain"
3468
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
3469
3469
  type="button"
3470
3470
  aria-expanded="false"
3471
3471
  aria-label="Table actions"
@@ -3508,7 +3508,7 @@ wrapperTag: div
3508
3508
  </td>
3509
3509
 
3510
3510
  <td
3511
- class="pf-v6-c-table__td"
3511
+ class="pf-v6-c-table__td pf-m-compact"
3512
3512
  role="cell"
3513
3513
  data-label="Contributor name"
3514
3514
  >
@@ -3517,34 +3517,34 @@ wrapperTag: div
3517
3517
  >Emma Jackson</span>
3518
3518
  </td>
3519
3519
  <td
3520
- class="pf-v6-c-table__td"
3520
+ class="pf-v6-c-table__td pf-m-compact"
3521
3521
  role="cell"
3522
3522
  data-label="Position"
3523
3523
  >Interaction design</td>
3524
3524
  <td
3525
- class="pf-v6-c-table__td"
3525
+ class="pf-v6-c-table__td pf-m-compact"
3526
3526
  role="cell"
3527
3527
  data-label="Location"
3528
3528
  >Westford</td>
3529
3529
  <td
3530
- class="pf-v6-c-table__td"
3530
+ class="pf-v6-c-table__td pf-m-compact"
3531
3531
  role="cell"
3532
3532
  data-label="Workspaces"
3533
3533
  >May 9, 2018</td>
3534
3534
  <td
3535
- class="pf-v6-c-table__td"
3535
+ class="pf-v6-c-table__td pf-m-compact"
3536
3536
  role="cell"
3537
3537
  data-label="Last commit"
3538
3538
  >2217</td>
3539
3539
  <td
3540
- class="pf-v6-c-table__td pf-v6-c-table__icon"
3540
+ class="pf-v6-c-table__td pf-v6-c-table__icon pf-m-compact"
3541
3541
  role="cell"
3542
3542
  data-label="Icon"
3543
3543
  >
3544
3544
  <i class="fas fa-check"></i>
3545
3545
  </td>
3546
3546
  <td
3547
- class="pf-v6-c-table__td"
3547
+ class="pf-v6-c-table__td pf-m-compact"
3548
3548
  role="cell"
3549
3549
  data-label="Action"
3550
3550
  >
@@ -3553,7 +3553,7 @@ wrapperTag: div
3553
3553
 
3554
3554
  <td class="pf-v6-c-table__td pf-v6-c-table__action">
3555
3555
  <button
3556
- class="pf-v6-c-menu-toggle pf-m-plain"
3556
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-plain"
3557
3557
  type="button"
3558
3558
  aria-expanded="false"
3559
3559
  aria-label="Table actions"
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -1787,24 +1787,24 @@ cssPrefix: pf-d-description-list
1787
1787
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
1788
1788
  <tr class="pf-v6-c-table__tr" role="row">
1789
1789
  <td
1790
- class="pf-v6-c-table__td"
1790
+ class="pf-v6-c-table__td pf-m-compact"
1791
1791
  role="cell"
1792
1792
  data-label="Type"
1793
1793
  >Cluster IP</td>
1794
1794
  <td
1795
- class="pf-v6-c-table__td"
1795
+ class="pf-v6-c-table__td pf-m-compact"
1796
1796
  role="cell"
1797
1797
  data-label="Location"
1798
1798
  >172.30.126.106</td>
1799
1799
  </tr>
1800
1800
  <tr class="pf-v6-c-table__tr" role="row">
1801
1801
  <td
1802
- class="pf-v6-c-table__td"
1802
+ class="pf-v6-c-table__td pf-m-compact"
1803
1803
  role="cell"
1804
1804
  data-label="Type"
1805
1805
  >Accessible within the cluster only</td>
1806
1806
  <td
1807
- class="pf-v6-c-table__td"
1807
+ class="pf-v6-c-table__td pf-m-compact"
1808
1808
  role="cell"
1809
1809
  data-label="Location"
1810
1810
  >n/a</td>
@@ -1859,12 +1859,12 @@ cssPrefix: pf-d-description-list
1859
1859
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
1860
1860
  <tr class="pf-v6-c-table__tr" role="row">
1861
1861
  <td
1862
- class="pf-v6-c-table__td"
1862
+ class="pf-v6-c-table__td pf-m-compact"
1863
1863
  role="cell"
1864
1864
  data-label="Name"
1865
1865
  >--</td>
1866
1866
  <td
1867
- class="pf-v6-c-table__td"
1867
+ class="pf-v6-c-table__td pf-m-compact"
1868
1868
  role="cell"
1869
1869
  data-label="Port"
1870
1870
  >
@@ -1882,12 +1882,12 @@ cssPrefix: pf-d-description-list
1882
1882
  </div>
1883
1883
  </td>
1884
1884
  <td
1885
- class="pf-v6-c-table__td"
1885
+ class="pf-v6-c-table__td pf-m-compact"
1886
1886
  role="cell"
1887
1887
  data-label="Protocol"
1888
1888
  >TCP</td>
1889
1889
  <td
1890
- class="pf-v6-c-table__td"
1890
+ class="pf-v6-c-table__td pf-m-compact"
1891
1891
  role="cell"
1892
1892
  data-label="Pod port or name"
1893
1893
  >