@patternfly/patternfly 6.0.0-alpha.126 → 6.0.0-alpha.128

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 (42) hide show
  1. package/base/patternfly-variables.css +15 -3
  2. package/base/tokens/tokens-charts-dark.scss +1 -1
  3. package/base/tokens/tokens-charts.scss +1 -1
  4. package/base/tokens/tokens-dark.scss +1 -1
  5. package/base/tokens/tokens-default.scss +16 -4
  6. package/base/tokens/tokens-palette.scss +1 -1
  7. package/components/AboutModalBox/about-modal-box.css +1 -1
  8. package/components/AboutModalBox/about-modal-box.scss +1 -1
  9. package/components/_index.css +1 -1
  10. package/docs/components/Brand/examples/Brand.md +2 -2
  11. package/docs/components/Masthead/examples/masthead.md +6 -6
  12. package/docs/demos/AboutModal/examples/AboutModal.md +1 -1
  13. package/docs/demos/Alert/examples/Alert.md +3 -3
  14. package/docs/demos/BackToTop/examples/BackToTop.md +1 -1
  15. package/docs/demos/Banner/examples/Banner.md +2 -2
  16. package/docs/demos/CardView/examples/CardView.md +1 -1
  17. package/docs/demos/ContextSelector/examples/ContextSelector.md +4 -4
  18. package/docs/demos/Dashboard/examples/Dashboard.md +1 -1
  19. package/docs/demos/DataList/examples/DataList.md +4 -4
  20. package/docs/demos/DescriptionList/examples/DescriptionList.md +3 -3
  21. package/docs/demos/Drawer/examples/Drawer.md +5 -5
  22. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -6
  23. package/docs/demos/Masthead/examples/Masthead.md +9 -9
  24. package/docs/demos/Modal/examples/Modal.md +6 -6
  25. package/docs/demos/Nav/examples/Nav.md +6 -6
  26. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  27. package/docs/demos/Page/examples/Page.md +9 -9
  28. package/docs/demos/Page/examples/Penta.md +1 -1
  29. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +7 -7
  30. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  31. package/docs/demos/Table/examples/Table.md +15 -15
  32. package/docs/demos/Tabs/examples/Tabs.md +6 -6
  33. package/docs/demos/Toolbar/examples/Toolbar.md +2 -2
  34. package/docs/demos/Wizard/examples/Wizard.md +9 -9
  35. package/package.json +1 -1
  36. package/patternfly-base-no-globals.css +15 -3
  37. package/patternfly-base.css +15 -3
  38. package/patternfly-no-globals.css +16 -4
  39. package/patternfly.css +16 -4
  40. package/patternfly.min.css +1 -1
  41. package/patternfly.min.css.map +1 -1
  42. package/sass-utilities/scss-variables.scss +1 -0
package/docs/demos/Modal/examples/Modal.md CHANGED
@@ -25,7 +25,7 @@ section: components
25
25
  </span>
26
26
  <div class="pf-v6-c-masthead__main">
27
27
  <a class="pf-v6-c-masthead__brand" href="#">
28
- <svg height="40px" viewBox="0 0 679 158">
28
+ <svg height="37px" viewBox="0 0 679 158">
29
29
  <title>PF-HorizontalLogo-Color</title>
30
30
  <defs>
31
31
  <linearGradient
@@ -381,7 +381,7 @@ section: components
381
381
  </span>
382
382
  <div class="pf-v6-c-masthead__main">
383
383
  <a class="pf-v6-c-masthead__brand" href="#">
384
- <svg height="40px" viewBox="0 0 679 158">
384
+ <svg height="37px" viewBox="0 0 679 158">
385
385
  <title>PF-HorizontalLogo-Color</title>
386
386
  <defs>
387
387
  <linearGradient
@@ -743,7 +743,7 @@ section: components
743
743
  </span>
744
744
  <div class="pf-v6-c-masthead__main">
745
745
  <a class="pf-v6-c-masthead__brand" href="#">
746
- <svg height="40px" viewBox="0 0 679 158">
746
+ <svg height="37px" viewBox="0 0 679 158">
747
747
  <title>PF-HorizontalLogo-Color</title>
748
748
  <defs>
749
749
  <linearGradient
@@ -1095,7 +1095,7 @@ section: components
1095
1095
  </span>
1096
1096
  <div class="pf-v6-c-masthead__main">
1097
1097
  <a class="pf-v6-c-masthead__brand" href="#">
1098
- <svg height="40px" viewBox="0 0 679 158">
1098
+ <svg height="37px" viewBox="0 0 679 158">
1099
1099
  <title>PF-HorizontalLogo-Color</title>
1100
1100
  <defs>
1101
1101
  <linearGradient
