@patternfly/patternfly 6.0.0-alpha.176 → 6.0.0-alpha.177

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 (38) hide show
  1. package/assets/icons/iconUnicodes.json +6 -0
  2. package/assets/pficon/pf-v6-pficon.woff2 +0 -0
  3. package/assets/pficon/pficon.scss +36 -0
  4. package/base/patternfly-pf-icons.css +25 -1
  5. package/components/Page/page.css +6 -0
  6. package/components/Page/page.scss +7 -0
  7. package/components/_index.css +6 -0
  8. package/docs/components/Page/examples/Page.md +1 -0
  9. package/docs/demos/AboutModal/examples/AboutModal.md +0 -30
  10. package/docs/demos/Alert/examples/Alert.md +0 -90
  11. package/docs/demos/BackToTop/examples/BackToTop.md +0 -30
  12. package/docs/demos/Banner/examples/Banner.md +0 -60
  13. package/docs/demos/CardView/examples/CardView.md +0 -30
  14. package/docs/demos/Dashboard/examples/Dashboard.md +0 -30
  15. package/docs/demos/DataList/examples/DataList.md +0 -120
  16. package/docs/demos/DescriptionList/examples/DescriptionList.md +0 -90
  17. package/docs/demos/Drawer/examples/Drawer.md +0 -150
  18. package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -180
  19. package/docs/demos/Masthead/examples/Masthead.md +0 -60
  20. package/docs/demos/Modal/examples/Modal.md +0 -180
  21. package/docs/demos/Nav/examples/Nav.md +0 -180
  22. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +0 -150
  23. package/docs/demos/Page/examples/Page.css +11 -0
  24. package/docs/demos/Page/examples/Page.md +671 -271
  25. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -210
  26. package/docs/demos/Skeleton/examples/Skeleton.md +0 -30
  27. package/docs/demos/Table/examples/Table.md +0 -450
  28. package/docs/demos/Tabs/examples/Tabs.md +0 -180
  29. package/docs/demos/Toolbar/examples/Toolbar.md +0 -60
  30. package/docs/demos/Wizard/examples/Wizard.md +0 -270
  31. package/icons/pficons.mjs +6 -0
  32. package/package.json +3 -2
  33. package/patternfly-base-no-globals.css +25 -1
  34. package/patternfly-base.css +25 -1
  35. package/patternfly-no-globals.css +31 -1
  36. package/patternfly.css +31 -1
  37. package/patternfly.min.css +1 -1
  38. package/patternfly.min.css.map +1 -1
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -1849,36 +1849,6 @@ wrapperTag: div
1849
1849
  >
1850
1850
  <div class="pf-v6-c-toolbar__content">
1851
1851
  <div class="pf-v6-c-toolbar__content-section">
1852
- <div class="pf-v6-c-toolbar__item">
1853
- <button
1854
- class="pf-v6-c-menu-toggle"
1855
- type="button"
1856
- aria-expanded="false"
1857
- >
1858
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
1859
- <span class="pf-v6-c-menu-toggle__controls">
1860
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1861
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1862
- </span>
1863
- </span>
1864
- </button>
1865
- </div>
1866
-
1867
- <div class="pf-v6-c-toolbar__item">
1868
- <button
1869
- class="pf-v6-c-menu-toggle"
1870
- type="button"
1871
- aria-expanded="false"
1872
- >
1873
- <span class="pf-v6-c-menu-toggle__text">Services</span>
1874
- <span class="pf-v6-c-menu-toggle__controls">
1875
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1876
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1877
- </span>
1878
- </span>
1879
- </button>
1880
- </div>
1881
-
1882
1852
  <div
1883
1853
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1884
1854
  >
@@ -2167,36 +2137,6 @@ wrapperTag: div
2167
2137
  >
2168
2138
  <div class="pf-v6-c-toolbar__content">
2169
2139
  <div class="pf-v6-c-toolbar__content-section">
