@patternfly/patternfly 6.5.0-prerelease.81 → 6.5.0-prerelease.82

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 (36) hide show
  1. package/components/Card/card.scss +7 -9
  2. package/components/Hero/hero.css +19 -19
  3. package/components/Hero/hero.scss +30 -29
  4. package/components/_index.css +19 -19
  5. package/docs/components/Card/examples/Card.md +3 -3
  6. package/docs/components/Compass/examples/Compass.css +3 -3
  7. package/docs/components/Compass/examples/Compass.md +1 -2
  8. package/docs/components/Hero/examples/Hero.md +1 -1
  9. package/docs/components/Masthead/examples/masthead.md +79 -7
  10. package/docs/demos/AboutModal/examples/AboutModal.md +1 -1
  11. package/docs/demos/Alert/examples/Alert.md +3 -3
  12. package/docs/demos/BackToTop/examples/BackToTop.md +1 -1
  13. package/docs/demos/Banner/examples/Banner.md +2 -2
  14. package/docs/demos/CardView/examples/CardView.md +1 -1
  15. package/docs/demos/Compass/examples/Compass.md +14 -15
  16. package/docs/demos/Dashboard/examples/Dashboard.md +1 -1
  17. package/docs/demos/DataList/examples/DataList.md +4 -4
  18. package/docs/demos/DescriptionList/examples/DescriptionList.md +3 -3
  19. package/docs/demos/Drawer/examples/Drawer.md +5 -5
  20. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -6
  21. package/docs/demos/Masthead/examples/Masthead.md +9 -9
  22. package/docs/demos/Modal/examples/Modal.md +6 -6
  23. package/docs/demos/Nav/examples/Nav.md +18 -18
  24. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  25. package/docs/demos/Page/examples/Page.md +14 -14
  26. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +7 -7
  27. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  28. package/docs/demos/Table/examples/Table.md +16 -16
  29. package/docs/demos/Tabs/examples/Tabs.md +6 -6
  30. package/docs/demos/Toolbar/examples/Toolbar.md +2 -2
  31. package/docs/demos/Wizard/examples/Wizard.md +9 -9
  32. package/package.json +5 -3
  33. package/patternfly-no-globals.css +19 -19
  34. package/patternfly.css +19 -19
  35. package/patternfly.min.css +1 -1
  36. package/patternfly.min.css.map +1 -1
@@ -51,7 +51,7 @@ wrapperTag: div
51
51
  <div class="pf-v6-c-masthead__brand">
52
52
  <a class="pf-v6-c-masthead__logo" href="#">
53
53
  <svg height="37px" viewBox="0 0 679 158">
54
- <title>PF-HorizontalLogo-Color</title>
54
+ <title>PatternFly</title>
55
55
  <defs>
56
56
  <linearGradient
57
57
  x1="68%"
@@ -468,7 +468,7 @@ wrapperTag: div
468
468
  <div class="pf-v6-c-masthead__brand">
469
469
  <a class="pf-v6-c-masthead__logo" href="#">
470
470
  <svg height="37px" viewBox="0 0 679 158">
471
- <title>PF-HorizontalLogo-Color</title>
471
+ <title>PatternFly</title>
472
472
  <defs>
473
473
  <linearGradient
474
474
  x1="68%"
@@ -900,7 +900,7 @@ wrapperTag: div
900
900
  <div class="pf-v6-c-masthead__brand">
901
901
  <a class="pf-v6-c-masthead__logo" href="#">
902
902
  <svg height="37px" viewBox="0 0 679 158">
903
- <title>PF-HorizontalLogo-Color</title>
903
+ <title>PatternFly</title>
904
904
  <defs>
905
905
  <linearGradient
906
906
  x1="68%"
@@ -1461,7 +1461,7 @@ wrapperTag: div
1461
1461
  <div class="pf-v6-c-masthead__brand">
1462
1462
  <a class="pf-v6-c-masthead__logo" href="#">
1463
1463
  <svg height="37px" viewBox="0 0 679 158">
1464
- <title>PF-HorizontalLogo-Color</title>
1464
+ <title>PatternFly</title>
1465
1465
  <defs>
1466
1466
  <linearGradient
1467
1467
  x1="68%"
@@ -1997,7 +1997,7 @@ wrapperTag: div
1997
1997
  <div class="pf-v6-c-masthead__brand">
1998
1998
  <a class="pf-v6-c-masthead__logo" href="#">
1999
1999
  <svg height="37px" viewBox="0 0 679 158">
2000
- <title>PF-HorizontalLogo-Color</title>
2000
+ <title>PatternFly</title>
2001
2001
  <defs>
2002
2002
  <linearGradient
2003
2003
  x1="68%"