@@ -1447,7 +1447,7 @@ section: components
1447
1447
  </span>
1448
1448
  <div class="pf-v6-c-masthead__main">
1449
1449
  <a class="pf-v6-c-masthead__brand" href="#">
1450
- <svg height="40px" viewBox="0 0 679 158">
1450
+ <svg height="37px" viewBox="0 0 679 158">
1451
1451
  <title>PF-HorizontalLogo-Color</title>
1452
1452
  <defs>
1453
1453
  <linearGradient
@@ -1799,7 +1799,7 @@ section: components
1799
1799
  </span>
1800
1800
  <div class="pf-v6-c-masthead__main">
1801
1801
  <a class="pf-v6-c-masthead__brand" href="#">
1802
- <svg height="40px" viewBox="0 0 679 158">
1802
+ <svg height="37px" viewBox="0 0 679 158">
1803
1803
  <title>PF-HorizontalLogo-Color</title>
1804
1804
  <defs>
1805
1805
  <linearGradient
package/docs/demos/Nav/examples/Nav.md CHANGED
@@ -25,7 +25,7 @@ section: components
25
25
  </span>
26
26
  <div class="pf-v6-c-masthead__main">
27
27
  <a class="pf-v6-c-masthead__brand" href="#">
28
- <svg height="40px" viewBox="0 0 679 158">
28
+ <svg height="37px" viewBox="0 0 679 158">
29
29
  <title>PF-HorizontalLogo-Color</title>
30
30
  <defs>
31
31
  <linearGradient
@@ -340,7 +340,7 @@ section: components
340
340
  </span>
341
341
  <div class="pf-v6-c-masthead__main">
342
342
  <a class="pf-v6-c-masthead__brand" href="#">
343
- <svg height="40px" viewBox="0 0 679 158">
343
+ <svg height="37px" viewBox="0 0 679 158">
344
344
  <title>PF-HorizontalLogo-Color</title>
345
345
  <defs>
346
346
  <linearGradient
@@ -679,7 +679,7 @@ section: components
679
679
  </span>
680
680
  <div class="pf-v6-c-masthead__main">
681
681
  <a class="pf-v6-c-masthead__brand" href="#">
682
- <svg height="40px" viewBox="0 0 679 158">
682
+ <svg height="37px" viewBox="0 0 679 158">
683
683
  <title>PF-HorizontalLogo-Color</title>
684
684
  <defs>
685
685
  <linearGradient
@@ -1065,7 +1065,7 @@ section: components
1065
1065
  <header class="pf-v6-c-masthead" id="nav-horizontal-example-masthead">
1066
1066
  <div class="pf-v6-c-masthead__main">
1067
1067
  <a class="pf-v6-c-masthead__brand" href="#">
1068
- <svg height="40px" viewBox="0 0 679 158">
1068
+ <svg height="37px" viewBox="0 0 679 158">
1069
1069
  <title>PF-HorizontalLogo-Color</title>
1070
1070
  <defs>
1071
1071
  <linearGradient
@@ -1399,7 +1399,7 @@ section: components
1399
1399
  </span>
1400
1400
  <div class="pf-v6-c-masthead__main">
1401
1401
  <a class="pf-v6-c-masthead__brand" href="#">
1402
- <svg height="40px" viewBox="0 0 679 158">
1402
+ <svg height="37px" viewBox="0 0 679 158">
1403
1403
  <title>PF-HorizontalLogo-Color</title>
1404
1404
  <defs>
1405
1405
  <linearGradient
@@ -1738,7 +1738,7 @@ section: components
1738
1738
  </span>
1739
1739
  <div class="pf-v6-c-masthead__main">
1740
1740
  <a class="pf-v6-c-masthead__brand" href="#">
1741
- <svg height="40px" viewBox="0 0 679 158">
1741
+ <svg height="37px" viewBox="0 0 679 158">
1742
1742
  <title>PF-HorizontalLogo-Color</title>
1743
1743
  <defs>
1744
1744
  <linearGradient
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -25,7 +25,7 @@ section: components
25
25
  </span>
26
26
  <div class="pf-v6-c-masthead__main">
27
27
  <a class="pf-v6-c-masthead__brand" href="#">
28
- <svg height="40px" viewBox="0 0 679 158">
28
+ <svg height="37px" viewBox="0 0 679 158">
29
29
  <title>PF-HorizontalLogo-Color</title>
30
30
  <defs>
31
31
  <linearGradient
@@ -1031,7 +1031,7 @@ section: components
1031
1031
  </span>
1032
1032
  <div class="pf-v6-c-masthead__main">
1033
1033
  <a class="pf-v6-c-masthead__brand" href="#">
