@patternfly/patternfly 6.1.0-prerelease.2 → 6.1.0-prerelease.3

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 (47) hide show
  1. package/README.md +5 -5
  2. package/components/Content/content.css +9 -0
  3. package/components/Content/content.scss +7 -0
  4. package/components/Label/label-group.css +12 -0
  5. package/components/Label/label-group.scss +14 -0
  6. package/components/Label/label.css +2 -0
  7. package/components/Label/label.scss +2 -0
  8. package/components/MenuToggle/menu-toggle.css +3 -7
  9. package/components/MenuToggle/menu-toggle.scss +3 -8
  10. package/components/Table/table.css +1 -0
  11. package/components/Table/table.scss +2 -0
  12. package/components/Title/title.css +4 -0
  13. package/components/Title/title.scss +7 -0
  14. package/components/Wizard/wizard.css +1 -1
  15. package/components/Wizard/wizard.scss +1 -1
  16. package/components/_index.css +32 -8
  17. package/docs/components/Content/examples/Content.md +8 -7
  18. package/docs/components/Label/examples/Label.css +12 -0
  19. package/docs/components/Label/examples/Label.md +127 -0
  20. package/docs/components/Table/examples/Table.md +2 -2
  21. package/docs/components/Title/examples/Title.md +10 -0
  22. package/docs/demos/AboutModal/examples/AboutModal.md +2 -4
  23. package/docs/demos/Alert/examples/Alert.md +6 -12
  24. package/docs/demos/BackToTop/examples/BackToTop.md +2 -4
  25. package/docs/demos/Banner/examples/Banner.md +4 -8
  26. package/docs/demos/CardView/examples/CardView.md +2 -4
  27. package/docs/demos/Dashboard/examples/Dashboard.md +2 -4
  28. package/docs/demos/DataList/examples/DataList.md +8 -16
  29. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -12
  30. package/docs/demos/Drawer/examples/Drawer.md +6 -12
  31. package/docs/demos/JumpLinks/examples/JumpLinks.md +8 -16
  32. package/docs/demos/Masthead/examples/Masthead.md +18 -36
  33. package/docs/demos/Modal/examples/Modal.md +12 -24
  34. package/docs/demos/Nav/examples/Nav.md +12 -24
  35. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -20
  36. package/docs/demos/Page/examples/Page.md +24 -48
  37. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +14 -28
  38. package/docs/demos/Skeleton/examples/Skeleton.md +2 -4
  39. package/docs/demos/Table/examples/Table.md +30 -60
  40. package/docs/demos/Tabs/examples/Tabs.md +12 -24
  41. package/docs/demos/Toolbar/examples/Toolbar.md +4 -8
  42. package/docs/demos/Wizard/examples/Wizard.md +18 -36
  43. package/package.json +2 -2
  44. package/patternfly-no-globals.css +32 -8
  45. package/patternfly.css +32 -8
  46. package/patternfly.min.css +1 -1
  47. package/patternfly.min.css.map +1 -1
package/docs/demos/Table/examples/Table.md CHANGED
@@ -248,10 +248,8 @@ wrapperTag: div
248
248
  </section>
249
249
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
250
250
  <div class="pf-v6-c-page__main-body">
251
- <div class="pf-v6-c-content">
252
- <h1>Main title</h1>
253
- <p>This is a full page demo.</p>
254
- </div>
251
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
252
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
255
253
  </div>
256
254
  </section>
257
255
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -1259,10 +1257,8 @@ wrapperTag: div
1259
1257
  </section>
1260
1258
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
1261
1259
  <div class="pf-v6-c-page__main-body">
1262
- <div class="pf-v6-c-content">
1263
- <h1>Main title</h1>
1264
- <p>This is a full page demo.</p>
1265
- </div>
1260
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1261
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
1266
1262
  </div>
1267
1263
  </section>
1268
1264
  <section class="pf-v6-c-page__main-section">
@@ -2366,10 +2362,8 @@ wrapperTag: div
2366
2362
  </section>
2367
2363
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
2368
2364
  <div class="pf-v6-c-page__main-body">
2369
- <div class="pf-v6-c-content">
2370
- <h1>Main title</h1>
2371
- <p>This is a full page demo.</p>
2372
- </div>
2365
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2366
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
2373
2367
  </div>