@@ -2536,7 +2536,7 @@ wrapperTag: div
2536
2536
  <div class="pf-v6-c-masthead__brand">
2537
2537
  <a class="pf-v6-c-masthead__logo" href="#">
2538
2538
  <svg height="37px" viewBox="0 0 679 158">
2539
- <title>PF-HorizontalLogo-Color</title>
2539
+ <title>PatternFly</title>
2540
2540
  <defs>
2541
2541
  <linearGradient
2542
2542
  x1="68%"
@@ -3072,7 +3072,7 @@ wrapperTag: div
3072
3072
  <div class="pf-v6-c-masthead__brand">
3073
3073
  <a class="pf-v6-c-masthead__logo" href="#">
3074
3074
  <svg height="37px" viewBox="0 0 679 158">
3075
- <title>PF-HorizontalLogo-Color</title>
3075
+ <title>PatternFly</title>
3076
3076
  <defs>
3077
3077
  <linearGradient
3078
3078
  x1="68%"
@@ -3613,7 +3613,7 @@ wrapperTag: div
3613
3613
  <div class="pf-v6-c-masthead__brand">
3614
3614
  <a class="pf-v6-c-masthead__logo" href="#">
3615
3615
  <svg height="37px" viewBox="0 0 679 158">
3616
- <title>PF-HorizontalLogo-Color</title>
3616
+ <title>PatternFly</title>
3617
3617
  <defs>
3618
3618
  <linearGradient
3619
3619
  x1="68%"
@@ -4157,7 +4157,7 @@ wrapperTag: div
4157
4157
  <div class="pf-v6-c-masthead__brand">
4158
4158
  <a class="pf-v6-c-masthead__logo" href="#">
4159
4159
  <svg height="37px" viewBox="0 0 679 158">
4160
- <title>PF-HorizontalLogo-Color</title>
4160
+ <title>PatternFly</title>
4161
4161
  <defs>
4162
4162
  <linearGradient
4163
4163
  x1="68%"
@@ -4522,7 +4522,7 @@ wrapperTag: div
4522
4522
  <div class="pf-v6-c-masthead__brand">
4523
4523
  <a class="pf-v6-c-masthead__logo" href="#">
4524
4524
  <svg height="37px" viewBox="0 0 679 158">
4525
- <title>PF-HorizontalLogo-Color</title>
4525
+ <title>PatternFly</title>
4526
4526
  <defs>
4527
4527
  <linearGradient
4528
4528
  x1="68%"
@@ -4977,7 +4977,7 @@ wrapperTag: div
4977
4977
  <div class="pf-v6-c-masthead__brand">
4978
4978
  <a class="pf-v6-c-masthead__logo" href="#">
4979
4979
  <svg height="37px" viewBox="0 0 679 158">
4980
- <title>PF-HorizontalLogo-Color</title>
4980
+ <title>PatternFly</title>
4981
4981
  <defs>
4982
4982
  <linearGradient
4983
4983
  x1="68%"
@@ -5492,7 +5492,7 @@ wrapperTag: div
5492
5492
  <div class="pf-v6-c-masthead__brand">
5493
5493
  <a class="pf-v6-c-masthead__logo" href="#">
5494
5494
  <svg height="37px" viewBox="0 0 679 158">
5495
- <title>PF-HorizontalLogo-Color</title>
5495
+ <title>PatternFly</title>
5496
5496
  <defs>
5497
5497
  <linearGradient
5498
5498
  x1="68%"
@@ -5906,7 +5906,7 @@ wrapperTag: div
5906
5906
  <div class="pf-v6-c-masthead__brand">
5907
5907
  <a class="pf-v6-c-masthead__logo" href="#">
5908
5908
  <svg height="37px" viewBox="0 0 679 158">
5909
- <title>PF-HorizontalLogo-Color</title>
5909
+ <title>PatternFly</title>
5910
5910
  <defs>
5911
5911
  <linearGradient
5912
5912
  x1="68%"
@@ -6320,7 +6320,7 @@ wrapperTag: div
6320
6320
  <div class="pf-v6-c-masthead__brand">
6321
6321
  <a class="pf-v6-c-masthead__logo" href="#">
6322
6322
  <svg height="37px" viewBox="0 0 679 158">
6323
- <title>PF-HorizontalLogo-Color</title>
6323
+ <title>PatternFly</title>
6324
6324
  <defs>
6325
6325
  <linearGradient
6326
6326
  x1="68%"
@@ -55,7 +55,7 @@ wrapperTag: div
55
55
  <div class="pf-v6-c-masthead__brand">
56
56
  <a class="pf-v6-c-masthead__logo" href="#">
57
57
  <svg height="37px" viewBox="0 0 679 158">
58
- <title>PF-HorizontalLogo-Color</title>
58
+ <title>PatternFly</title>
59
59
  <defs>
