@patternfly/patternfly 6.0.0-alpha.132 → 6.0.0-alpha.134

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 (51) hide show
  1. package/components/Breadcrumb/breadcrumb.css +10 -10
  2. package/components/Breadcrumb/breadcrumb.scss +10 -10
  3. package/components/Hint/hint.css +2 -2
  4. package/components/Hint/hint.scss +2 -3
  5. package/components/LogViewer/log-viewer.css +2 -2
  6. package/components/LogViewer/log-viewer.scss +2 -2
  7. package/components/Login/login.css +4 -2
  8. package/components/Login/login.scss +2 -1
  9. package/components/Menu/menu.css +4 -1
  10. package/components/Menu/menu.scss +5 -1
  11. package/components/_index.css +22 -17
  12. package/docs/components/ActionList/examples/ActionList.md +4 -4
  13. package/docs/components/Breadcrumb/examples/Breadcrumb.md +2 -1
  14. package/docs/components/Card/examples/Card.md +80 -416
  15. package/docs/components/DataList/examples/DataList.md +170 -952
  16. package/docs/components/DualListSelector/examples/DualListSelector.md +160 -896
  17. package/docs/components/Hint/examples/Hint.md +30 -156
  18. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  19. package/docs/components/LogViewer/examples/LogViewer.css +9 -2
  20. package/docs/components/LogViewer/examples/LogViewer.md +315 -3313
  21. package/docs/components/Menu/examples/Menu.md +6 -76
  22. package/docs/components/MenuToggle/examples/MenuToggle.md +4 -0
  23. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +370 -2064
  24. package/docs/components/OverflowMenu/examples/overflow-menu.css +3 -27
  25. package/docs/components/OverflowMenu/examples/overflow-menu.md +56 -143
  26. package/docs/components/Table/examples/Table.css +7 -0
  27. package/docs/components/Table/examples/Table.md +281 -405
  28. package/docs/components/Toolbar/examples/Toolbar.md +32 -239
  29. package/docs/demos/CardView/examples/CardView.md +110 -583
  30. package/docs/demos/Dashboard/examples/Dashboard.md +10 -56
  31. package/docs/demos/DataList/examples/DataList.md +44 -96
  32. package/docs/demos/DescriptionList/examples/DescriptionList.md +10 -56
  33. package/docs/demos/Drawer/examples/Drawer.md +10 -56
  34. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +647 -3504
  35. package/docs/demos/Page/examples/Penta.md +5 -5
  36. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +150 -675
  37. package/docs/demos/Table/examples/Table.md +142 -220
  38. package/docs/demos/Tabs/examples/Tabs.md +15 -28
  39. package/docs/demos/Toolbar/examples/Toolbar.css +0 -16
  40. package/docs/demos/Toolbar/examples/Toolbar.md +88 -609
  41. package/docs/utilities/Display/examples/Display.css +1 -8
  42. package/docs/utilities/Display/examples/Display.md +16 -7
  43. package/package.json +2 -2
  44. package/patternfly-addons.css +38 -0
  45. package/patternfly-no-globals.css +22 -17
  46. package/patternfly.css +22 -17
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
  49. package/utilities/Display/display.css +38 -0
  50. package/utilities/Display/display.scss +3 -1
  51. package/utilities/_index.css +38 -0
package/docs/components/Toolbar/examples/Toolbar.md CHANGED
@@ -625,7 +625,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
625
625
  class="pf-v6-c-menu-toggle"
626
626
  type="button"
627
627
  aria-expanded="false"
628
- id="toolbar-selected-filters-toggle-group-collapsed-example-menu-toggle-checkbox-status"
628
+ id="toolbar-selected-filters-toggle-group-collapsed-examplemenu-toggle-checkbox-status"
629
629
  >
630
630
  <span class="pf-v6-c-menu-toggle__text">Status</span>
631
631
  <span class="pf-v6-c-menu-toggle__controls">
@@ -640,7 +640,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
640
640
  class="pf-v6-c-menu-toggle"
641
641
  type="button"
642
642
  aria-expanded="false"
