@patternfly/patternfly 6.0.0-alpha.131 → 6.0.0-alpha.133
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.
- package/components/Breadcrumb/breadcrumb.css +10 -10
- package/components/Breadcrumb/breadcrumb.scss +10 -10
- package/components/Hint/hint.css +2 -2
- package/components/Hint/hint.scss +2 -3
- package/components/Login/login.css +4 -2
- package/components/Login/login.scss +2 -1
- package/components/Menu/menu.css +4 -1
- package/components/Menu/menu.scss +5 -1
- package/components/_index.css +20 -15
- package/docs/components/ActionList/examples/ActionList.md +4 -4
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +2 -1
- package/docs/components/Card/examples/Card.md +80 -416
- package/docs/components/DataList/examples/DataList.md +170 -952
- package/docs/components/DualListSelector/examples/DualListSelector.md +160 -896
- package/docs/components/Hint/examples/Hint.md +30 -156
- package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
- package/docs/components/LogViewer/examples/LogViewer.css +9 -2
- package/docs/components/LogViewer/examples/LogViewer.md +315 -3313
- package/docs/components/Menu/examples/Menu.md +6 -76
- package/docs/components/MenuToggle/examples/MenuToggle.md +4 -0
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +370 -2064
- package/docs/components/OverflowMenu/examples/overflow-menu.css +3 -27
- package/docs/components/OverflowMenu/examples/overflow-menu.md +56 -143
- package/docs/components/Table/examples/Table.css +7 -0
- package/docs/components/Table/examples/Table.md +281 -405
- package/docs/components/Toolbar/examples/Toolbar.md +32 -239
- package/docs/demos/CardView/examples/CardView.md +110 -583
- package/docs/demos/Dashboard/examples/Dashboard.md +10 -56
- package/docs/demos/DataList/examples/DataList.md +44 -96
- package/docs/demos/DescriptionList/examples/DescriptionList.md +10 -56
- package/docs/demos/Drawer/examples/Drawer.md +10 -56
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +647 -3504
- package/docs/demos/Page/examples/Penta.md +5 -5
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +150 -675
- package/docs/demos/Table/examples/Table.md +142 -220
- package/docs/demos/Tabs/examples/Tabs.md +15 -28
- package/docs/demos/Toolbar/examples/Toolbar.css +0 -16
- package/docs/demos/Toolbar/examples/Toolbar.md +88 -609
- package/docs/utilities/Display/examples/Display.css +1 -8
- package/docs/utilities/Display/examples/Display.md +16 -7
- package/package.json +1 -1
- package/patternfly-addons.css +38 -0
- package/patternfly-charts.css +339 -8
- package/patternfly-charts.scss +21 -8
- package/patternfly-no-globals.css +20 -15
- package/patternfly.css +20 -15
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/utilities/Display/display.css +38 -0
- package/utilities/Display/display.scss +3 -1
- package/utilities/_index.css +38 -0
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
<
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
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
|
-
</
|
|
1433
|
-
|
|
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-
|
|
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
|
-
<
|
|
1792
|
-
|
|
1793
|
-
|
|
1794
|
-
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
|
|
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
|
-
</
|
|
1801
|
-
|
|
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-
|
|
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
|