60
60
  <linearGradient
61
61
  x1="68%"
@@ -1559,7 +1559,7 @@ wrapperTag: div
1559
1559
  <div class="pf-v6-c-masthead__brand">
1560
1560
  <a class="pf-v6-c-masthead__logo" href="#">
1561
1561
  <svg height="37px" viewBox="0 0 679 158">
1562
- <title>PF-HorizontalLogo-Color</title>
1562
+ <title>PatternFly</title>
1563
1563
  <defs>
1564
1564
  <linearGradient
1565
1565
  x1="68%"
@@ -2952,7 +2952,7 @@ wrapperTag: div
2952
2952
  <div class="pf-v6-c-masthead__brand">
2953
2953
  <a class="pf-v6-c-masthead__logo" href="#">
2954
2954
  <svg height="37px" viewBox="0 0 679 158">
2955
- <title>PF-HorizontalLogo-Color</title>
2955
+ <title>PatternFly</title>
2956
2956
  <defs>
2957
2957
  <linearGradient
2958
2958
  x1="68%"
@@ -4268,7 +4268,7 @@ wrapperTag: div
4268
4268
  <div class="pf-v6-c-masthead__brand">
4269
4269
  <a class="pf-v6-c-masthead__logo" href="#">
4270
4270
  <svg height="37px" viewBox="0 0 679 158">
4271
- <title>PF-HorizontalLogo-Color</title>
4271
+ <title>PatternFly</title>
4272
4272
  <defs>
4273
4273
  <linearGradient
4274
4274
  x1="68%"
@@ -5742,7 +5742,7 @@ wrapperTag: div
5742
5742
  <div class="pf-v6-c-masthead__brand">
5743
5743
  <a class="pf-v6-c-masthead__logo" href="#">
5744
5744
  <svg height="37px" viewBox="0 0 679 158">
5745
- <title>PF-HorizontalLogo-Color</title>
5745
+ <title>PatternFly</title>
5746
5746
  <defs>
5747
5747
  <linearGradient
5748
5748
  x1="68%"
@@ -6320,7 +6320,7 @@ wrapperTag: div
6320
6320
  <div class="pf-v6-c-masthead__brand">
6321
6321
  <a class="pf-v6-c-masthead__logo" href="#">
6322
6322
  <svg height="37px" viewBox="0 0 679 158">
6323
- <title>PF-HorizontalLogo-Color</title>
6323
+ <title>PatternFly</title>
6324
6324
  <defs>
6325
6325
  <linearGradient
6326
6326
  x1="68%"
@@ -7047,7 +7047,7 @@ wrapperTag: div
7047
7047
  <div class="pf-v6-c-masthead__brand">
7048
7048
  <a class="pf-v6-c-masthead__logo" href="#">
7049
7049
  <svg height="37px" viewBox="0 0 679 158">
7050
- <title>PF-HorizontalLogo-Color</title>
7050
+ <title>PatternFly</title>
7051
7051
  <defs>
7052
7052
  <linearGradient
7053
7053
  x1="68%"
@@ -51,7 +51,7 @@ section: components
51
51
  <div class="pf-v6-c-masthead__brand">
52
52
  <a class="pf-v6-c-masthead__logo" href="#">
53
53
  <svg height="37px" viewBox="0 0 679 158">
54
- <title>PF-HorizontalLogo-Color</title>
54
+ <title>PatternFly</title>
55
55
  <defs>
56
56
  <linearGradient
57
57
  x1="68%"
@@ -51,7 +51,7 @@ wrapperTag: div
51
51
  <div class="pf-v6-c-masthead__brand">
52
52
  <a class="pf-v6-c-masthead__logo" href="#">
53
53
  <svg height="37px" viewBox="0 0 679 158">
54
- <title>PF-HorizontalLogo-Color</title>
54
+ <title>PatternFly</title>
55
55
  <defs>
56
56
  <linearGradient
57
57
  x1="68%"
@@ -1561,7 +1561,7 @@ wrapperTag: div
1561
1561
  <div class="pf-v6-c-masthead__brand">
1562
1562
  <a class="pf-v6-c-masthead__logo" href="#">
1563
1563
  <svg height="37px" viewBox="0 0 679 158">
1564
- <title>PF-HorizontalLogo-Color</title>
1564
+ <title>PatternFly</title>
1565
1565
  <defs>
1566
1566
  <linearGradient
1567
1567
  x1="68%"
@@ -3094,7 +3094,7 @@ wrapperTag: div
3094
3094
  <div class="pf-v6-c-masthead__brand">
3095
3095
  <a class="pf-v6-c-masthead__logo" href="#">
3096
3096
  <svg height="37px" viewBox="0 0 679 158">