2374
2368
  </section>
2375
2369
  <section class="pf-v6-c-page__main-section">
@@ -3619,10 +3613,8 @@ wrapperTag: div
3619
3613
  </section>
3620
3614
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
3621
3615
  <div class="pf-v6-c-page__main-body">
3622
- <div class="pf-v6-c-content">
3623
- <h1>Main title</h1>
3624
- <p>This is a full page demo.</p>
3625
- </div>
3616
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
3617
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
3626
3618
  </div>
3627
3619
  </section>
3628
3620
  <section class="pf-v6-c-page__main-section">
@@ -4556,10 +4548,8 @@ wrapperTag: div
4556
4548
  </section>
4557
4549
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
4558
4550
  <div class="pf-v6-c-page__main-body">
4559
- <div class="pf-v6-c-content">
4560
- <h1>Main title</h1>
4561
- <p>This is a full page demo.</p>
4562
- </div>
4551
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
4552
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
4563
4553
  </div>
4564
4554
  </section>
4565
4555
  <section class="pf-v6-c-page__main-section">
@@ -7442,10 +7432,8 @@ wrapperTag: div
7442
7432
  </section>
7443
7433
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
7444
7434
  <div class="pf-v6-c-page__main-body">
7445
- <div class="pf-v6-c-content">
7446
- <h1>Main title</h1>
7447
- <p>This is a full page demo.</p>
7448
- </div>
7435
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
7436
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
7449
7437
  </div>
7450
7438
  </section>
7451
7439
  <section class="pf-v6-c-page__main-section">
@@ -7818,10 +7806,8 @@ wrapperTag: div
7818
7806
  </section>
7819
7807
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
7820
7808
  <div class="pf-v6-c-page__main-body">
7821
- <div class="pf-v6-c-content">
7822
- <h1>Main title</h1>
7823
- <p>This is a full page demo.</p>
7824
- </div>
7809
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
7810
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
7825
7811
  </div>
7826
7812
  </section>
7827
7813
  <section class="pf-v6-c-page__main-section">
@@ -8188,10 +8174,8 @@ wrapperTag: div
8188
8174
  </section>
8189
8175
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
8190
8176
  <div class="pf-v6-c-page__main-body">
8191
- <div class="pf-v6-c-content">
8192
- <h1>Main title</h1>
8193
- <p>This is a full page demo.</p>
8194
- </div>
8177
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
8178
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
8195
8179
  </div>
8196
8180
  </section>
8197
8181
  <section class="pf-v6-c-page__main-section">
@@ -9213,10 +9197,8 @@ wrapperTag: div
9213
9197
  </section>
9214
9198
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
9215
9199
  <div class="pf-v6-c-page__main-body">
9216
- <div class="pf-v6-c-content">
9217
- <h1>Main title</h1>
9218
- <p>This is a full page demo.</p>
9219
- </div>
9200
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
9201
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
9220
9202
  </div>
9221
9203
  </section>
9222
9204
  <section class="pf-v6-c-page__main-section">
@@ -10378,10 +10360,8 @@ wrapperTag: div
10378
10360
  </section>
10379
10361
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
10380
10362
  <div class="pf-v6-c-page__main-body">
10381
- <div class="pf-v6-c-content">
10382
- <h1>Main title</h1>
10383
- <p>This is a full page demo.</p>
10384
- </div>
10363
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
10364
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
10385
10365
  </div>
10386
10366
  </section>
10387
10367
  <section class="pf-v6-c-page__main-section">
@@ -11400,10 +11380,8 @@ wrapperTag: div
11400
11380
  </section>
11401
11381
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
11402
11382
  <div class="pf-v6-c-page__main-body">
11403
- <div class="pf-v6-c-content">
11404
- <h1>Main title</h1>
11405
- <p>This is a full page demo.</p>
11406
- </div>
11383
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
11384
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
11407
11385
  </div>
11408
11386
  </section>
11409
11387
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -12533,10 +12511,8 @@ wrapperTag: div
12533
12511
  </section>
12534
12512
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
12535
12513
  <div class="pf-v6-c-page__main-body">
