@patternfly/patternfly 6.0.0-alpha.175 → 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 (44) 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 -177
  8. package/components/_index.scss +0 -1
  9. package/docs/components/Page/examples/Page.md +1 -0
  10. package/docs/demos/AboutModal/examples/AboutModal.md +0 -30
  11. package/docs/demos/Alert/examples/Alert.md +0 -90
  12. package/docs/demos/BackToTop/examples/BackToTop.md +0 -30
  13. package/docs/demos/Banner/examples/Banner.md +0 -60
  14. package/docs/demos/CardView/examples/CardView.md +0 -30
  15. package/docs/demos/Dashboard/examples/Dashboard.md +0 -30
  16. package/docs/demos/DataList/examples/DataList.md +0 -120
  17. package/docs/demos/DescriptionList/examples/DescriptionList.md +0 -90
  18. package/docs/demos/Drawer/examples/Drawer.md +0 -150
  19. package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -180
  20. package/docs/demos/Masthead/examples/Masthead.md +0 -60
  21. package/docs/demos/Modal/examples/Modal.md +0 -180
  22. package/docs/demos/Nav/examples/Nav.md +0 -180
  23. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +0 -150
  24. package/docs/demos/Page/examples/Page.css +11 -0
  25. package/docs/demos/Page/examples/Page.md +671 -271
  26. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -210
  27. package/docs/demos/Skeleton/examples/Skeleton.md +0 -30
  28. package/docs/demos/Table/examples/Table.md +0 -450
  29. package/docs/demos/Tabs/examples/Tabs.md +0 -180
  30. package/docs/demos/Toolbar/examples/Toolbar.md +0 -60
  31. package/docs/demos/Wizard/examples/Wizard.md +0 -270
  32. package/icons/pficons.mjs +6 -0
  33. package/package.json +3 -2
  34. package/patternfly-base-no-globals.css +25 -1
  35. package/patternfly-base.css +25 -1
  36. package/patternfly-no-globals.css +31 -178
  37. package/patternfly.css +31 -178
  38. package/patternfly.min.css +1 -1
  39. package/patternfly.min.css.map +1 -1
  40. package/sass-utilities/namespaces-components.scss +0 -3
  41. package/components/LogViewer/log-viewer.css +0 -176
  42. package/components/LogViewer/log-viewer.scss +0 -219
  43. package/docs/components/LogViewer/examples/LogViewer.css +0 -24
  44. package/docs/components/LogViewer/examples/LogViewer.md +0 -3050
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;"
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -102,36 +102,6 @@ section: components
102
102
  <div class="pf-v6-c-toolbar pf-m-static" id="-page-masthead-toolbar">
103
103
  <div class="pf-v6-c-toolbar__content">
104
104
  <div class="pf-v6-c-toolbar__content-section">
105
- <div class="pf-v6-c-toolbar__item">
106
- <button
107
- class="pf-v6-c-menu-toggle"
108
- type="button"
109
- aria-expanded="false"
110
- >
111
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
112
- <span class="pf-v6-c-menu-toggle__controls">
113
- <span class="pf-v6-c-menu-toggle__toggle-icon">
114
- <i class="fas fa-caret-down" aria-hidden="true"></i>
115
- </span>
116
- </span>
117
- </button>
118
- </div>
119
-
120
- <div class="pf-v6-c-toolbar__item">
121
- <button
122
- class="pf-v6-c-menu-toggle"
123
- type="button"
124
- aria-expanded="false"
125
- >
126
- <span class="pf-v6-c-menu-toggle__text">Services</span>
127
- <span class="pf-v6-c-menu-toggle__controls">
128
- <span class="pf-v6-c-menu-toggle__toggle-icon">
129
- <i class="fas fa-caret-down" aria-hidden="true"></i>
130
- </span>
131
- </span>
132
- </button>
133
- </div>
134
-
135
105
  <div
136
106
  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"
137
107
  >
@@ -743,36 +713,6 @@ section: components
743
713
  <div class="pf-v6-c-toolbar pf-m-static" id="-page-masthead-toolbar">
744
714
  <div class="pf-v6-c-toolbar__content">
745
715
  <div class="pf-v6-c-toolbar__content-section">
746
- <div class="pf-v6-c-toolbar__item">
747
- <button
748
- class="pf-v6-c-menu-toggle"
749
- type="button"
750
- aria-expanded="false"
751
- >
752
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
753
- <span class="pf-v6-c-menu-toggle__controls">
754
- <span class="pf-v6-c-menu-toggle__toggle-icon">
755
- <i class="fas fa-caret-down" aria-hidden="true"></i>
756
- </span>
757
- </span>
758
- </button>
759
- </div>
760
-
761
- <div class="pf-v6-c-toolbar__item">
762
- <button
763
- class="pf-v6-c-menu-toggle"
764
- type="button"
765
- aria-expanded="false"
766
- >
767
- <span class="pf-v6-c-menu-toggle__text">Services</span>
768
- <span class="pf-v6-c-menu-toggle__controls">
769
- <span class="pf-v6-c-menu-toggle__toggle-icon">
770
- <i class="fas fa-caret-down" aria-hidden="true"></i>
771
- </span>
772
- </span>
773
- </button>
774
- </div>
775
-
776
716
  <div