3097
- <title>PF-HorizontalLogo-Color</title>
3097
+ <title>PatternFly</title>
3098
3098
  <defs>
3099
3099
  <linearGradient
3100
3100
  x1="68%"
@@ -4780,7 +4780,7 @@ wrapperTag: div
4780
4780
  <div class="pf-v6-c-masthead__brand">
4781
4781
  <a class="pf-v6-c-masthead__logo" href="#">
4782
4782
  <svg height="37px" viewBox="0 0 679 158">
4783
- <title>PF-HorizontalLogo-Color</title>
4783
+ <title>PatternFly</title>
4784
4784
  <defs>
4785
4785
  <linearGradient
4786
4786
  x1="68%"
@@ -6038,7 +6038,7 @@ wrapperTag: div
6038
6038
  <div class="pf-v6-c-masthead__brand">
6039
6039
  <a class="pf-v6-c-masthead__logo" href="#">
6040
6040
  <svg height="37px" viewBox="0 0 679 158">
6041
- <title>PF-HorizontalLogo-Color</title>
6041
+ <title>PatternFly</title>
6042
6042
  <defs>
6043
6043
  <linearGradient
6044
6044
  x1="68%"
@@ -9929,7 +9929,7 @@ wrapperTag: div
9929
9929
  <div class="pf-v6-c-masthead__brand">
9930
9930
  <a class="pf-v6-c-masthead__logo" href="#">
9931
9931
  <svg height="37px" viewBox="0 0 679 158">
9932
- <title>PF-HorizontalLogo-Color</title>
9932
+ <title>PatternFly</title>
9933
9933
  <defs>
9934
9934
  <linearGradient
9935
9935
  x1="68%"
@@ -10415,7 +10415,7 @@ wrapperTag: div
10415
10415
  <div class="pf-v6-c-masthead__brand">
10416
10416
  <a class="pf-v6-c-masthead__logo" href="#">
10417
10417
  <svg height="37px" viewBox="0 0 679 158">
10418
- <title>PF-HorizontalLogo-Color</title>
10418
+ <title>PatternFly</title>
10419
10419
  <defs>
10420
10420
  <linearGradient
10421
10421
  x1="68%"
@@ -10907,7 +10907,7 @@ wrapperTag: div
10907
10907
  <div class="pf-v6-c-masthead__brand">
10908
10908
  <a class="pf-v6-c-masthead__logo" href="#">
10909
10909
  <svg height="37px" viewBox="0 0 679 158">
10910
- <title>PF-HorizontalLogo-Color</title>
10910
+ <title>PatternFly</title>
10911
10911
  <defs>
10912
10912
  <linearGradient
10913
10913
  x1="68%"
@@ -12444,7 +12444,7 @@ wrapperTag: div
12444
12444
  <div class="pf-v6-c-masthead__brand">
12445
12445
  <a class="pf-v6-c-masthead__logo" href="#">
12446
12446
  <svg height="37px" viewBox="0 0 679 158">
12447
- <title>PF-HorizontalLogo-Color</title>
12447
+ <title>PatternFly</title>
12448
12448
  <defs>
12449
12449
  <linearGradient
12450
12450
  x1="68%"
@@ -14059,7 +14059,7 @@ wrapperTag: div
14059
14059
  <div class="pf-v6-c-masthead__brand">
14060
14060
  <a class="pf-v6-c-masthead__logo" href="#">
14061
14061
  <svg height="37px" viewBox="0 0 679 158">
14062
- <title>PF-HorizontalLogo-Color</title>
14062
+ <title>PatternFly</title>
14063
14063
  <defs>
14064
14064
  <linearGradient
14065
14065
  x1="68%"
@@ -16208,7 +16208,7 @@ wrapperTag: div
16208
16208
  <div class="pf-v6-c-masthead__brand">
16209
16209
  <a class="pf-v6-c-masthead__logo" href="#">
16210
16210
  <svg height="37px" viewBox="0 0 679 158">
16211
- <title>PF-HorizontalLogo-Color</title>
16211
+ <title>PatternFly</title>
16212
16212
  <defs>
16213
16213
  <linearGradient
16214
16214
  x1="68%"
@@ -17843,7 +17843,7 @@ wrapperTag: div
17843
17843
  <div class="pf-v6-c-masthead__brand">
17844
17844
  <a class="pf-v6-c-masthead__logo" href="#">
17845
17845
  <svg height="37px" viewBox="0 0 679 158">
17846
- <title>PF-HorizontalLogo-Color</title>
17846
+ <title>PatternFly</title>
17847
17847
  <defs>
17848
17848
  <linearGradient
17849
17849
  x1="68%"
@@ -19514,7 +19514,7 @@ wrapperTag: div
19514
19514
  <div class="pf-v6-c-masthead__brand">