2170
- <div class="pf-v6-c-toolbar__item">
2171
- <button
2172
- class="pf-v6-c-menu-toggle"
2173
- type="button"
2174
- aria-expanded="false"
2175
- >
2176
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
2177
- <span class="pf-v6-c-menu-toggle__controls">
2178
- <span class="pf-v6-c-menu-toggle__toggle-icon">
2179
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2180
- </span>
2181
- </span>
2182
- </button>
2183
- </div>
2184
-
2185
- <div class="pf-v6-c-toolbar__item">
2186
- <button
2187
- class="pf-v6-c-menu-toggle"
2188
- type="button"
2189
- aria-expanded="false"
2190
- >
2191
- <span class="pf-v6-c-menu-toggle__text">Services</span>
2192
- <span class="pf-v6-c-menu-toggle__controls">
2193
- <span class="pf-v6-c-menu-toggle__toggle-icon">
2194
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2195
- </span>
2196
- </span>
2197
- </button>
2198
- </div>
2199
-
2200
2140
  <div
2201
2141
  class="pf-v6-c-toolbar__item pf-m-overflow-container"
2202
2142
  style="--pf-v6-c-toolbar__item--MinWidth: 18ch;"
package/docs/demos/Modal/examples/Modal.md CHANGED
@@ -108,36 +108,6 @@ section: components
108
108
  >
109
109
  <div class="pf-v6-c-toolbar__content">
110
110
  <div class="pf-v6-c-toolbar__content-section">
111
- <div class="pf-v6-c-toolbar__item">
112
- <button
113
- class="pf-v6-c-menu-toggle"
114
- type="button"
115
- aria-expanded="false"
116
- >
117
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
118
- <span class="pf-v6-c-menu-toggle__controls">
119
- <span class="pf-v6-c-menu-toggle__toggle-icon">
120
- <i class="fas fa-caret-down" aria-hidden="true"></i>
121
- </span>
122
- </span>
123
- </button>
124
- </div>
125
-
126
- <div class="pf-v6-c-toolbar__item">
127
- <button
128
- class="pf-v6-c-menu-toggle"
129
- type="button"
130
- aria-expanded="false"
131
- >
132
- <span class="pf-v6-c-menu-toggle__text">Services</span>
133
- <span class="pf-v6-c-menu-toggle__controls">
134
- <span class="pf-v6-c-menu-toggle__toggle-icon">
135
- <i class="fas fa-caret-down" aria-hidden="true"></i>
136
- </span>
137
- </span>
138
- </button>
139
- </div>
140
-
141
111
  <div
142
112
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
143
113
  >
@@ -484,36 +454,6 @@ section: components
484
454
  >
485
455
  <div class="pf-v6-c-toolbar__content">
486
456
  <div class="pf-v6-c-toolbar__content-section">
487
- <div class="pf-v6-c-toolbar__item">
488
- <button
489
- class="pf-v6-c-menu-toggle"
490
- type="button"
491
- aria-expanded="false"
492
- >
493
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
494
- <span class="pf-v6-c-menu-toggle__controls">
495
- <span class="pf-v6-c-menu-toggle__toggle-icon">
496
- <i class="fas fa-caret-down" aria-hidden="true"></i>
497
- </span>
498
- </span>
499
- </button>
500
- </div>
501
-
502
- <div class="pf-v6-c-toolbar__item">
503
- <button
504
- class="pf-v6-c-menu-toggle"
505
- type="button"
506
- aria-expanded="false"
507
- >
508
- <span class="pf-v6-c-menu-toggle__text">Services</span>
509
- <span class="pf-v6-c-menu-toggle__controls">
510
- <span class="pf-v6-c-menu-toggle__toggle-icon">
511
- <i class="fas fa-caret-down" aria-hidden="true"></i>
512
- </span>
513
- </span>
514
- </button>
515
- </div>
516
-
517
457
  <div
518
458
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
519
459
  >
@@ -866,36 +806,6 @@ section: components
866
806
  >
867
807
  <div class="pf-v6-c-toolbar__content">
868
808
  <div class="pf-v6-c-toolbar__content-section">