1034
- <svg height="40px" viewBox="0 0 679 158">
1034
+ <svg height="37px" viewBox="0 0 679 158">
1035
1035
  <title>PF-HorizontalLogo-Color</title>
1036
1036
  <defs>
1037
1037
  <linearGradient
@@ -2040,7 +2040,7 @@ section: components
2040
2040
  </span>
2041
2041
  <div class="pf-v6-c-masthead__main">
2042
2042
  <a class="pf-v6-c-masthead__brand" href="#">
2043
- <svg height="40px" viewBox="0 0 679 158">
2043
+ <svg height="37px" viewBox="0 0 679 158">
2044
2044
  <title>PF-HorizontalLogo-Color</title>
2045
2045
  <defs>
2046
2046
  <linearGradient
@@ -3052,7 +3052,7 @@ section: components
3052
3052
  </span>
3053
3053
  <div class="pf-v6-c-masthead__main">
3054
3054
  <a class="pf-v6-c-masthead__brand" href="#">
3055
- <svg height="40px" viewBox="0 0 679 158">
3055
+ <svg height="37px" viewBox="0 0 679 158">
3056
3056
  <title>PF-HorizontalLogo-Color</title>
3057
3057
  <defs>
3058
3058
  <linearGradient
@@ -4063,7 +4063,7 @@ section: components
4063
4063
  </span>
4064
4064
  <div class="pf-v6-c-masthead__main">
4065
4065
  <a class="pf-v6-c-masthead__brand" href="#">
4066
- <svg height="40px" viewBox="0 0 679 158">
4066
+ <svg height="37px" viewBox="0 0 679 158">
4067
4067
  <title>PF-HorizontalLogo-Color</title>
4068
4068
  <defs>
4069
4069
  <linearGradient
package/docs/demos/Page/examples/Page.md CHANGED
@@ -26,7 +26,7 @@ wrapperTag: div
26
26
  </span>
27
27
  <div class="pf-v6-c-masthead__main">
28
28
  <a class="pf-v6-c-masthead__brand" href="#">
29
- <svg height="40px" viewBox="0 0 679 158">
29
+ <svg height="37px" viewBox="0 0 679 158">
30
30
  <title>PF-HorizontalLogo-Color</title>
31
31
  <defs>
32
32
  <linearGradient
@@ -344,7 +344,7 @@ wrapperTag: div
344
344
  </span>
345
345
  <div class="pf-v6-c-masthead__main">
346
346
  <a class="pf-v6-c-masthead__brand" href="#">
347
- <svg height="40px" viewBox="0 0 679 158">
347
+ <svg height="37px" viewBox="0 0 679 158">
348
348
  <title>PF-HorizontalLogo-Color</title>
349
349
  <defs>
350
350
  <linearGradient
@@ -677,7 +677,7 @@ wrapperTag: div
677
677
  </span>
678
678
  <div class="pf-v6-c-masthead__main">
679
679
  <a class="pf-v6-c-masthead__brand" href="#">
680
- <svg height="40px" viewBox="0 0 679 158">
680
+ <svg height="37px" viewBox="0 0 679 158">
681
681
  <title>PF-HorizontalLogo-Color</title>
682
682
  <defs>
683
683
  <linearGradient
@@ -1138,7 +1138,7 @@ wrapperTag: div
1138
1138
  </span>
1139
1139
  <div class="pf-v6-c-masthead__main">
1140
1140
  <a class="pf-v6-c-masthead__brand" href="#">
1141
- <svg height="40px" viewBox="0 0 679 158">
1141
+ <svg height="37px" viewBox="0 0 679 158">
1142
1142
  <title>PF-HorizontalLogo-Color</title>
1143
1143
  <defs>
1144
1144
  <linearGradient
@@ -1578,7 +1578,7 @@ wrapperTag: div
1578
1578
  </span>
1579
1579
  <div class="pf-v6-c-masthead__main">
1580
1580
  <a class="pf-v6-c-masthead__brand" href="#">
1581
- <svg height="40px" viewBox="0 0 679 158">
1581
+ <svg height="37px" viewBox="0 0 679 158">
1582
1582
  <title>PF-HorizontalLogo-Color</title>
1583
1583
  <defs>
1584
1584
  <linearGradient
@@ -2018,7 +2018,7 @@ wrapperTag: div
2018
2018
  </span>
2019
2019
  <div class="pf-v6-c-masthead__main">
2020
2020
  <a class="pf-v6-c-masthead__brand" href="#">
2021
- <svg height="40px" viewBox="0 0 679 158">
2021
+ <svg height="37px" viewBox="0 0 679 158">
2022
2022
  <title>PF-HorizontalLogo-Color</title>
2023
2023
  <defs>
2024
2024
  <linearGradient