19515
19515
  <a class="pf-v6-c-masthead__logo" href="#">
19516
19516
  <svg height="37px" viewBox="0 0 679 158">
19517
- <title>PF-HorizontalLogo-Color</title>
19517
+ <title>PatternFly</title>
19518
19518
  <defs>
19519
19519
  <linearGradient
19520
19520
  x1="68%"
@@ -21183,7 +21183,7 @@ wrapperTag: div
21183
21183
  <div class="pf-v6-c-masthead__brand">
21184
21184
  <a class="pf-v6-c-masthead__logo" href="#">
21185
21185
  <svg height="37px" viewBox="0 0 679 158">
21186
- <title>PF-HorizontalLogo-Color</title>
21186
+ <title>PatternFly</title>
21187
21187
  <defs>
21188
21188
  <linearGradient
21189
21189
  x1="68%"
@@ -22814,7 +22814,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
22814
22814
  <div class="pf-v6-c-masthead__brand">
22815
22815
  <a class="pf-v6-c-masthead__logo" href="#">
22816
22816
  <svg height="37px" viewBox="0 0 679 158">
22817
- <title>PF-HorizontalLogo-Color</title>
22817
+ <title>PatternFly</title>
22818
22818
  <defs>
22819
22819
  <linearGradient
22820
22820
  x1="68%"
@@ -23535,7 +23535,7 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
23535
23535
  <div class="pf-v6-c-masthead__brand">
23536
23536
  <a class="pf-v6-c-masthead__logo" href="#">
23537
23537
  <svg height="37px" viewBox="0 0 679 158">
23538
- <title>PF-HorizontalLogo-Color</title>
23538
+ <title>PatternFly</title>
23539
23539
  <defs>
23540
23540
  <linearGradient
23541
23541
  x1="68%"
@@ -51,7 +51,7 @@ section: components
51
51
  <div class="pf-v6-c-masthead__brand">
52
52
  <a class="pf-v6-c-masthead__logo" href="#">
53
53
  <svg height="37px" viewBox="0 0 679 158">
54
- <title>PF-HorizontalLogo-Color</title>
54
+ <title>PatternFly</title>
55
55
  <defs>
56
56
  <linearGradient
57
57
  x1="68%"
@@ -737,7 +737,7 @@ section: components
737
737
  <div class="pf-v6-c-masthead__brand">
738
738
  <a class="pf-v6-c-masthead__logo" href="#">
739
739
  <svg height="37px" viewBox="0 0 679 158">
740
- <title>PF-HorizontalLogo-Color</title>
740
+ <title>PatternFly</title>
741
741
  <defs>
742
742
  <linearGradient
743
743
  x1="68%"
@@ -1430,7 +1430,7 @@ section: components
1430
1430
  <div class="pf-v6-c-masthead__brand">
1431
1431
  <a class="pf-v6-c-masthead__logo" href="#">
1432
1432
  <svg height="37px" viewBox="0 0 679 158">
1433
- <title>PF-HorizontalLogo-Color</title>
1433
+ <title>PatternFly</title>
1434
1434
  <defs>
1435
1435
  <linearGradient
1436
1436
  x1="68%"
@@ -2040,7 +2040,7 @@ section: components
2040
2040
  <div class="pf-v6-c-masthead__brand">
2041
2041
  <a class="pf-v6-c-masthead__logo" href="#">
2042
2042
  <svg height="37px" viewBox="0 0 679 158">
2043
- <title>PF-HorizontalLogo-Color</title>
2043
+ <title>PatternFly</title>
2044
2044
  <defs>
2045
2045
  <linearGradient
2046
2046
  x1="68%"
@@ -3570,7 +3570,7 @@ section: components
3570
3570
  <div class="pf-v6-c-masthead__brand">
3571
3571
  <a class="pf-v6-c-masthead__logo" href="#">
3572
3572
  <svg height="37px" viewBox="0 0 679 158">
3573
- <title>PF-HorizontalLogo-Color</title>
3573
+ <title>PatternFly</title>
3574
3574
  <defs>
3575
3575
  <linearGradient
3576
3576
  x1="68%"
@@ -3987,7 +3987,7 @@ section: components
3987
3987
  <div class="pf-v6-c-masthead__brand">
3988
3988
  <a class="pf-v6-c-masthead__logo" href="#">
3989
3989
  <svg height="37px" viewBox="0 0 679 158">
3990
- <title>PF-HorizontalLogo-Color</title>
3990
+ <title>PatternFly</title>
3991
3991
  <defs>
3992
3992
  <linearGradient
3993
3993
  x1="68%"
@@ -293,7 +293,7 @@ section: components
293
293
  <div class="pf-v6-c-masthead__brand">
294
294
  <a class="pf-v6-c-masthead__logo" href="#">