869
- <div class="pf-v6-c-toolbar__item">
870
- <button
871
- class="pf-v6-c-menu-toggle"
872
- type="button"
873
- aria-expanded="false"
874
- >
875
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
876
- <span class="pf-v6-c-menu-toggle__controls">
877
- <span class="pf-v6-c-menu-toggle__toggle-icon">
878
- <i class="fas fa-caret-down" aria-hidden="true"></i>
879
- </span>
880
- </span>
881
- </button>
882
- </div>
883
-
884
- <div class="pf-v6-c-toolbar__item">
885
- <button
886
- class="pf-v6-c-menu-toggle"
887
- type="button"
888
- aria-expanded="false"
889
- >
890
- <span class="pf-v6-c-menu-toggle__text">Services</span>
891
- <span class="pf-v6-c-menu-toggle__controls">
892
- <span class="pf-v6-c-menu-toggle__toggle-icon">
893
- <i class="fas fa-caret-down" aria-hidden="true"></i>
894
- </span>
895
- </span>
896
- </button>
897
- </div>
898
-
899
809
  <div
900
810
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
901
811
  >
@@ -1238,36 +1148,6 @@ section: components
1238
1148
  >
1239
1149
  <div class="pf-v6-c-toolbar__content">
1240
1150
  <div class="pf-v6-c-toolbar__content-section">
1241
- <div class="pf-v6-c-toolbar__item">
1242
- <button
1243
- class="pf-v6-c-menu-toggle"
1244
- type="button"
1245
- aria-expanded="false"
1246
- >
1247
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
1248
- <span class="pf-v6-c-menu-toggle__controls">
1249
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1250
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1251
- </span>
1252
- </span>
1253
- </button>
1254
- </div>
1255
-
1256
- <div class="pf-v6-c-toolbar__item">
1257
- <button
1258
- class="pf-v6-c-menu-toggle"
1259
- type="button"
1260
- aria-expanded="false"
1261
- >
1262
- <span class="pf-v6-c-menu-toggle__text">Services</span>
1263
- <span class="pf-v6-c-menu-toggle__controls">
1264
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1265
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1266
- </span>
1267
- </span>
1268
- </button>
1269
- </div>
1270
-
1271
1151
  <div
1272
1152
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1273
1153
  >
@@ -1610,36 +1490,6 @@ section: components
1610
1490
  >
1611
1491
  <div class="pf-v6-c-toolbar__content">
1612
1492
  <div class="pf-v6-c-toolbar__content-section">
1613
- <div class="pf-v6-c-toolbar__item">
1614
- <button
1615
- class="pf-v6-c-menu-toggle"
1616
- type="button"
1617
- aria-expanded="false"
1618
- >
1619
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
1620
- <span class="pf-v6-c-menu-toggle__controls">
1621
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1622
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1623
- </span>
1624
- </span>
1625
- </button>
1626
- </div>
1627
-
1628
- <div class="pf-v6-c-toolbar__item">
1629
- <button
1630
- class="pf-v6-c-menu-toggle"
1631
- type="button"
1632
- aria-expanded="false"
1633
- >
1634
- <span class="pf-v6-c-menu-toggle__text">Services</span>
1635
- <span class="pf-v6-c-menu-toggle__controls">
1636
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1637
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1638
- </span>
1639
- </span>
1640
- </button>
1641
- </div>
1642
-
1643
1493
  <div
1644
1494
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1645
1495
  >
@@ -1982,36 +1832,6 @@ section: components
1982
1832
  >
1983
1833
  <div class="pf-v6-c-toolbar__content">
1984
1834
  <div class="pf-v6-c-toolbar__content-section">
1985
- <div class="pf-v6-c-toolbar__item">
1986
- <button
1987
- class="pf-v6-c-menu-toggle"
1988
- type="button"
1989
- aria-expanded="false"
1990
- >
1991
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
1992
- <span class="pf-v6-c-menu-toggle__controls">
1993
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1994
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1995
- </span>
1996
- </span>
1997
- </button>
1998
- </div>
1999
-
2000
- <div class="pf-v6-c-toolbar__item">
2001
- <button
2002
- class="pf-v6-c-menu-toggle"
2003
- type="button"
2004
- aria-expanded="false"
2005
- >
2006
- <span class="pf-v6-c-menu-toggle__text">Services</span>
2007
- <span class="pf-v6-c-menu-toggle__controls">
2008
- <span class="pf-v6-c-menu-toggle__toggle-icon">
2009
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2010
- </span>
2011
- </span>
2012
- </button>
2013
- </div>
2014
-
2015
1835
  <div