12536
- <div class="pf-v6-c-content">
12537
- <h1>Main title</h1>
12538
- <p>This is a full page demo.</p>
12539
- </div>
12514
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
12515
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
12540
12516
  </div>
12541
12517
  </section>
12542
12518
  <section
@@ -13702,10 +13678,8 @@ wrapperTag: div
13702
13678
  </section>
13703
13679
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
13704
13680
  <div class="pf-v6-c-page__main-body">
13705
- <div class="pf-v6-c-content">
13706
- <h1>Main title</h1>
13707
- <p>This is a full page demo.</p>
13708
- </div>
13681
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
13682
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
13709
13683
  </div>
13710
13684
  </section>
13711
13685
  <section class="pf-v6-c-page__main-section pf-m-overflow-scroll">
@@ -14869,10 +14843,8 @@ wrapperTag: div
14869
14843
  </section>
14870
14844
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
14871
14845
  <div class="pf-v6-c-page__main-body">
14872
- <div class="pf-v6-c-content">
14873
- <h1>Main title</h1>
14874
- <p>This is a full page demo.</p>
14875
- </div>
14846
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
14847
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
14876
14848
  </div>
14877
14849
  </section>
14878
14850
  <section class="pf-v6-c-page__main-section pf-m-overflow-scroll">
@@ -15998,10 +15970,8 @@ By default, table cell alignment is set to baseline. This retains vertical align
15998
15970
  </section>
15999
15971
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
16000
15972
  <div class="pf-v6-c-page__main-body">
16001
- <div class="pf-v6-c-content">
16002
- <h1>Main title</h1>
16003
- <p>This is a full page demo.</p>
16004
- </div>
15973
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
15974
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
16005
15975
  </div>
16006
15976
  </section>
16007
15977
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -259,10 +259,8 @@ section: components
259
259
  </section>
260
260
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
261
261
  <div class="pf-v6-c-page__main-body">
262
- <div class="pf-v6-c-content">
263
- <h1>Main title</h1>
264
- <p>This is a full page demo.</p>
265
- </div>
262
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
263
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
266
264
  </div>
267
265
  </section>
268
266
 
@@ -827,10 +825,8 @@ section: components
827
825
  </section>
828
826
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
829
827
  <div class="pf-v6-c-page__main-body">
830
- <div class="pf-v6-c-content">
831
- <h1>Main title</h1>
832
- <p>This is a full page demo.</p>
833
- </div>
828
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
829
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
834
830
  </div>
835
831
  </section>
836
832
  <section class="pf-v6-c-page__main-tabs pf-m-limit-width">
@@ -1396,10 +1392,8 @@ section: components
1396
1392
  </section>
1397
1393
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
1398
1394
  <div class="pf-v6-c-page__main-body">
1399
- <div class="pf-v6-c-content">
1400
- <h1>Main title</h1>
1401
- <p>This is a full page demo.</p>
1402
- </div>
1395
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1396
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
1403
1397
  </div>
1404
1398
  </section>
1405
1399
  <section class="pf-v6-c-page__main-tabs pf-m-limit-width">
@@ -1884,10 +1878,8 @@ section: components
1884
1878
  </section>
1885
1879
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
1886
1880
  <div class="pf-v6-c-page__main-body">
1887
- <div class="pf-v6-c-content">
1888
- <h1>Main title</h1>
1889
- <p>This is a full page demo.</p>
1890
- </div>
1881
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1882
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
1891
1883
  </div>
1892
1884
  </section>
1893
1885
  <section class="pf-v6-c-page__main-section">
@@ -3131,10 +3123,8 @@ section: components
3131
3123
  </section>
3132
3124
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
3133
3125
  <div class="pf-v6-c-page__main-body">
3134
- <div class="pf-v6-c-content">
3135
- <h1>Main title</h1>
3136
- <p>This is a full page demo.</p>
3137
- </div>
3126
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
3127
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
3138
3128
  </div>
3139
3129
  </section>
3140
3130
  <section class="pf-v6-c-page__main-section">
@@ -3438,10 +3428,8 @@ section: components
3438
3428
  </section>
3439
3429
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
3440
3430
  <div class="pf-v6-c-page__main-body">
3441
- <div class="pf-v6-c-content">
3442
- <h1>Main title</h1>
3443
- <p>This is a full page demo.</p>
3444
- </div>
3431
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
3432
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
3445
3433
  </div>