295
295
  <svg height="37px" viewBox="0 0 679 158">
296
- <title>PF-HorizontalLogo-Color</title>
296
+ <title>PatternFly</title>
297
297
  <defs>
298
298
  <linearGradient
299
299
  x1="68%"
@@ -3596,7 +3596,7 @@ section: components
3596
3596
  <div class="pf-v6-c-masthead__brand">
3597
3597
  <a class="pf-v6-c-masthead__logo" href="#">
3598
3598
  <svg height="37px" viewBox="0 0 679 158">
3599
- <title>PF-HorizontalLogo-Color</title>
3599
+ <title>PatternFly</title>
3600
3600
  <defs>
3601
3601
  <linearGradient
3602
3602
  x1="68%"
@@ -52,7 +52,7 @@ wrapperTag: div
52
52
  <div class="pf-v6-c-masthead__brand">
53
53
  <a class="pf-v6-c-masthead__logo" href="#">
54
54
  <svg height="37px" viewBox="0 0 679 158">
55
- <title>PF-HorizontalLogo-Color</title>
55
+ <title>PatternFly</title>
56
56
  <defs>
57
57
  <linearGradient
58
58
  x1="68%"
@@ -803,7 +803,7 @@ wrapperTag: div
803
803
  <div class="pf-v6-c-masthead__brand">
804
804
  <a class="pf-v6-c-masthead__logo" href="#">
805
805
  <svg height="37px" viewBox="0 0 679 158">
806
- <title>PF-HorizontalLogo-Color</title>
806
+ <title>PatternFly</title>
807
807
  <defs>
808
808
  <linearGradient
809
809
  x1="68%"
@@ -1536,7 +1536,7 @@ wrapperTag: div
1536
1536
  <div class="pf-v6-c-masthead__brand">
1537
1537
  <a class="pf-v6-c-masthead__logo" href="#">
1538
1538
  <svg height="37px" viewBox="0 0 679 158">
1539
- <title>PF-HorizontalLogo-Color</title>
1539
+ <title>PatternFly</title>
1540
1540
  <defs>
1541
1541
  <linearGradient
1542
1542
  x1="68%"
@@ -2365,7 +2365,7 @@ wrapperTag: div
2365
2365
  <div class="pf-v6-c-masthead__brand">
2366
2366
  <a class="pf-v6-c-masthead__logo" href="#">
2367
2367
  <svg height="37px" viewBox="0 0 679 158">
2368
- <title>PF-HorizontalLogo-Color</title>
2368
+ <title>PatternFly</title>
2369
2369
  <defs>
2370
2370
  <linearGradient
2371
2371
  x1="68%"
@@ -3190,7 +3190,7 @@ wrapperTag: div
3190
3190
  <div class="pf-v6-c-masthead__brand">
3191
3191
  <a class="pf-v6-c-masthead__logo" href="#">
3192
3192
  <svg height="37px" viewBox="0 0 679 158">
3193
- <title>PF-HorizontalLogo-Color</title>
3193
+ <title>PatternFly</title>
3194
3194
  <defs>
3195
3195
  <linearGradient
3196
3196
  x1="68%"
@@ -3890,7 +3890,7 @@ wrapperTag: div
3890
3890
  <div class="pf-v6-c-masthead__brand">
3891
3891
  <a class="pf-v6-c-masthead__logo" href="#">
3892
3892
  <svg height="37px" viewBox="0 0 679 158">
3893
- <title>PF-HorizontalLogo-Color</title>
3893
+ <title>PatternFly</title>
3894
3894
  <defs>
3895
3895
  <linearGradient
3896
3896
  x1="68%"
@@ -4573,7 +4573,7 @@ wrapperTag: div
4573
4573
  <div class="pf-v6-c-masthead__brand">
4574
4574
  <a class="pf-v6-c-masthead__logo" href="#">
4575
4575
  <svg height="37px" viewBox="0 0 679 158">
4576
- <title>PF-HorizontalLogo-Color</title>
4576
+ <title>PatternFly</title>
4577
4577
  <defs>
4578
4578
  <linearGradient
4579
4579
  x1="68%"
@@ -5238,7 +5238,7 @@ wrapperTag: div
5238
5238
  <div class="pf-v6-c-masthead__brand">
5239
5239
  <a class="pf-v6-c-masthead__logo" href="#">
5240
5240
  <svg height="37px" viewBox="0 0 679 158">
5241
- <title>PF-HorizontalLogo-Color</title>
5241
+ <title>PatternFly</title>
5242
5242
  <defs>
5243
5243
  <linearGradient
5244
5244
  x1="68%"
@@ -5986,7 +5986,7 @@ wrapperTag: div
5986
5986
  <div class="pf-v6-c-masthead__brand">
5987
5987
  <a class="pf-v6-c-masthead__logo" href="#">