2016
1836
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
2017
1837
  >
package/docs/demos/Nav/examples/Nav.md CHANGED
@@ -108,36 +108,6 @@ section: components
108
108
  >
109
109
  <div class="pf-v6-c-toolbar__content">
110
110
  <div class="pf-v6-c-toolbar__content-section">
111
- <div class="pf-v6-c-toolbar__item">
112
- <button
113
- class="pf-v6-c-menu-toggle"
114
- type="button"
115
- aria-expanded="false"
116
- >
117
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
118
- <span class="pf-v6-c-menu-toggle__controls">
119
- <span class="pf-v6-c-menu-toggle__toggle-icon">
120
- <i class="fas fa-caret-down" aria-hidden="true"></i>
121
- </span>
122
- </span>
123
- </button>
124
- </div>
125
-
126
- <div class="pf-v6-c-toolbar__item">
127
- <button
128
- class="pf-v6-c-menu-toggle"
129
- type="button"
130
- aria-expanded="false"
131
- >
132
- <span class="pf-v6-c-menu-toggle__text">Services</span>
133
- <span class="pf-v6-c-menu-toggle__controls">
134
- <span class="pf-v6-c-menu-toggle__toggle-icon">
135
- <i class="fas fa-caret-down" aria-hidden="true"></i>
136
- </span>
137
- </span>
138
- </button>
139
- </div>
140
-
141
111
  <div
142
112
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
143
113
  >
@@ -437,36 +407,6 @@ section: components
437
407
  >
438
408
  <div class="pf-v6-c-toolbar__content">
439
409
  <div class="pf-v6-c-toolbar__content-section">
440
- <div class="pf-v6-c-toolbar__item">
441
- <button
442
- class="pf-v6-c-menu-toggle"
443
- type="button"
444
- aria-expanded="false"
445
- >
446
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
447
- <span class="pf-v6-c-menu-toggle__controls">
448
- <span class="pf-v6-c-menu-toggle__toggle-icon">
449
- <i class="fas fa-caret-down" aria-hidden="true"></i>
450
- </span>
451
- </span>
452
- </button>
453
- </div>
454
-
455
- <div class="pf-v6-c-toolbar__item">
456
- <button
457
- class="pf-v6-c-menu-toggle"
458
- type="button"
459
- aria-expanded="false"
460
- >
461
- <span class="pf-v6-c-menu-toggle__text">Services</span>
462
- <span class="pf-v6-c-menu-toggle__controls">
463
- <span class="pf-v6-c-menu-toggle__toggle-icon">
464
- <i class="fas fa-caret-down" aria-hidden="true"></i>
465
- </span>
466
- </span>
467
- </button>
468
- </div>
469
-
470
410
  <div
471
411
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
472
412
  >
@@ -798,36 +738,6 @@ section: components
798
738
  >
799
739
  <div class="pf-v6-c-toolbar__content">
800
740
  <div class="pf-v6-c-toolbar__content-section">
801
- <div class="pf-v6-c-toolbar__item">
802
- <button
803
- class="pf-v6-c-menu-toggle"
804
- type="button"
805
- aria-expanded="false"
806
- >
807
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
808
- <span class="pf-v6-c-menu-toggle__controls">
809
- <span class="pf-v6-c-menu-toggle__toggle-icon">
810
- <i class="fas fa-caret-down" aria-hidden="true"></i>
811
- </span>
812
- </span>
813
- </button>
814
- </div>
815
-
816
- <div class="pf-v6-c-toolbar__item">
817
- <button
818
- class="pf-v6-c-menu-toggle"
819
- type="button"
820
- aria-expanded="false"
821
- >
822
- <span class="pf-v6-c-menu-toggle__text">Services</span>
823
- <span class="pf-v6-c-menu-toggle__controls">
824
- <span class="pf-v6-c-menu-toggle__toggle-icon">
825
- <i class="fas fa-caret-down" aria-hidden="true"></i>
826
- </span>
827
- </span>
828
- </button>
829
- </div>
830
-
831
741
  <div