777
717
  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"
778
718
  >
@@ -1387,36 +1327,6 @@ section: components
1387
1327
  <div class="pf-v6-c-toolbar pf-m-static" id="-page-masthead-toolbar">
1388
1328
  <div class="pf-v6-c-toolbar__content">
1389
1329
  <div class="pf-v6-c-toolbar__content-section">
1390
- <div class="pf-v6-c-toolbar__item">
1391
- <button
1392
- class="pf-v6-c-menu-toggle"
1393
- type="button"
1394
- aria-expanded="false"
1395
- >
1396
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
1397
- <span class="pf-v6-c-menu-toggle__controls">
1398
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1399
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1400
- </span>
1401
- </span>
1402
- </button>
1403
- </div>
1404
-
1405
- <div class="pf-v6-c-toolbar__item">
1406
- <button
1407
- class="pf-v6-c-menu-toggle"
1408
- type="button"
1409
- aria-expanded="false"
1410
- >
1411
- <span class="pf-v6-c-menu-toggle__text">Services</span>
1412
- <span class="pf-v6-c-menu-toggle__controls">
1413
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1414
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1415
- </span>
1416
- </span>
1417
- </button>
1418
- </div>
1419
-
1420
1330
  <div
1421
1331
  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"
1422
1332
  >
@@ -2034,36 +1944,6 @@ section: components
2034
1944
  <div class="pf-v6-c-toolbar pf-m-static" id="-page-masthead-toolbar">
2035
1945
  <div class="pf-v6-c-toolbar__content">
2036
1946
  <div class="pf-v6-c-toolbar__content-section">
2037
- <div class="pf-v6-c-toolbar__item">
2038
- <button
2039
- class="pf-v6-c-menu-toggle"
2040
- type="button"
2041
- aria-expanded="false"
2042
- >
2043
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
2044
- <span class="pf-v6-c-menu-toggle__controls">
2045
- <span class="pf-v6-c-menu-toggle__toggle-icon">
2046
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2047
- </span>
2048
- </span>
2049
- </button>
2050
- </div>
2051
-
2052
- <div class="pf-v6-c-toolbar__item">
2053
- <button
2054
- class="pf-v6-c-menu-toggle"
2055
- type="button"
2056
- aria-expanded="false"
2057
- >
2058
- <span class="pf-v6-c-menu-toggle__text">Services</span>
2059
- <span class="pf-v6-c-menu-toggle__controls">
2060
- <span class="pf-v6-c-menu-toggle__toggle-icon">
2061
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2062
- </span>
2063
- </span>
2064
- </button>
2065
- </div>
2066
-
2067
1947
  <div
2068
1948
  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"
2069
1949
  >
@@ -2676,36 +2556,6 @@ section: components
2676
2556
  <div class="pf-v6-c-toolbar pf-m-static" id="-page-masthead-toolbar">
2677
2557
  <div class="pf-v6-c-toolbar__content">
2678
2558
  <div class="pf-v6-c-toolbar__content-section">
2679
- <div class="pf-v6-c-toolbar__item">
2680
- <button
2681
- class="pf-v6-c-menu-toggle"
2682
- type="button"
2683
- aria-expanded="false"
2684
- >
2685
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
2686
- <span class="pf-v6-c-menu-toggle__controls">
2687
- <span class="pf-v6-c-menu-toggle__toggle-icon">
2688
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2689
- </span>
2690
- </span>
2691
- </button>
2692
- </div>
2693
-
2694
- <div class="pf-v6-c-toolbar__item">
2695
- <button
2696
- class="pf-v6-c-menu-toggle"
2697
- type="button"
2698
- aria-expanded="false"
2699
- >
2700
- <span class="pf-v6-c-menu-toggle__text">Services</span>
2701
- <span class="pf-v6-c-menu-toggle__controls">
2702
- <span class="pf-v6-c-menu-toggle__toggle-icon">
2703
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2704
- </span>
2705
- </span>
2706
- </button>
2707
- </div>
2708
-
2709
2559
  <div
2710
2560
  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"
2711
2561
  >
package/docs/demos/Page/examples/Page.css ADDED
@@ -0,0 +1,11 @@
1
+ #ws-html-demos-c-page-context-selector-expanded-in-sidebar .pf-v6-c-page__sidebar-body.pf-m-context-selector {
2
+ position: relative;
3
+ }
4
+
5
+ #ws-html-demos-c-page-context-selector-expanded-in-sidebar .pf-v6-c-page__sidebar-body.pf-m-context-selector .pf-v6-c-menu {
6
+ position: absolute;
7
+ top: 100%;
8
+ left: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart);
9
+ right: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd);
10
+ z-index: var(--pf-t--global--z-index--sm);
11
+ }