5988
5988
  <svg height="37px" viewBox="0 0 679 158">
5989
- <title>PF-HorizontalLogo-Color</title>
5989
+ <title>PatternFly</title>
5990
5990
  <defs>
5991
5991
  <linearGradient
5992
5992
  x1="68%"
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.5.0-prerelease.81",
4
+ "version": "6.5.0-prerelease.82",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -19,6 +19,7 @@
19
19
  "backstop:test:felt-hc": "backstop test --config='backstop.js' --felt --high-contrast",
20
20
  "backstop:test:felt-dark-hc": "backstop test --config='backstop.js' --felt --dark --high-contrast",
21
21
  "backstop:test:felt-dark-glass": "backstop test --config='backstop.js' --felt --dark --glass",
22
+ "backstop:test:all": "npm run backstop:test; npm run backstop:test:dark; npm run backstop:test:glass; npm run backstop:test:hc; npm run backstop:test:dark-hc; npm run backstop:test:dark-glass; npm run backstop:test:felt; npm run backstop:test:felt-dark; npm run backstop:test:felt-glass; npm run backstop:test:felt-hc; npm run backstop:test:felt-dark-hc; npm run backstop:test:felt-dark-glass",
22
23
  "backstop:approve": "backstop approve --config='backstop.js'",
23
24
  "backstop:approve:dark": "backstop approve --config='backstop.js' --dark",
24
25
  "backstop:approve:glass": "backstop approve --config='backstop.js' --glass",
@@ -31,6 +32,7 @@
31
32
  "backstop:approve:felt-hc": "backstop approve --config='backstop.js' --felt --high-contrast",
32
33
  "backstop:approve:felt-dark-hc": "backstop approve --config='backstop.js' --felt --dark --high-contrast",
33
34
  "backstop:approve:felt-dark-glass": "backstop approve --config='backstop.js' --felt --dark --glass",
35
+ "backstop:approve:all": "npm run backstop:approve; npm run backstop:approve:dark; npm run backstop:approve:glass; npm run backstop:approve:hc; npm run backstop:approve:dark-hc; npm run backstop:approve:dark-glass; npm run backstop:approve:felt; npm run backstop:approve:felt-dark; npm run backstop:approve:felt-glass; npm run backstop:approve:felt-hc; npm run backstop:approve:felt-dark-hc; npm run backstop:approve:felt-dark-glass",
34
36
  "backstop:chrome": "node backstop_data/engine_scripts/puppet/chrome.js",
35
37
  "playwright": "node ./node_modules/playwright/cli.js",
36
38
  "build-patternfly": "gulp buildPatternfly",
@@ -69,7 +71,7 @@
69
71
  "@commitlint/config-conventional": "^19.1.0",
70
72
  "@fortawesome/fontawesome": "^1.1.8",
71
73
  "@octokit/rest": "^20.1.0",
72
- "@patternfly/documentation-framework": "6.38.5",
74
+ "@patternfly/documentation-framework": "6.38.7",
73
75
  "@patternfly/patternfly-a11y": "5.1.0",
74
76
  "@patternfly/react-code-editor": "6.4.3",
75
77
  "@patternfly/react-core": "6.4.3",
@@ -134,7 +136,7 @@
134
136
  "axios": "^1.13.1",
135
137
  "body-parser": "^2.2.0",
136
138
  "ws": "^8.18.0",
137
- "follow-redirects": "^1.15.11",
139
+ "follow-redirects": "^1.16.0",
138
140
  "express": "^4.21.2",
139
141
  "parse-git-config": "^3.0.0",
140
142
  "braces": "^3.0.3",
@@ -17873,10 +17873,10 @@ ul) {
17873
17873
  }
17874
17874
 
17875
17875
  .pf-v6-c-hero {
17876
- --pf-v6-c-hero--PaddingBlockStart: var(--pf-t--global--spacer--xl);
17877
- --pf-v6-c-hero--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
17876
+ --pf-v6-c-hero--PaddingBlockStart: var(--pf-t--global--spacer--3xl);
17877
+ --pf-v6-c-hero--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
17878
17878
  --pf-v6-c-hero--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
17879
- --pf-v6-c-hero--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
17879
+ --pf-v6-c-hero--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
17880
17880
  --pf-v6-c-hero--gradient--angle: 109deg;
17881
17881
  --pf-v6-c-hero--gradient--stop-1--light: transparent;
17882
17882
  --pf-v6-c-hero--gradient--stop-2--light: transparent;
@@ -17884,8 +17884,7 @@ ul) {
17884
17884
  --pf-v6-c-hero--gradient--stop-1--dark: transparent;
17885
17885
  --pf-v6-c-hero--gradient--stop-2--dark: transparent;
17886
17886
  --pf-v6-c-hero--gradient--stop-3--dark: transparent;
17887
- --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
17888
- --pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
17887
+ --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--tertiary--default);
17889
17888
  --pf-v6-c-hero--BackgroundImage--light: none;