643
- id="toolbar-selected-filters-toggle-group-collapsed-example-menu-toggle-checkbox-risk"
643
+ id="toolbar-selected-filters-toggle-group-collapsed-examplemenu-toggle-checkbox-risk"
644
644
  >
645
645
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
646
646
  <span class="pf-v6-c-menu-toggle__controls">
@@ -655,47 +655,8 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
655
655
  <div class="pf-v6-c-toolbar__item pf-m-overflow-menu">
656
656
  <div
657
657
  class="pf-v6-c-overflow-menu"
658
- id="toolbar-selected-filters-toggle-group-collapsed-example-icon-button-overflow-menu"
659
- >
660
- <div class="pf-v6-c-overflow-menu__control">
661
- <div class="pf-v6-c-dropdown">
662
- <button
663
- class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
664
- type="button"
665
- id="toolbar-selected-filters-toggle-group-collapsed-example-icon-button-overflow-menu-dropdown-toggle"
666
- aria-label="Overflow menu"
667
- aria-expanded="false"
668
- >
669
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
670
- </button>
671
- <ul
672
- class="pf-v6-c-dropdown__menu"
673
- role="menu"
674
- aria-labelledby="toolbar-selected-filters-toggle-group-collapsed-example-icon-button-overflow-menu-dropdown-toggle"
675
- hidden
676
- >
677
- <li role="none">
678
- <button
679
- role="menuitem"
680
- class="pf-v6-c-dropdown__menu-item"
681
- >Edit</button>
682
- </li>
683
- <li role="none">
684
- <button
685
- role="menuitem"
686
- class="pf-v6-c-dropdown__menu-item"
687
- >Clone</button>
688
- </li>
689
- <li role="none">
690
- <button
691
- role="menuitem"
692
- class="pf-v6-c-dropdown__menu-item"
693
- >Sync</button>
694
- </li>
695
- </ul>
696
- </div>
697
- </div>
698
- </div>
658
+ id="toolbar-selected-filters-toggle-group-collapsed-exampleicon-button-overflow-menu"
659
+ ></div>
699
660
  </div>
700
661
  </div>
701
662
  <div
@@ -962,47 +923,8 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
962
923
  <div class="pf-v6-c-toolbar__item pf-m-overflow-menu">
963
924
  <div
964
925
  class="pf-v6-c-overflow-menu"
965
- id="toolbar-selected-filters-toggle-group-expanded-example-icon-button-overflow-menu"
966
- >
967
- <div class="pf-v6-c-overflow-menu__control">
968
- <div class="pf-v6-c-dropdown">
969
- <button
970
- class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
971
- type="button"
972
- id="toolbar-selected-filters-toggle-group-expanded-example-icon-button-overflow-menu-dropdown-toggle"
973
- aria-label="Overflow menu"
974
- aria-expanded="false"
975
- >
976
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
977
- </button>
978
- <ul
979
- class="pf-v6-c-dropdown__menu"
980
- role="menu"
981
- aria-labelledby="toolbar-selected-filters-toggle-group-expanded-example-icon-button-overflow-menu-dropdown-toggle"
982
- hidden
983
- >
984
- <li role="none">
985
- <button
986
- role="menuitem"
987
- class="pf-v6-c-dropdown__menu-item"
988
- >Edit</button>
989
- </li>
990
- <li role="none">
991
- <button
992
- role="menuitem"
993
- class="pf-v6-c-dropdown__menu-item"
994
- >Clone</button>
995
- </li>
996
- <li role="none">
997
- <button
998
- role="menuitem"
999
- class="pf-v6-c-dropdown__menu-item"
1000
- >Sync</button>
1001
- </li>
1002
- </ul>
1003
- </div>
1004
- </div>
1005
- </div>
926
+ id="toolbar-selected-filters-toggle-group-expanded-exampleicon-button-overflow-menu"
927
+ ></div>
1006
928
  </div>
1007
929
  </div>
1008
930
  <div
@@ -1362,40 +1284,8 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1362
1284
  <div class="pf-v6-c-toolbar__item pf-m-overflow-menu">
1363
1285
  <div