@@ -2458,7 +2458,7 @@ wrapperTag: div
2458
2458
  </span>
2459
2459
  <div class="pf-v6-c-masthead__main">
2460
2460
  <a class="pf-v6-c-masthead__brand" href="#">
2461
- <svg height="40px" viewBox="0 0 679 158">
2461
+ <svg height="37px" viewBox="0 0 679 158">
2462
2462
  <title>PF-HorizontalLogo-Color</title>
2463
2463
  <defs>
2464
2464
  <linearGradient
@@ -2900,7 +2900,7 @@ wrapperTag: div
2900
2900
  </span>
2901
2901
  <div class="pf-v6-c-masthead__main">
2902
2902
  <a class="pf-v6-c-masthead__brand" href="#">
2903
- <svg height="40px" viewBox="0 0 679 158">
2903
+ <svg height="37px" viewBox="0 0 679 158">
2904
2904
  <title>PF-HorizontalLogo-Color</title>
2905
2905
  <defs>
2906
2906
  <linearGradient
@@ -3347,7 +3347,7 @@ wrapperTag: div
3347
3347
  </span>
3348
3348
  <div class="pf-v6-c-masthead__main">
3349
3349
  <a class="pf-v6-c-masthead__brand" href="#">
3350
- <svg height="40px" viewBox="0 0 679 158">
3350
+ <svg height="37px" viewBox="0 0 679 158">
3351
3351
  <title>PF-HorizontalLogo-Color</title>
3352
3352
  <defs>
3353
3353
  <linearGradient