832
742
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
833
743
  >
@@ -1206,36 +1116,6 @@ section: components
1206
1116
  >
1207
1117
  <div class="pf-v6-c-toolbar__content">
1208
1118
  <div class="pf-v6-c-toolbar__content-section">
1209
- <div class="pf-v6-c-toolbar__item">
1210
- <button
1211
- class="pf-v6-c-menu-toggle"
1212
- type="button"
1213
- aria-expanded="false"
1214
- >
1215
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
1216
- <span class="pf-v6-c-menu-toggle__controls">
1217
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1218
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1219
- </span>
1220
- </span>
1221
- </button>
1222
- </div>
1223
-
1224
- <div class="pf-v6-c-toolbar__item">
1225
- <button
1226
- class="pf-v6-c-menu-toggle"
1227
- type="button"
1228
- aria-expanded="false"
1229
- >
1230
- <span class="pf-v6-c-menu-toggle__text">Services</span>
1231
- <span class="pf-v6-c-menu-toggle__controls">
1232
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1233
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1234
- </span>
1235
- </span>
1236
- </button>
1237
- </div>
1238
-
1239
1119
  <div
1240
1120
  class="pf-v6-c-toolbar__item pf-m-overflow-container"
1241
1121
  style="--pf-v6-c-toolbar__item--MinWidth: 18ch;"
@@ -1558,36 +1438,6 @@ section: components
1558
1438
  >
1559
1439
  <div class="pf-v6-c-toolbar__content">
1560
1440
  <div class="pf-v6-c-toolbar__content-section">
1561
- <div class="pf-v6-c-toolbar__item">
1562
- <button
1563
- class="pf-v6-c-menu-toggle"
1564
- type="button"
1565
- aria-expanded="false"
1566
- >
1567
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
1568
- <span class="pf-v6-c-menu-toggle__controls">
1569
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1570
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1571
- </span>
1572
- </span>
1573
- </button>
1574
- </div>
1575
-
1576
- <div class="pf-v6-c-toolbar__item">
1577
- <button
1578
- class="pf-v6-c-menu-toggle"
1579
- type="button"
1580
- aria-expanded="false"
1581
- >
1582
- <span class="pf-v6-c-menu-toggle__text">Services</span>
1583
- <span class="pf-v6-c-menu-toggle__controls">
1584
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1585
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1586
- </span>
1587
- </span>
1588
- </button>
1589
- </div>
1590
-
1591
1441
  <div
1592
1442
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1593
1443
  >
@@ -1915,36 +1765,6 @@ section: components
1915
1765
  >
1916
1766
  <div class="pf-v6-c-toolbar__content">
1917
1767
  <div class="pf-v6-c-toolbar__content-section">
1918
- <div class="pf-v6-c-toolbar__item">
1919
- <button
1920
- class="pf-v6-c-menu-toggle"
1921
- type="button"
1922
- aria-expanded="false"
1923
- >
1924
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
1925
- <span class="pf-v6-c-menu-toggle__controls">
1926
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1927
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1928
- </span>
1929
- </span>
1930
- </button>
1931
- </div>
1932
-
1933
- <div class="pf-v6-c-toolbar__item">
1934
- <button
1935
- class="pf-v6-c-menu-toggle"
1936
- type="button"
1937
- aria-expanded="false"
1938
- >
1939
- <span class="pf-v6-c-menu-toggle__text">Services</span>
1940
- <span class="pf-v6-c-menu-toggle__controls">
1941
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1942
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1943
- </span>
1944
- </span>
1945
- </button>
1946
- </div>
1947
-
1948
1768
  <div
1949
1769
  class="pf-v6-c-toolbar__item pf-m-overflow-container"
1950
1770
  style="--pf-v6-c-toolbar__item--MinWidth: 18ch;"