1364
1286
  class="pf-v6-c-overflow-menu"
1365
- id="toolbar-selected-filters-example-icon-button-overflow-menu"
1366
- >
1367
- <div class="pf-v6-c-overflow-menu__content">
1368
- <div class="pf-v6-c-overflow-menu__group pf-m-icon-button-group">
1369
- <div class="pf-v6-c-overflow-menu__item">
1370
- <button
1371
- class="pf-v6-c-button pf-m-plain"
1372
- type="button"
1373
- aria-label="Edit"
1374
- >
1375
- <i class="fas fa-edit" aria-hidden="true"></i>
1376
- </button>
1377
- </div>
1378
- <div class="pf-v6-c-overflow-menu__item">
1379
- <button
1380
- class="pf-v6-c-button pf-m-plain"
1381
- type="button"
1382
- aria-label="Clone"
1383
- >
1384
- <i class="fas fa-clone" aria-hidden="true"></i>
1385
- </button>
1386
- </div>
1387
- <div class="pf-v6-c-overflow-menu__item">
1388
- <button
1389
- class="pf-v6-c-button pf-m-plain"
1390
- type="button"
1391
- aria-label="Sync"
1392
- >
1393
- <i class="fas fa-sync" aria-hidden="true"></i>
1394
- </button>
1395
- </div>
1396
- </div>
1397
- </div>
1398
- </div>
1287
+ id="toolbar-selected-filters-exampleicon-button-overflow-menu"
1288
+ ></div>
1399
1289
  </div>
1400
1290
  <div class="pf-v6-c-toolbar__item pf-m-overflow-menu">
1401
1291
  <div
@@ -1420,30 +1310,17 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1420
1310
  </div>
1421
1311
 
1422
1312
  <div class="pf-v6-c-overflow-menu__control">
1423
- <div class="pf-v6-c-dropdown">
1424
- <button
1425
- class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
1426
- type="button"
1427
- id="toolbar-selected-filters-example-overflow-menu-dropdown-toggle"
1428
- aria-label="Overflow menu"
1429
- aria-expanded="false"
1430
- >
1313
+ <button
1314
+ class="pf-v6-c-menu-toggle pf-m-plain"
1315
+ type="button"
1316
+ aria-expanded="false"
1317
+ aria-label="Menu toggle"
1318
+ id="toolbar-selected-filters-example-overflow-menutoggle"
1319
+ >
1320
+ <span class="pf-v6-c-menu-toggle__icon">
1431
1321
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1432
- </button>
1433
- <ul
1434
- class="pf-v6-c-dropdown__menu"
1435
- role="menu"
1436
- aria-labelledby="toolbar-selected-filters-example-overflow-menu-dropdown-toggle"
1437
- hidden
1438
- >
1439
- <li role="none">
1440
- <button
1441
- role="menuitem"
1442
- class="pf-v6-c-dropdown__menu-item"
1443
- >Tertiary</button>
1444
- </li>
1445
- </ul>
1446
- </div>
1322
+ </span>
1323
+ </button>
1447
1324
  </div>
1448
1325
  </div>
1449
1326
  </div>
@@ -1730,40 +1607,8 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1730
1607
  <div class="pf-v6-c-toolbar__item pf-m-overflow-menu">
1731
1608
  <div
1732
1609
  class="pf-v6-c-overflow-menu"
1733
- id="toolbar-stacked-example-icon-button-overflow-menu"
1734
- >
1735
- <div class="pf-v6-c-overflow-menu__content">
1736
- <div class="pf-v6-c-overflow-menu__group pf-m-icon-button-group">
1737
- <div class="pf-v6-c-overflow-menu__item">
1738
- <button
1739
- class="pf-v6-c-button pf-m-plain"
1740
- type="button"
1741
- aria-label="Edit"
1742
- >
1743
- <i class="fas fa-edit" aria-hidden="true"></i>
1744
- </button>
1745
- </div>
1746
- <div class="pf-v6-c-overflow-menu__item">
1747
- <button
1748
- class="pf-v6-c-button pf-m-plain"
1749
- type="button"
1750
- aria-label="Clone"
1751
- >
1752
- <i class="fas fa-clone" aria-hidden="true"></i>
1753
- </button>
1754
- </div>
1755
- <div class="pf-v6-c-overflow-menu__item">
1756
- <button
1757
- class="pf-v6-c-button pf-m-plain"
1758
- type="button"
1759
- aria-label="Sync"
1760
- >
1761
- <i class="fas fa-sync" aria-hidden="true"></i>
1762
- </button>
1763
- </div>
1764
- </div>
1765
- </div>
1766
- </div>
1610
+ id="toolbar-stacked-exampleicon-button-overflow-menu"
1611
+ ></div>
1767
1612
  </div>
