@patternfly/patternfly 6.0.0 → 6.1.0-prerelease.2

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 (29) hide show
  1. package/components/CodeEditor/code-editor.css +15 -0
  2. package/components/CodeEditor/code-editor.scss +16 -1
  3. package/components/Page/page.css +5 -0
  4. package/components/Page/page.scss +6 -0
  5. package/components/Table/table-grid.css +12 -12
  6. package/components/Table/table-grid.scss +4 -4
  7. package/components/Table/table-tree-view.css +4 -4
  8. package/components/Table/table-tree-view.scss +4 -4
  9. package/components/_index.css +36 -16
  10. package/docs/components/CodeEditor/examples/CodeEditor.css +3 -0
  11. package/docs/components/CodeEditor/examples/CodeEditor.md +158 -7
  12. package/docs/components/InlineEdit/examples/InlineEdit.md +3 -18
  13. package/docs/components/MenuToggle/examples/MenuToggle.md +1193 -536
  14. package/docs/components/Table/examples/Table.md +466 -2524
  15. package/docs/components/Tile/{examples → deprecated}/Tile.md +1 -0
  16. package/docs/demos/Card/examples/Card.css +4 -0
  17. package/docs/demos/Card/examples/Card.md +13 -21
  18. package/docs/demos/DataList/examples/DataList.md +5 -30
  19. package/docs/demos/DescriptionList/examples/DescriptionList.md +5 -30
  20. package/docs/demos/Table/examples/Table.md +161 -924
  21. package/docs/demos/Tabs/examples/Tabs.md +6 -36
  22. package/docs/demos/Toolbar/examples/Toolbar.md +12 -72
  23. package/package.json +6 -6
  24. package/patternfly-no-globals.css +36 -16
  25. package/patternfly.css +36 -16
  26. package/patternfly.min.css +1 -1
  27. package/patternfly.min.css.map +1 -1
  28. package/sass-utilities/functions.scss +6 -0
  29. /package/docs/components/Tile/{examples → deprecated}/Tile.css +0 -0
package/docs/components/Tile/{examples → deprecated}/Tile.md RENAMED
@@ -2,6 +2,7 @@
2
2
  id: Tile
3
3
  section: components
4
4
  cssPrefix: pf-v6-c-tile
5
+ deprecated: true
5
6
  ---import './Tile.css'
6
7
 
7
8
  ## Examples
package/docs/demos/Card/examples/Card.css CHANGED
@@ -21,6 +21,10 @@
21
21
  --pf-v6-c-table--m-compact--cell--first-last-child--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
22
22
  }
23
23
 