3446
3434
  </section>
3447
3435
  <section class="pf-v6-c-page__main-tabs pf-m-limit-width">
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -430,10 +430,8 @@ section: components
430
430
  </section>
431
431
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
432
432
  <div class="pf-v6-c-page__main-body">
433
- <div class="pf-v6-c-content">
434
- <h1>Main title</h1>
435
- <p>This is a full page demo.</p>
436
- </div>
433
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
434
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
437
435
  </div>
438
436
  </section>
439
437
  <section class="pf-v6-c-page__main-section">
@@ -2708,10 +2706,8 @@ section: components
2708
2706
  </section>
2709
2707
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
2710
2708
  <div class="pf-v6-c-page__main-body">
2711
- <div class="pf-v6-c-content">
2712
- <h1>Main title</h1>
2713
- <p>This is a full page demo.</p>
2714
- </div>
2709
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2710
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
2715
2711
  </div>
2716
2712
  </section>
2717
2713
  <section class="pf-v6-c-page__main-section">
package/docs/demos/Wizard/examples/Wizard.md CHANGED
@@ -260,10 +260,8 @@ wrapperTag: div
260
260
  </section>
261
261
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
262
262
  <div class="pf-v6-c-page__main-body">
263
- <div class="pf-v6-c-content">
264
- <h1>Main title</h1>
265
- <p>This is a full page demo.</p>
266
- </div>
263
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
264
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
267
265
  </div>
268
266
  </section>
269
267
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -864,10 +862,8 @@ wrapperTag: div
864
862
  </section>
865
863
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
866
864
  <div class="pf-v6-c-page__main-body">
867
- <div class="pf-v6-c-content">
868
- <h1>Main title</h1>
869
- <p>This is a full page demo.</p>
870
- </div>
865
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
866
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
871
867
  </div>
872
868
  </section>
873
869
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -1450,10 +1446,8 @@ wrapperTag: div
1450
1446
  </section>
1451
1447
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
1452
1448
  <div class="pf-v6-c-page__main-body">
1453
- <div class="pf-v6-c-content">
1454
- <h1>Main title</h1>
1455
- <p>This is a full page demo.</p>
1456
- </div>
1449
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1450
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
1457
1451
  </div>
1458
1452
  </section>
1459
1453
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -2121,10 +2115,8 @@ wrapperTag: div
2121
2115
  </section>
2122
2116
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
2123
2117
  <div class="pf-v6-c-page__main-body">
2124
- <div class="pf-v6-c-content">
2125
- <h1>Main title</h1>
2126
- <p>This is a full page demo.</p>
2127
- </div>
2118
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2119
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
2128
2120
  </div>
2129
2121
  </section>
2130
2122
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -2792,10 +2784,8 @@ wrapperTag: div
2792
2784
  </section>
2793
2785
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
2794
2786
  <div class="pf-v6-c-page__main-body">
2795
- <div class="pf-v6-c-content">
2796
- <h1>Main title</h1>
2797
- <p>This is a full page demo.</p>
2798
- </div>
2787
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2788
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
2799
2789
  </div>
2800
2790
  </section>
2801
2791
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -3333,10 +3323,8 @@ wrapperTag: div
3333
3323
  </section>
3334
3324
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
3335
3325
  <div class="pf-v6-c-page__main-body">
3336
- <div class="pf-v6-c-content">
3337
- <h1>Main title</h1>
3338
- <p>This is a full page demo.</p>
3339
- </div>
3326
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
3327
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
3340
3328
  </div>
3341
3329
  </section>
3342
3330
  <section class="pf-v6-c-page__main-wizard">
@@ -3881,10 +3869,8 @@ wrapperTag: div
3881
3869
  </section>
3882
3870
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
3883
3871
  <div class="pf-v6-c-page__main-body">
3884
- <div class="pf-v6-c-content">
3885
- <h1>Main title</h1>
3886
- <p>This is a full page demo.</p>
3887
- </div>
3872
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
3873
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
3888
3874
  </div>
3889
3875
  </section>
3890
3876
  <section class="pf-v6-c-page__main-wizard">