package/docs/demos/Page/examples/Penta.md CHANGED
@@ -9,7 +9,7 @@ wrapperTag: div
9
9
  ```html isFullscreen
10
10
  <div class="pf-v6-c-page" id="page-id">
11
11
  <header class="pf-v6-c-masthead" id="masthead-id">
12
- <svg height="40px" viewBox="0 0 679 158">
12
+ <svg height="37px" viewBox="0 0 679 158">
13
13
  <title>PF-HorizontalLogo-Color</title>
14
14
  <defs>
15
15
  <linearGradient
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -29,7 +29,7 @@ wrapperTag: div
29
29
  </span>
30
30
  <div class="pf-v6-c-masthead__main">
31
31
  <a class="pf-v6-c-masthead__brand" href="#">
32
- <svg height="40px" viewBox="0 0 679 158">
32
+ <svg height="37px" viewBox="0 0 679 158">
33
33
  <title>PF-HorizontalLogo-Color</title>
34
34
  <defs>
35
35
  <linearGradient
@@ -1352,7 +1352,7 @@ wrapperTag: div
1352
1352
  </span>
1353
1353
  <div class="pf-v6-c-masthead__main">
1354
1354
  <a class="pf-v6-c-masthead__brand" href="#">
1355
- <svg height="40px" viewBox="0 0 679 158">
1355
+ <svg height="37px" viewBox="0 0 679 158">
1356
1356
  <title>PF-HorizontalLogo-Color</title>
1357
1357
  <defs>
1358
1358
  <linearGradient
@@ -2592,7 +2592,7 @@ wrapperTag: div
2592
2592
  </span>
2593
2593
  <div class="pf-v6-c-masthead__main">
2594
2594
  <a class="pf-v6-c-masthead__brand" href="#">
2595
- <svg height="40px" viewBox="0 0 679 158">
2595
+ <svg height="37px" viewBox="0 0 679 158">
2596
2596
  <title>PF-HorizontalLogo-Color</title>
2597
2597
  <defs>
2598
2598
  <linearGradient
@@ -3778,7 +3778,7 @@ wrapperTag: div
3778
3778
  </span>
3779
3779
  <div class="pf-v6-c-masthead__main">
3780
3780
  <a class="pf-v6-c-masthead__brand" href="#">
3781
- <svg height="40px" viewBox="0 0 679 158">
3781
+ <svg height="37px" viewBox="0 0 679 158">
3782
3782
  <title>PF-HorizontalLogo-Color</title>
3783
3783
  <defs>
3784
3784
  <linearGradient
@@ -5373,7 +5373,7 @@ wrapperTag: div
5373
5373
  </span>
5374
5374
  <div class="pf-v6-c-masthead__main">
5375
5375
  <a class="pf-v6-c-masthead__brand" href="#">
5376
- <svg height="40px" viewBox="0 0 679 158">
5376
+ <svg height="37px" viewBox="0 0 679 158">
5377
5377
  <title>PF-HorizontalLogo-Color</title>
5378
5378
  <defs>
5379
5379
  <linearGradient
@@ -5842,7 +5842,7 @@ wrapperTag: div
5842
5842
  </span>
5843
5843
  <div class="pf-v6-c-masthead__main">
5844
5844
  <a class="pf-v6-c-masthead__brand" href="#">
5845
- <svg height="40px" viewBox="0 0 679 158">
5845
+ <svg height="37px" viewBox="0 0 679 158">
5846
5846
  <title>PF-HorizontalLogo-Color</title>
5847
5847
  <defs>
5848
5848
  <linearGradient
@@ -6563,7 +6563,7 @@ wrapperTag: div
6563
6563
  </span>
6564
6564
  <div class="pf-v6-c-masthead__main">
6565
6565
  <a class="pf-v6-c-masthead__brand" href="#">
6566
- <svg height="40px" viewBox="0 0 679 158">
6566
+ <svg height="37px" viewBox="0 0 679 158">
6567
6567
  <title>PF-HorizontalLogo-Color</title>
6568
6568
  <defs>
6569
6569
  <linearGradient
package/docs/demos/Skeleton/examples/Skeleton.md CHANGED
@@ -25,7 +25,7 @@ section: components
25
25
  </span>
26
26
  <div class="pf-v6-c-masthead__main">
27
27
  <a class="pf-v6-c-masthead__brand" href="#">
28
- <svg height="40px" viewBox="0 0 679 158">
28
+ <svg height="37px" viewBox="0 0 679 158">
29
29
  <title>PF-HorizontalLogo-Color</title>
30
30
  <defs>
31
31
  <linearGradient
package/docs/demos/Table/examples/Table.md CHANGED
@@ -28,7 +28,7 @@ wrapperTag: div
28
28
  </span>
29
29
  <div class="pf-v6-c-masthead__main">
30
30
  <a class="pf-v6-c-masthead__brand" href="#">
31
- <svg height="40px" viewBox="0 0 679 158">
31
+ <svg height="37px" viewBox="0 0 679 158">
32
32
  <title>PF-HorizontalLogo-Color</title>
33
33
  <defs>
34
34
  <linearGradient
@@ -1069,7 +1069,7 @@ wrapperTag: div
1069
1069
  </span>
1070
1070
  <div class="pf-v6-c-masthead__main">
1071
1071
  <a class="pf-v6-c-masthead__brand" href="#">
1072
- <svg height="40px" viewBox="0 0 679 158">
1072
+ <svg height="37px" viewBox="0 0 679 158">
1073
1073
  <title>PF-HorizontalLogo-Color</title>
1074
1074
  <defs>
1075
1075
  <linearGradient
@@ -2286,7 +2286,7 @@ wrapperTag: div
2286
2286
  </span>
2287
2287
  <div class="pf-v6-c-masthead__main">
2288
2288
  <a class="pf-v6-c-masthead__brand" href="#">
2289
- <svg height="40px" viewBox="0 0 679 158">
2289
+ <svg height="37px" viewBox="0 0 679 158">
2290
2290
  <title>PF-HorizontalLogo-Color</title>
2291
2291
  <defs>
2292
2292
  <linearGradient
@@ -3701,7 +3701,7 @@ wrapperTag: div
3701
3701
  </span>
3702
3702
  <div class="pf-v6-c-masthead__main">
3703
3703
  <a class="pf-v6-c-masthead__brand" href="#">
3704
- <svg height="40px" viewBox="0 0 679 158">
3704
+ <svg height="37px" viewBox="0 0 679 158">
3705
3705
  <title>PF-HorizontalLogo-Color</title>
3706
3706
  <defs>
3707
3707
  <linearGradient
@@ -4844,7 +4844,7 @@ wrapperTag: div
4844
4844
  </span>
4845
4845
  <div class="pf-v6-c-masthead__main">
4846
4846
  <a class="pf-v6-c-masthead__brand" href="#">
4847
- <svg height="40px" viewBox="0 0 679 158">
4847
+ <svg height="37px" viewBox="0 0 679 158">
4848
4848
  <title>PF-HorizontalLogo-Color</title>
4849
4849
  <defs>
4850
4850
  <linearGradient
@@ -8031,7 +8031,7 @@ wrapperTag: div
8031
8031
  </span>
8032
8032
  <div class="pf-v6-c-masthead__main">
8033
8033
  <a class="pf-v6-c-masthead__brand" href="#">
8034
- <svg height="40px" viewBox="0 0 679 158">
8034
+ <svg height="37px" viewBox="0 0 679 158">
8035
8035
  <title>PF-HorizontalLogo-Color</title>
8036
8036
  <defs>
8037
8037
  <linearGradient
@@ -8404,7 +8404,7 @@ wrapperTag: div
8404
8404
  </span>
8405
8405
  <div class="pf-v6-c-masthead__main">
8406
8406
  <a class="pf-v6-c-masthead__brand" href="#">
8407
- <svg height="40px" viewBox="0 0 679 158">
8407
+ <svg height="37px" viewBox="0 0 679 158">
8408
8408
  <title>PF-HorizontalLogo-Color</title>
8409
8409
  <defs>
8410
8410
  <linearGradient
@@ -8767,7 +8767,7 @@ wrapperTag: div
8767
8767
  </span>
8768
8768
  <div class="pf-v6-c-masthead__main">
8769
8769
  <a class="pf-v6-c-masthead__brand" href="#">
8770
- <svg height="40px" viewBox="0 0 679 158">
8770
+ <svg height="37px" viewBox="0 0 679 158">
8771
8771
  <title>PF-HorizontalLogo-Color</title>
8772
8772
  <defs>
8773
8773
  <linearGradient
@@ -9995,7 +9995,7 @@ wrapperTag: div
9995
9995
  </span>
9996
9996
  <div class="pf-v6-c-masthead__main">
9997
9997
  <a class="pf-v6-c-masthead__brand" href="#">
9998
- <svg height="40px" viewBox="0 0 679 158">
9998
+ <svg height="37px" viewBox="0 0 679 158">
9999
9999
  <title>PF-HorizontalLogo-Color</title>
10000
10000
  <defs>
10001
10001
  <linearGradient
@@ -11334,7 +11334,7 @@ wrapperTag: div
11334
11334
  </span>
11335
11335
  <div class="pf-v6-c-masthead__main">
11336
11336
  <a class="pf-v6-c-masthead__brand" href="#">
11337
- <svg height="40px" viewBox="0 0 679 158">
11337
+ <svg height="37px" viewBox="0 0 679 158">
11338
11338
  <title>PF-HorizontalLogo-Color</title>
11339
11339
  <defs>
11340
11340
  <linearGradient
@@ -12559,7 +12559,7 @@ wrapperTag: div
12559
12559
  </span>
12560
12560
  <div class="pf-v6-c-masthead__main">
12561
12561
  <a class="pf-v6-c-masthead__brand" href="#">
12562
- <svg height="40px" viewBox="0 0 679 158">
12562
+ <svg height="37px" viewBox="0 0 679 158">
12563
12563
  <title>PF-HorizontalLogo-Color</title>
12564
12564
  <defs>
12565
12565
  <linearGradient
@@ -13761,7 +13761,7 @@ wrapperTag: div
13761
13761
  </span>
13762
13762
  <div class="pf-v6-c-masthead__main">
13763
13763
  <a class="pf-v6-c-masthead__brand" href="#">
13764
- <svg height="40px" viewBox="0 0 679 158">
13764
+ <svg height="37px" viewBox="0 0 679 158">
13765
13765
  <title>PF-HorizontalLogo-Color</title>
13766
13766
  <defs>
13767
13767
  <linearGradient
@@ -14997,7 +14997,7 @@ wrapperTag: div
14997
14997
  </span>
14998
14998
  <div class="pf-v6-c-masthead__main">
14999
14999
  <a class="pf-v6-c-masthead__brand" href="#">
15000
- <svg height="40px" viewBox="0 0 679 158">
15000
+ <svg height="37px" viewBox="0 0 679 158">
15001
15001
  <title>PF-HorizontalLogo-Color</title>
15002
15002
  <defs>
15003
15003
  <linearGradient
@@ -16225,7 +16225,7 @@ wrapperTag: div
16225
16225
  </span>
16226
16226
  <div class="pf-v6-c-masthead__main">
16227
16227
  <a class="pf-v6-c-masthead__brand" href="#">
16228
- <svg height="40px" viewBox="0 0 679 158">
16228
+ <svg height="37px" viewBox="0 0 679 158">
16229
16229
  <title>PF-HorizontalLogo-Color</title>
16230
16230
  <defs>
16231
16231
  <linearGradient
@@ -17415,7 +17415,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
17415
17415
  </span>
17416
17416
  <div class="pf-v6-c-masthead__main">
17417
17417
  <a class="pf-v6-c-masthead__brand" href="#">
17418
- <svg height="40px" viewBox="0 0 679 158">
17418
+ <svg height="37px" viewBox="0 0 679 158">
17419
17419
  <title>PF-HorizontalLogo-Color</title>
17420
17420
  <defs>
17421
17421
  <linearGradient
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -25,7 +25,7 @@ section: components
25
25
  </span>
26
26
  <div class="pf-v6-c-masthead__main">
27
27
  <a class="pf-v6-c-masthead__brand" href="#">
28
- <svg height="40px" viewBox="0 0 679 158">
28
+ <svg height="37px" viewBox="0 0 679 158">
29
29
  <title>PF-HorizontalLogo-Color</title>
30
30
  <defs>
31
31
  <linearGradient
@@ -604,7 +604,7 @@ section: components
604
604
  </span>
605
605
  <div class="pf-v6-c-masthead__main">
606
606
  <a class="pf-v6-c-masthead__brand" href="#">
607
- <svg height="40px" viewBox="0 0 679 158">
607
+ <svg height="37px" viewBox="0 0 679 158">
608
608
  <title>PF-HorizontalLogo-Color</title>
609
609
  <defs>
610
610
  <linearGradient
@@ -1186,7 +1186,7 @@ section: components
1186
1186
  </span>
1187
1187
  <div class="pf-v6-c-masthead__main">
1188
1188
  <a class="pf-v6-c-masthead__brand" href="#">
1189
- <svg height="40px" viewBox="0 0 679 158">
1189
+ <svg height="37px" viewBox="0 0 679 158">
1190
1190
  <title>PF-HorizontalLogo-Color</title>
1191
1191
  <defs>
1192
1192
  <linearGradient
@@ -1685,7 +1685,7 @@ section: components
1685
1685
  </span>
1686
1686
  <div class="pf-v6-c-masthead__main">
1687
1687
  <a class="pf-v6-c-masthead__brand" href="#">
1688
- <svg height="40px" viewBox="0 0 679 158">
1688
+ <svg height="37px" viewBox="0 0 679 158">
1689
1689
  <title>PF-HorizontalLogo-Color</title>
1690
1690
  <defs>
1691
1691
  <linearGradient
@@ -3045,7 +3045,7 @@ section: components
3045
3045
  </span>
3046
3046
  <div class="pf-v6-c-masthead__main">
3047
3047
  <a class="pf-v6-c-masthead__brand" href="#">
3048
- <svg height="40px" viewBox="0 0 679 158">
3048
+ <svg height="37px" viewBox="0 0 679 158">
3049
3049
  <title>PF-HorizontalLogo-Color</title>
3050
3050
  <defs>
3051
3051
  <linearGradient
@@ -3361,7 +3361,7 @@ section: components
3361
3361
  </span>
3362
3362
  <div class="pf-v6-c-masthead__main">
3363
3363
  <a class="pf-v6-c-masthead__brand" href="#">
3364
- <svg height="40px" viewBox="0 0 679 158">
3364
+ <svg height="37px" viewBox="0 0 679 158">
3365
3365
  <title>PF-HorizontalLogo-Color</title>
3366
3366
  <defs>
3367
3367
  <linearGradient
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -242,7 +242,7 @@ section: components
242
242
  </span>
243
243
  <div class="pf-v6-c-masthead__main">
244
244
  <a class="pf-v6-c-masthead__brand" href="#">
245
- <svg height="40px" viewBox="0 0 679 158">
245
+ <svg height="37px" viewBox="0 0 679 158">
246
246
  <title>PF-HorizontalLogo-Color</title>
247
247
  <defs>
248
248
  <linearGradient
@@ -2714,7 +2714,7 @@ section: components
2714
2714
  </span>
2715
2715
  <div class="pf-v6-c-masthead__main">
2716
2716
  <a class="pf-v6-c-masthead__brand" href="#">
2717
- <svg height="40px" viewBox="0 0 679 158">
2717
+ <svg height="37px" viewBox="0 0 679 158">
2718
2718
  <title>PF-HorizontalLogo-Color</title>
2719
2719
  <defs>
2720
2720
  <linearGradient
package/docs/demos/Wizard/examples/Wizard.md CHANGED
@@ -26,7 +26,7 @@ wrapperTag: div
26
26
  </span>
27
27
  <div class="pf-v6-c-masthead__main">
28
28
  <a class="pf-v6-c-masthead__brand" href="#">
29
- <svg height="40px" viewBox="0 0 679 158">
29
+ <svg height="37px" viewBox="0 0 679 158">
30
30
  <title>PF-HorizontalLogo-Color</title>
31
31
  <defs>
32
32
  <linearGradient
@@ -623,7 +623,7 @@ wrapperTag: div
623
623
  </span>
624
624
  <div class="pf-v6-c-masthead__main">
625
625
  <a class="pf-v6-c-masthead__brand" href="#">
626
- <svg height="40px" viewBox="0 0 679 158">
626
+ <svg height="37px" viewBox="0 0 679 158">
627
627
  <title>PF-HorizontalLogo-Color</title>
628
628
  <defs>
629
629
  <linearGradient
@@ -1202,7 +1202,7 @@ wrapperTag: div
1202
1202
  </span>
1203
1203
  <div class="pf-v6-c-masthead__main">
1204
1204
  <a class="pf-v6-c-masthead__brand" href="#">
1205
- <svg height="40px" viewBox="0 0 679 158">
1205
+ <svg height="37px" viewBox="0 0 679 158">
1206
1206
  <title>PF-HorizontalLogo-Color</title>
1207
1207
  <defs>
1208
1208
  <linearGradient
@@ -1865,7 +1865,7 @@ wrapperTag: div
1865
1865
  </span>
1866
1866
  <div class="pf-v6-c-masthead__main">
1867
1867
  <a class="pf-v6-c-masthead__brand" href="#">
1868
- <svg height="40px" viewBox="0 0 679 158">
1868
+ <svg height="37px" viewBox="0 0 679 158">
1869
1869
  <title>PF-HorizontalLogo-Color</title>
1870
1870
  <defs>
1871
1871
  <linearGradient
@@ -2527,7 +2527,7 @@ wrapperTag: div
2527
2527
  </span>
2528
2528
  <div class="pf-v6-c-masthead__main">
2529
2529
  <a class="pf-v6-c-masthead__brand" href="#">
2530
- <svg height="40px" viewBox="0 0 679 158">
2530
+ <svg height="37px" viewBox="0 0 679 158">
2531
2531
  <title>PF-HorizontalLogo-Color</title>
2532
2532
  <defs>
2533
2533
  <linearGradient
@@ -3057,7 +3057,7 @@ wrapperTag: div
3057
3057
  </span>
3058
3058
  <div class="pf-v6-c-masthead__main">
3059
3059
  <a class="pf-v6-c-masthead__brand" href="#">
3060
- <svg height="40px" viewBox="0 0 679 158">
3060
+ <svg height="37px" viewBox="0 0 679 158">
3061
3061
  <title>PF-HorizontalLogo-Color</title>
3062
3062
  <defs>
3063
3063
  <linearGradient
@@ -3600,7 +3600,7 @@ wrapperTag: div
3600
3600
  </span>
3601
3601
  <div class="pf-v6-c-masthead__main">
3602
3602
  <a class="pf-v6-c-masthead__brand" href="#">
3603
- <svg height="40px" viewBox="0 0 679 158">
3603
+ <svg height="37px" viewBox="0 0 679 158">
3604
3604
  <title>PF-HorizontalLogo-Color</title>
3605
3605
  <defs>
3606
3606
  <linearGradient
@@ -4125,7 +4125,7 @@ wrapperTag: div
4125
4125
  </span>
4126
4126
  <div class="pf-v6-c-masthead__main">
4127
4127
  <a class="pf-v6-c-masthead__brand" href="#">
4128
- <svg height="40px" viewBox="0 0 679 158">
4128
+ <svg height="37px" viewBox="0 0 679 158">
4129
4129
  <title>PF-HorizontalLogo-Color</title>
4130
4130
  <defs>
4131
4131
  <linearGradient
@@ -4722,7 +4722,7 @@ wrapperTag: div
4722
4722
  </span>
4723
4723
  <div class="pf-v6-c-masthead__main">
4724
4724
  <a class="pf-v6-c-masthead__brand" href="#">
4725
- <svg height="40px" viewBox="0 0 679 158">
4725
+ <svg height="37px" viewBox="0 0 679 158">
4726
4726
  <title>PF-HorizontalLogo-Color</title>
4727
4727
  <defs>
4728
4728
  <linearGradient
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.0.0-alpha.126",
4
+ "version": "6.0.0-alpha.128",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-base-no-globals.css CHANGED
@@ -5016,6 +5016,12 @@
5016
5016
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
5017
5017
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
5018
5018
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5019
+ --pf-t--global--breakpoint--600: 1450px;
5020
+ --pf-t--global--breakpoint--500: 1200px;
5021
+ --pf-t--global--breakpoint--400: 992px;
5022
+ --pf-t--global--breakpoint--300: 768px;
5023
+ --pf-t--global--breakpoint--200: 576px;
5024
+ --pf-t--global--breakpoint--100: 0px;
5019
5025
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
5020
5026
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
5021
5027
  --pf-t--global--box-shadow--spread--100: 0px;
@@ -5142,6 +5148,12 @@
5142
5148
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
5143
5149
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
5144
5150
  --pf-t--global--background--color--100: var(--pf-t--color--white);
5151
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
5152
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
5153
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
5154
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
5155
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
5156
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
5145
5157
  --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
5146
5158
  --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
5147
5159
  --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
@@ -5552,15 +5564,15 @@
5552
5564
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5553
5565
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
5554
5566
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
5567
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5568
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5569
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5555
5570
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
5556
5571
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
5557
5572
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
5558
5573
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
5559
5574
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
5560
5575
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
5561
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5562
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5563
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5564
5576
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5565
5577
  }
5566
5578