17890
17889
  --pf-v6-c-hero--BackgroundImage--dark: none;
17891
17890
  --pf-v6-c-hero--BackgroundRepeat: no-repeat;
@@ -17897,14 +17896,16 @@ ul) {
17897
17896
  --pf-v6-c-hero--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
17898
17897
  --pf-v6-c-hero--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
17899
17898
  --pf-v6-c-hero--BorderColor: var(--pf-t--global--border--color--default);
17900
- --pf-v6-c-hero--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
17901
- --pf-v6-c-hero--m-glass--BoxShadow: var(--pf-t--global--box-shadow--md);
17902
- --pf-v6-c-hero--BorderStartStartRadius: 24px;
17903
- --pf-v6-c-hero--BorderStartEndRadius: 72px;
17904
- --pf-v6-c-hero--BorderEndEndRadius: 24px;
17905
- --pf-v6-c-hero--BorderEndStartRadius: 72px;
17899
+ --pf-v6-c-hero--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
17900
+ --pf-v6-c-hero--BorderStartEndRadius: 48px;
17901
+ --pf-v6-c-hero--BorderEndEndRadius: var(--pf-t--global--border--radius--medium);
17902
+ --pf-v6-c-hero--BorderEndStartRadius: 48px;
17906
17903
  --pf-v6-c-hero__body--Width: 800px;
17907
17904
  --pf-v6-c-hero__body--MaxWidth: 80%;
17905
+ --pf-v6-c-hero--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
17906
+ --pf-v6-c-hero--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
17907
+ --pf-v6-c-hero--m-glass--BorderColor: var(--pf-t--global--border--color--glass--default);
17908
+ --pf-v6-c-hero--m-glass--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
17908
17909
  }
17909
17910
 
17910
17911
  .pf-v6-c-hero {
@@ -17913,6 +17914,7 @@ ul) {
17913
17914
  padding-block-end: var(--pf-v6-c-hero--PaddingBlockEnd);
17914
17915
  padding-inline-start: var(--pf-v6-c-hero--PaddingInlineStart);
17915
17916
  padding-inline-end: var(--pf-v6-c-hero--PaddingInlineEnd);
17917
+ background-color: var(--pf-v6-c-hero--BackgroundColor);
17916
17918
  background-image: var(--pf-v6-c-hero--BackgroundImage, var(--pf-v6-c-hero--BackgroundImage--light)), linear-gradient(var(--pf-v6-c-hero--gradient--angle), var(--pf-v6-c-hero--gradient--stop-1, var(--pf-v6-c-hero--gradient--stop-1--light)) 0%, var(--pf-v6-c-hero--gradient--stop-2, var(--pf-v6-c-hero--gradient--stop-2--light)) 50%, var(--pf-v6-c-hero--gradient--stop-3, var(--pf-v6-c-hero--gradient--stop-3--light)) 100%);
17917
17919
  background-repeat: var(--pf-v6-c-hero--BackgroundRepeat);
17918
17920
  background-position: var(--pf-v6-c-hero--BackgroundPosition);
@@ -17928,20 +17930,18 @@ ul) {
17928
17930
  border-end-start-radius: var(--pf-v6-c-hero--BorderEndStartRadius);
17929
17931
  border-end-end-radius: var(--pf-v6-c-hero--BorderEndEndRadius);
17930
17932
  }
17933
+ :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
17934
+ --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
17935
+ --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
17936
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
17937
+ box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
17938
+ }
17931
17939
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
17932
17940
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
17933
17941
  --pf-v6-c-hero--gradient--stop-1: var(--pf-v6-c-hero--gradient--stop-1--dark);
17934
17942
  --pf-v6-c-hero--gradient--stop-2: var(--pf-v6-c-hero--gradient--stop-2--dark);
17935
17943
  --pf-v6-c-hero--gradient--stop-3: var(--pf-v6-c-hero--gradient--stop-3--dark);
17936
17944
  }
17937
- :root:where(.pf-v6-theme-glass) .pf-v6-c-hero {
17938
- --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
17939
- box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
17940
- }
17941
- .pf-v6-c-hero:not(.pf-m-no-glass) {
17942
- background-color: var(--pf-v6-c-hero--BackgroundColor);
17943
- backdrop-filter: var(--pf-v6-c-hero--BackdropFilter);
17944
- }
17945
17945
 
17946
17946
  .pf-v6-c-hero__body {
17947
17947
  width: min(var(--pf-v6-c-hero__body--Width), var(--pf-v6-c-hero__body--MaxWidth));