@@ -4411,10 +4397,8 @@ wrapperTag: div
4411
4397
  </section>
4412
4398
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
4413
4399
  <div class="pf-v6-c-page__main-body">
4414
- <div class="pf-v6-c-content">
4415
- <h1>Main title</h1>
4416
- <p>This is a full page demo.</p>
4417
- </div>
4400
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
4401
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
4418
4402
  </div>
4419
4403
  </section>
4420
4404
  <section class="pf-v6-c-page__main-wizard">
@@ -5012,10 +4996,8 @@ wrapperTag: div
5012
4996
  </section>
5013
4997
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
5014
4998
  <div class="pf-v6-c-page__main-body">
5015
- <div class="pf-v6-c-content">
5016
- <h1>Main title</h1>
5017
- <p>This is a full page demo.</p>
5018
- </div>
4999
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
5000
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
5019
5001
  </div>
5020
5002
  </section>
5021
5003
  <section class="pf-v6-c-page__main-wizard">
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.1.0-prerelease.2",
4
+ "version": "6.1.0-prerelease.3",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,7 +47,7 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.0.6",
50
+ "@patternfly/documentation-framework": "6.0.8",
51
51
  "@patternfly/patternfly-a11y": "5.0.0",
52
52
  "@patternfly/react-code-editor": "6.0.0",
53
53
  "@patternfly/react-core": "6.0.0",
package/patternfly-no-globals.css CHANGED
@@ -10444,6 +10444,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10444
10444
  --pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
10445
10445
  --pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
10446
10446
  --pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
10447
+ --pf-v6-c-content--heading--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
10447
10448
  --pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
10448
10449
  --pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
10449
10450
  --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -10543,6 +10544,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10543
10544
  .pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6):last-child {
10544
10545
  margin-block-end: 0;
10545
10546
  }
10547
+ :is(.pf-v6-c-content--h1,
10548
+ .pf-v6-c-content--h2,
10549
+ .pf-v6-c-content--h3,
10550
+ .pf-v6-c-content--h4,
10551
+ .pf-v6-c-content--h5,
10552
+ .pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6).pf-m-page-title {
10553
+ font-weight: var(--pf-v6-c-content--heading--m-page-title--FontWeight);
10554
+ }
10546
10555
 
10547
10556
  :is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
10548
10557
  margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