1768
1613
  <div class="pf-v6-c-toolbar__item pf-m-overflow-menu">
1769
1614
  <div
@@ -1788,30 +1633,17 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1788
1633
  </div>
1789
1634
 
1790
1635
  <div class="pf-v6-c-overflow-menu__control">
1791
- <div class="pf-v6-c-dropdown">
1792
- <button
1793
- class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
1794
- type="button"
1795
- id="toolbar-stacked-example-overflow-menu-dropdown-toggle"
1796
- aria-label="Overflow menu"
1797
- aria-expanded="false"
1798
- >
1636
+ <button
1637
+ class="pf-v6-c-menu-toggle pf-m-plain"
1638
+ type="button"
1639
+ aria-expanded="false"
1640
+ aria-label="Menu toggle"
1641
+ id="toolbar-stacked-example-overflow-menutoggle"
1642
+ >
1643
+ <span class="pf-v6-c-menu-toggle__icon">
1799
1644
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1800
- </button>
1801
- <ul
1802
- class="pf-v6-c-dropdown__menu"
1803
- role="menu"
1804
- aria-labelledby="toolbar-stacked-example-overflow-menu-dropdown-toggle"
1805
- hidden
1806
- >
1807
- <li role="none">
1808
- <button
1809
- role="menuitem"
1810
- class="pf-v6-c-dropdown__menu-item"
1811
- >Tertiary</button>
1812
- </li>
1813
- </ul>
1814
- </div>
1645
+ </span>
1646
+ </button>
1815
1647
  </div>
1816
1648
  </div>
1817
1649
  </div>
@@ -2002,47 +1834,8 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
2002
1834
  <div class="pf-v6-c-toolbar__item pf-m-overflow-menu">
2003
1835
  <div
2004
1836
  class="pf-v6-c-overflow-menu"
2005
- id="toolbar-stacked-collapsed-example-icon-button-overflow-menu"
2006
- >
2007
- <div class="pf-v6-c-overflow-menu__control">
2008
- <div class="pf-v6-c-dropdown">
2009
- <button
2010
- class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
2011
- type="button"
2012
- id="toolbar-stacked-collapsed-example-icon-button-overflow-menu-dropdown-toggle"
2013
- aria-label="Overflow menu"
2014
- aria-expanded="false"
2015
- >
2016
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2017
- </button>
2018
- <ul
2019
- class="pf-v6-c-dropdown__menu"
2020
- role="menu"
2021
- aria-labelledby="toolbar-stacked-collapsed-example-icon-button-overflow-menu-dropdown-toggle"
2022
- hidden
2023
- >
2024
- <li role="none">
2025
- <button
2026
- role="menuitem"
2027
- class="pf-v6-c-dropdown__menu-item"
2028
- >Edit</button>
2029
- </li>
2030
- <li role="none">
2031
- <button
2032
- role="menuitem"
2033
- class="pf-v6-c-dropdown__menu-item"
2034
- >Clone</button>
2035
- </li>
2036
- <li role="none">
2037
- <button
2038
- role="menuitem"
2039
- class="pf-v6-c-dropdown__menu-item"
2040
- >Sync</button>
2041
- </li>
2042
- </ul>
2043
- </div>
2044
- </div>
2045
- </div>
1837
+ id="toolbar-stacked-collapsed-exampleicon-button-overflow-menu"
1838
+ ></div>
2046
1839
  </div>
2047
1840
  </div>
2048
1841
  <div