24
+ #ws-html-demos-c-card-status-card-expanded-with-popover .pf-v6-c-card {
25
+ overflow: initial;
26
+ }
27
+
24
28
  .ws-chart {
25
29
  display: flex;
26
30
  max-width: 100%;
package/docs/demos/Card/examples/Card.md CHANGED
@@ -1356,7 +1356,7 @@ wrapperTag: div
1356
1356
  id="status-card-expanded-with-popover-example-popover-table"
1357
1357
  >
1358
1358
  <thead class="pf-v6-c-table__thead">
1359
- <tr class="pf-v6-c-table__tr" [object Object]>
1359
+ <tr class="pf-v6-c-table__tr" role="row">
1360
1360
  <th
1361
1361
  class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
1362
1362
  role="columnheader"
@@ -1375,11 +1375,7 @@ wrapperTag: div
1375
1375
  </thead>
1376
1376
 
1377
1377
  <tbody class="pf-v6-c-table__tbody pf-m-expanded">
1378
- <tr
1379
- class="pf-v6-c-table__tr pf-m-expanded"
1380
- [object
1381
- Object]
1382
- >
1378
+ <tr class="pf-v6-c-table__tr pf-m-expanded" role="row">
1383
1379
  <td
1384
1380
  class="pf-v6-c-table__td pf-v6-c-table__toggle"
1385
1381
  aria-label="Row expansion"
@@ -1430,14 +1426,13 @@ wrapperTag: div
1430
1426
 
1431
1427
  <tr
1432
1428
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row pf-m-expanded"
1433
- [object
1434
- Object]
1429
+ role="row"
1435
1430
  >
1436
1431
  <td
1437
1432
  class="pf-v6-c-table__td"
1438
1433
  role="cell"
1439
1434
  colspan="3"
1440
- id="status-card-expanded-with-popover-example-popover-table-content1"
1435
+ id="status-card-expanded-with-popover-example-popover-table-content-1"
1441
1436
  >
1442
1437
  <div class="pf-v6-c-table__expandable-row-content">
1443
1438
  <div
@@ -1463,7 +1458,7 @@ wrapperTag: div
1463
1458
  </tbody>
1464
1459
 
1465
1460
  <tbody class="pf-v6-c-table__tbody">
1466
- <tr class="pf-v6-c-table__tr" [object Object]>
1461
+ <tr class="pf-v6-c-table__tr" role="row">
1467
1462
  <td
1468
1463
  class="pf-v6-c-table__td pf-v6-c-table__toggle"
1469
1464
  aria-label="Row expansion"
@@ -1514,14 +1509,13 @@ wrapperTag: div
1514
1509
 
1515
1510
  <tr
1516
1511
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
1517
- [object
1518
- Object]
1512
+ role="row"
1519
1513
  >
1520
1514
  <td
1521
1515
  class="pf-v6-c-table__td"
1522
1516
  role="cell"
1523
1517
  colspan="3"
1524
- id="status-card-expanded-with-popover-example-popover-table-content2"
1518
+ id="status-card-expanded-with-popover-example-popover-table-content-2"
1525
1519
  >
1526
1520
  <div
1527
1521
  class="pf-v6-c-table__expandable-row-content"
@@ -1531,7 +1525,7 @@ wrapperTag: div
1531
1525
  </tbody>
1532
1526
 
1533
1527
  <tbody class="pf-v6-c-table__tbody">
1534
- <tr class="pf-v6-c-table__tr" [object Object]>
1528
+ <tr class="pf-v6-c-table__tr" role="row">
1535
1529
  <td
1536
1530
  class="pf-v6-c-table__td pf-v6-c-table__toggle"
1537
1531
  aria-label="Row expansion"
@@ -1580,14 +1574,13 @@ wrapperTag: div
1580
1574
 
1581
1575
  <tr
1582
1576
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
1583
- [object
1584
- Object]
1577
+ role="row"
1585
1578
  >
1586
1579
  <td
1587
1580
  class="pf-v6-c-table__td"
1588
1581
  role="cell"
1589
1582
  colspan="3"
1590
- id="status-card-expanded-with-popover-example-popover-table-content3"
1583
+ id="status-card-expanded-with-popover-example-popover-table-content-3"
1591
1584
  >
1592
1585
  <div
1593
1586
  class="pf-v6-c-table__expandable-row-content"
@@ -1597,7 +1590,7 @@ wrapperTag: div
1597
1590
  </tbody>
1598
1591
 
1599
1592
  <tbody class="pf-v6-c-table__tbody">
1600
- <tr class="pf-v6-c-table__tr" [object Object]>
1593
+ <tr class="pf-v6-c-table__tr" role="row">
1601
1594
  <td
1602
1595
  class="pf-v6-c-table__td pf-v6-c-table__toggle"
1603
1596
  aria-label="Row expansion"
@@ -1646,14 +1639,13 @@ wrapperTag: div
1646
1639
 
1647
1640
  <tr
1648
1641
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
1649
- [object
1650
- Object]
1642
+ role="row"
1651
1643
  >
1652
1644
  <td
1653
1645
  class="pf-v6-c-table__td"
1654
1646
  role="cell"
1655
1647
  colspan="3"
1656
- id="status-card-expanded-with-popover-example-popover-table-content4"
1648
+ id="status-card-expanded-with-popover-example-popover-table-content-4"
1657
1649
  >
1658
1650
  <div
1659
1651
  class="pf-v6-c-table__expandable-row-content"
package/docs/demos/DataList/examples/DataList.md CHANGED
@@ -2278,12 +2278,7 @@ wrapperTag: div
2278
2278
  id="compact-table-demo-data-list"
2279
2279
  >
2280
2280
  <thead class="pf-v6-c-table__thead">
2281
- <tr
2282
- class="pf-v6-c-table__tr"
2283
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2284
- [object
2285
- Object]
2286
- >
2281
+ <tr class="pf-v6-c-table__tr" role="row">
2287
2282
  <th
2288
2283
  class="pf-v6-c-table__th pf-v6-c-table__check"
2289
2284
  aria-label="Row select"
@@ -2359,12 +2354,7 @@ wrapperTag: div
2359
2354
  </thead>
2360
2355
 
2361
2356
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
2362
- <tr
2363
- class="pf-v6-c-table__tr"
2364
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2365
- [object
2366
- Object]
2367
- >
2357
+ <tr class="pf-v6-c-table__tr" role="row">
2368
2358
  <td
2369
2359
  class="pf-v6-c-table__td pf-v6-c-table__check"
2370
2360
  aria-label="Check row"
@@ -2440,12 +2430,7 @@ wrapperTag: div
2440
2430
  </button>
2441
2431
  </td>
2442
2432
  </tr>
2443
- <tr
2444
- class="pf-v6-c-table__tr"
2445
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2446
- [object
2447
- Object]
2448
- >
2433
+ <tr class="pf-v6-c-table__tr" role="row">
2449
2434
  <td
2450
2435
  class="pf-v6-c-table__td pf-v6-c-table__check"
2451
2436
  aria-label="Check row"
@@ -2522,12 +2507,7 @@ wrapperTag: div
2522
2507
  </button>
2523
2508
  </td>
2524
2509
  </tr>
2525
- <tr
2526
- class="pf-v6-c-table__tr"
2527
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2528
- [object
2529
- Object]
2530
- >
2510
+ <tr class="pf-v6-c-table__tr" role="row">
2531
2511
  <td
2532
2512
  class="pf-v6-c-table__td pf-v6-c-table__check"
2533
2513
  aria-label="Check row"
@@ -2604,12 +2584,7 @@ wrapperTag: div
2604
2584
  </button>
2605
2585
  </td>
2606
2586
  </tr>
2607
- <tr
2608
- class="pf-v6-c-table__tr"
2609
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2610
- [object
2611
- Object]
2612
- >
2587
+ <tr class="pf-v6-c-table__tr" role="row">
2613
2588
  <td
2614
2589
  class="pf-v6-c-table__td pf-v6-c-table__check"
2615
2590
  aria-label="Check row"
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -1398,12 +1398,7 @@ cssPrefix: pf-d-description-list
1398
1398
  id="service-address"
1399
1399
  >
1400
1400
  <thead class="pf-v6-c-table__thead">
1401
- <tr
1402
- class="pf-v6-c-table__tr"
1403
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
1404
- [object
1405
- Object]
1406
- >
1401
+ <tr class="pf-v6-c-table__tr" role="row">
1407
1402
  <th
1408
1403
  class="pf-v6-c-table__th"
1409
1404
  role="columnheader"
@@ -1419,12 +1414,7 @@ cssPrefix: pf-d-description-list
1419
1414
  </thead>
1420
1415
 
1421
1416
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
1422
- <tr
1423
- class="pf-v6-c-table__tr"
1424
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
1425
- [object
1426
- Object]
1427
- >
1417
+ <tr class="pf-v6-c-table__tr" role="row">
1428
1418
  <td
1429
1419
  class="pf-v6-c-table__td"
1430
1420
  role="cell"
@@ -1436,12 +1426,7 @@ cssPrefix: pf-d-description-list
1436
1426
  data-label="Location"
1437
1427
  >172.30.126.106</td>
1438
1428
  </tr>
1439
- <tr
1440
- class="pf-v6-c-table__tr"
1441
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
1442
- [object
1443
- Object]
1444
- >
1429
+ <tr class="pf-v6-c-table__tr" role="row">
1445
1430
  <td
1446
1431
  class="pf-v6-c-table__td"
1447
1432
  role="cell"
@@ -1473,12 +1458,7 @@ cssPrefix: pf-d-description-list
1473
1458
  id="service-port"
1474
1459
  >
1475
1460
  <thead class="pf-v6-c-table__thead">
1476
- <tr
1477
- class="pf-v6-c-table__tr"
1478
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
1479
- [object
1480
- Object]
1481
- >
1461
+ <tr class="pf-v6-c-table__tr" role="row">
1482
1462
  <th
1483
1463
  class="pf-v6-c-table__th"
1484
1464
  role="columnheader"
@@ -1506,12 +1486,7 @@ cssPrefix: pf-d-description-list
1506
1486
  </thead>
1507
1487
 
1508
1488
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
1509
- <tr
1510
- class="pf-v6-c-table__tr"
1511
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
1512
- [object
1513
- Object]
1514
- >
1489
+ <tr class="pf-v6-c-table__tr" role="row">
1515
1490
  <td
1516
1491
  class="pf-v6-c-table__td"
1517
1492
  role="cell"