@@ -15313,6 +15322,7 @@ label.pf-v6-c-input-group__text {
15313
15322
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
15314
15323
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15315
15324
  --pf-v6-c-label--MaxWidth: 100%;
15325
+ --pf-v6-c-label--MinWidth: 3em;
15316
15326
  --pf-v6-c-label--BorderWidth: 0;
15317
15327
  --pf-v6-c-label--BorderColor: transparent;
15318
15328
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -15502,6 +15512,7 @@ label.pf-v6-c-input-group__text {
15502
15512
 
15503
15513
  .pf-v6-c-label {
15504
15514
  position: relative;
15515
+ min-width: var(--pf-v6-c-label--MinWidth);
15505
15516
  max-width: var(--pf-v6-c-label--MaxWidth);
15506
15517
  padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
15507
15518
  padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
@@ -15804,16 +15815,22 @@ input.pf-v6-c-label__content {
15804
15815
  .pf-v6-c-label-group {
15805
15816
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
15806
15817
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
15818
+ --pf-v6-c-label-group--MaxWidth: 100%;
15807
15819
  --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
15808
15820
  --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
15809
15821
  --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
15810
15822
  --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
15823
+ --pf-v6-c-label-group__main--MaxWidth: 100%;
15824
+ --pf-v6-c-label-group__main--MinWidth: 0;
15811
15825
  --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
15812
15826
  --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
15813
15827
  --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
15814
15828
  --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
15829
+ --pf-v6-c-label-group__list--MaxWidth: 100%;
15830
+ --pf-v6-c-label-group__list--MinWidth: 0;
15815
15831
  --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
15816
15832
  --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
15833
+ --pf-v6-c-label-group__list-item--MaxWidth: 100%;
15817
15834
  --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
15818
15835
  --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
15819
15836
  --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -15840,6 +15857,7 @@ input.pf-v6-c-label__content {
15840
15857
  row-gap: var(--pf-v6-c-label-group--RowGap);
15841
15858
  column-gap: var(--pf-v6-c-label-group--ColumnGap);
15842
15859
  align-items: center;
15860
+ max-width: var(--pf-v6-c-label-group--MaxWidth);
15843
15861
  }
15844
15862
  .pf-v6-c-label-group.pf-m-category {
15845
15863
  padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
@@ -15865,9 +15883,11 @@ input.pf-v6-c-label__content {
15865
15883
  .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
15866
15884
  flex-direction: column;
15867
15885
  align-items: flex-start;
15886
+ max-width: var(--pf-v6-c-label-group__list--MaxWidth);
15868
15887
  }
15869
15888
  .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
15870
15889
  flex-direction: column;
15890
+ min-width: var(--pf-v6-c-label-group__main--MinWidth);
15871
15891
  }
15872
15892
  .pf-v6-c-label-group.pf-m-editable,
15873
15893
  .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
@@ -15888,6 +15908,7 @@ input.pf-v6-c-label__content {
15888
15908
  row-gap: var(--pf-v6-c-label-group__main--RowGap);
15889
15909
  column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
15890
15910
  align-items: baseline;
15911
+ min-width: var(--pf-v6-c-label-group__main--MinWidth);
15891
15912
  }
15892
15913
 
15893
15914
  .pf-v6-c-label-group__list {
@@ -15895,10 +15916,12 @@ input.pf-v6-c-label__content {
15895
15916
  flex-wrap: wrap;
15896
15917
  row-gap: var(--pf-v6-c-label-group__list--RowGap);
15897
15918
  column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
15919
+ min-width: var(--pf-v6-c-label-group__list--MinWidth);
15898
15920
  }
15899
15921
 
15900
15922
  .pf-v6-c-label-group__list-item {
15901
15923
  display: inline-flex;
15924
+ max-width: var(--pf-v6-c-label-group__list-item--MaxWidth);
15902
15925
  }
15903
15926
 
15904
15927
  .pf-v6-c-label-group__label {
@@ -17760,13 +17783,6 @@ ul.pf-v6-c-list {
17760
17783
  flex-wrap: nowrap;
17761
17784
  }
17762
17785
 
17763
- .pf-v6-c-menu-toggle__controls,
17764
- .pf-v6-c-menu-toggle__toggle-icon {
17765
- display: flex;
17766
- align-items: center;
17767
- justify-content: center;
17768
- }
17769
-
17770
17786
  .pf-v6-c-menu-toggle__icon {
17771
17787
  flex-shrink: 0;
17772
17788
  }
@@ -17778,7 +17794,10 @@ ul.pf-v6-c-list {
17778
17794
  }
17779
17795
 
17780
17796
  .pf-v6-c-menu-toggle__controls {
17797
+ display: flex;
17781
17798
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
17799
+ align-items: center;
17800
+ justify-content: center;
17782
17801
  margin-inline-start: auto;
17783
17802
  }
17784
17803
 
@@ -24144,6 +24163,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24144
24163
  .pf-v6-c-table .pf-v6-c-table__draggable {
24145
24164
  --pf-v6-c-table--cell--MinWidth: 0;
24146
24165
  --pf-v6-c-table--cell--Width: 1%;
24166
+ max-width: none;
24147
24167
  }
24148
24168
 
24149
24169
  .pf-v6-c-table .pf-v6-c-table__favorite {
@@ -26549,6 +26569,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26549
26569
  --pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
26550
26570
  --pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
26551
26571
  --pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
26572
+ --pf-v6-c-title--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
26552
26573
  }
26553
26574
 
26554
26575
  .pf-v6-c-title {
@@ -26615,6 +26636,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26615
26636
  font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
26616
26637
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
26617
26638
  }
26639
+ .pf-v6-c-title.pf-m-page-title {
26640
+ font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
26641
+ }
26618
26642
 
26619
26643
  .pf-v6-c-toggle-group {
26620
26644
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29386,7 +29410,7 @@ label.pf-v6-c-tree-view__node-text {
29386
29410
  --pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
29387
29411
  --pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
29388
29412
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
29389
- --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--xs);
29413
+ --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
29390
29414
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29391
29415
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
29392
29416
  --pf-v6-c-wizard__nav--Width: 100%;