@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/base/patternfly-variables.css CHANGED
@@ -200,6 +200,12 @@
200
200
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
201
201
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
202
202
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
203
+ --pf-t--global--breakpoint--600: 1450px;
204
+ --pf-t--global--breakpoint--500: 1200px;
205
+ --pf-t--global--breakpoint--400: 992px;
206
+ --pf-t--global--breakpoint--300: 768px;
207
+ --pf-t--global--breakpoint--200: 576px;
208
+ --pf-t--global--breakpoint--100: 0px;
203
209
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
204
210
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
205
211
  --pf-t--global--box-shadow--spread--100: 0px;
@@ -326,6 +332,12 @@
326
332
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
327
333
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
328
334
  --pf-t--global--background--color--100: var(--pf-t--color--white);
335
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
336
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
337
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
338
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
339
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
340
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
329
341
  --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
330
342
  --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
331
343
  --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
@@ -736,15 +748,15 @@
736
748
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
737
749
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
738
750
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
751
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
752
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
753
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
739
754
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
740
755
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
741
756
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
742
757
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
743
758
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
744
759
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
745
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
746
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
747
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
748
760
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
749
761
  }
750
762
 
package/base/tokens/tokens-charts-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 07 May 2024 18:55:09 GMT
3
+ // Generated on Thu, 09 May 2024 17:55:04 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--layout--width: 450;
package/base/tokens/tokens-charts.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 07 May 2024 18:55:09 GMT
3
+ // Generated on Thu, 09 May 2024 17:55:04 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--layout--width: 450;
package/base/tokens/tokens-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 07 May 2024 18:55:09 GMT
3
+ // Generated on Thu, 09 May 2024 17:55:04 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
package/base/tokens/tokens-default.scss CHANGED
@@ -1,11 +1,17 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 07 May 2024 18:55:08 GMT
3
+ // Generated on Thu, 09 May 2024 17:55:04 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
7
7
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
8
8
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
9
+ --pf-t--global--breakpoint--600: 1450px;
10
+ --pf-t--global--breakpoint--500: 1200px;
11
+ --pf-t--global--breakpoint--400: 992px;
12
+ --pf-t--global--breakpoint--300: 768px;
13
+ --pf-t--global--breakpoint--200: 576px;
14
+ --pf-t--global--breakpoint--100: 0px;
9
15
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
10
16
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
11
17
  --pf-t--global--box-shadow--spread--100: 0px;
@@ -132,6 +138,12 @@
132
138
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
133
139
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
134
140
  --pf-t--global--background--color--100: var(--pf-t--color--white);
141
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
142
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
143
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
144
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
145
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
146
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
135
147
  --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
136
148
  --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
137
149
  --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
@@ -542,14 +554,14 @@
542
554
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
543
555
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
544
556
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
557
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
558
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
559
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
545
560
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
546
561
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
547
562
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
548
563
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
549
564
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
550
565
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
551
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
552
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
553
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
554
566
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
555
567
  }
package/base/tokens/tokens-palette.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 07 May 2024 18:55:09 GMT
3
+ // Generated on Thu, 09 May 2024 17:55:04 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--color--red--70: #5f0000;
package/components/AboutModalBox/about-modal-box.css CHANGED
@@ -26,7 +26,7 @@
26
26
  --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
27
27
  --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
28
28
  --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
29
- --pf-v6-c-about-modal-box__brand-image--Height: 2.5rem;
29
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
30
30
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
31
31
  --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
32
32
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
package/components/AboutModalBox/about-modal-box.scss CHANGED
@@ -56,7 +56,7 @@
56
56
  --#{$about-modal-box}__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
57
57
 
58
58
  // Brand img
59
- --#{$about-modal-box}__brand-image--Height: #{pf-size-prem(40px)};
59
+ --#{$about-modal-box}__brand-image--Height: #{pf-size-prem(37px)};
60
60
 
61
61
  // Header
62
62
  --#{$about-modal-box}__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
package/components/_index.css CHANGED
@@ -27,7 +27,7 @@
27
27
  --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
28
28
  --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
29
29
  --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
30
- --pf-v6-c-about-modal-box__brand-image--Height: 2.5rem;
30
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
31
31
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
32
32
  --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
33
33
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
package/docs/components/Brand/examples/Brand.md CHANGED
@@ -32,7 +32,7 @@ section: components
32
32
  <div class="show-light">
33
33
  <picture
34
34
  class="pf-v6-c-brand pf-m-picture"
35
- style="--pf-v6-c-brand--Width: 40px; --pf-v6-c-brand--Width-on-md: 220px;"
35
+ style="--pf-v6-c-brand--Width: 37px; --pf-v6-c-brand--Width-on-md: 220px;"
36
36
  >
37
37
  <source
38
38
  media="(min-width: 768px)"
@@ -49,7 +49,7 @@ section: components
49
49
  <div class="show-dark">
50
50
  <picture
51
51
  class="pf-v6-c-brand pf-m-picture"
52
- style="--pf-v6-c-brand--Width: 40px; --pf-v6-c-brand--Width-on-md: 220px;"
52
+ style="--pf-v6-c-brand--Width: 37px; --pf-v6-c-brand--Width-on-md: 220px;"
53
53
  >
54
54
  <source
55
55
  media="(min-width: 768px)"
package/docs/components/Masthead/examples/masthead.md CHANGED
@@ -19,7 +19,7 @@ cssPrefix: pf-v6-c-masthead
19
19
  </span>
20
20
  <div class="pf-v6-c-masthead__main">
21
21
  <a class="pf-v6-c-masthead__brand" href="#">
22
- <svg height="40px" viewBox="0 0 679 158">
22
+ <svg height="37px" viewBox="0 0 679 158">
23
23
  <title>PF-HorizontalLogo-Color</title>
24
24
  <defs>
25
25
  <linearGradient
@@ -113,7 +113,7 @@ cssPrefix: pf-v6-c-masthead
113
113
  </span>
114
114
  <div class="pf-v6-c-masthead__main">
115
115
  <a class="pf-v6-c-masthead__brand" href="#">
116
- <svg height="40px" viewBox="0 0 679 158">
116
+ <svg height="37px" viewBox="0 0 679 158">
117
117
  <title>PF-HorizontalLogo-Color</title>
118
118
  <defs>
119
119
  <linearGradient
@@ -212,7 +212,7 @@ cssPrefix: pf-v6-c-masthead
212
212
  </span>
213
213
  <div class="pf-v6-c-masthead__main">
214
214
  <a class="pf-v6-c-masthead__brand" href="#">
215
- <svg height="40px" viewBox="0 0 679 158">
215
+ <svg height="37px" viewBox="0 0 679 158">
216
216
  <title>PF-HorizontalLogo-Color</title>
217
217
  <defs>
218
218
  <linearGradient
@@ -306,7 +306,7 @@ cssPrefix: pf-v6-c-masthead
306
306
  </span>
307
307
  <div class="pf-v6-c-masthead__main">
308
308
  <a class="pf-v6-c-masthead__brand" href="#">
309
- <svg height="40px" viewBox="0 0 679 158">
309
+ <svg height="37px" viewBox="0 0 679 158">
310
310
  <title>PF-HorizontalLogo-Color</title>
311
311
  <defs>
312
312
  <linearGradient
@@ -403,7 +403,7 @@ cssPrefix: pf-v6-c-masthead
403
403
  </span>
404
404
  <div class="pf-v6-c-masthead__main">
405
405
  <a class="pf-v6-c-masthead__brand" href="#">
406
- <svg height="40px" viewBox="0 0 679 158">
406
+ <svg height="37px" viewBox="0 0 679 158">
407
407
  <title>PF-HorizontalLogo-Color</title>
408
408
  <defs>
409
409
  <linearGradient
@@ -497,7 +497,7 @@ cssPrefix: pf-v6-c-masthead
497
497
  </span>
498
498
  <div class="pf-v6-c-masthead__main">
499
499
  <a class="pf-v6-c-masthead__brand" href="#">
500
- <svg height="40px" viewBox="0 0 679 158">
500
+ <svg height="37px" viewBox="0 0 679 158">
501
501
  <title>PF-HorizontalLogo-Color</title>
502
502
  <defs>
503
503
  <linearGradient
package/docs/demos/AboutModal/examples/AboutModal.md CHANGED
@@ -27,7 +27,7 @@ This demo implements the about modal, including the backdrop.
27
27
  </span>
28
28
  <div class="pf-v6-c-masthead__main">
29
29
  <a class="pf-v6-c-masthead__brand" href="#">
30
- <svg height="40px" viewBox="0 0 679 158">
30
+ <svg height="37px" viewBox="0 0 679 158">
31
31
  <title>PF-HorizontalLogo-Color</title>
32
32
  <defs>
33
33
  <linearGradient
package/docs/demos/Alert/examples/Alert.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
@@ -411,7 +411,7 @@ section: components
411
411
  </span>
412
412
  <div class="pf-v6-c-masthead__main">
413
413
  <a class="pf-v6-c-masthead__brand" href="#">
414
- <svg height="40px" viewBox="0 0 679 158">
414
+ <svg height="37px" viewBox="0 0 679 158">
415
415
  <title>PF-HorizontalLogo-Color</title>
416
416
  <defs>
417
417
  <linearGradient
@@ -893,7 +893,7 @@ section: components
893
893
  </span>
894
894
  <div class="pf-v6-c-masthead__main">
895
895
  <a class="pf-v6-c-masthead__brand" href="#">
896
- <svg height="40px" viewBox="0 0 679 158">
896
+ <svg height="37px" viewBox="0 0 679 158">
897
897
  <title>PF-HorizontalLogo-Color</title>
898
898
  <defs>
899
899
  <linearGradient
package/docs/demos/BackToTop/examples/BackToTop.md CHANGED
@@ -26,7 +26,7 @@ cssPrefix: pf-d-back-to-top
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
package/docs/demos/Banner/examples/Banner.md CHANGED
@@ -27,7 +27,7 @@ wrapperTag: div
27
27
  </span>
28
28
  <div class="pf-v6-c-masthead__main">
29
29
  <a class="pf-v6-c-masthead__brand" href="#">
30
- <svg height="40px" viewBox="0 0 679 158">
30
+ <svg height="37px" viewBox="0 0 679 158">
31
31
  <title>PF-HorizontalLogo-Color</title>
32
32
  <defs>
33
33
  <linearGradient
@@ -500,7 +500,7 @@ wrapperTag: div
500
500
  </span>
501
501
  <div class="pf-v6-c-masthead__main">
502
502
  <a class="pf-v6-c-masthead__brand" href="#">
503
- <svg height="40px" viewBox="0 0 679 158">
503
+ <svg height="37px" viewBox="0 0 679 158">
504
504
  <title>PF-HorizontalLogo-Color</title>
505
505
  <defs>
506
506
  <linearGradient
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -25,7 +25,7 @@ section: patterns
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/ContextSelector/examples/ContextSelector.md CHANGED
@@ -27,7 +27,7 @@ deprecated: true
27
27
  </span>
28
28
  <div class="pf-v6-c-masthead__main">
29
29
  <a class="pf-v6-c-masthead__brand" href="#">
30
- <svg height="40px" viewBox="0 0 679 158">
30
+ <svg height="37px" viewBox="0 0 679 158">
31
31
  <title>PF-HorizontalLogo-Color</title>
32
32
  <defs>
33
33
  <linearGradient
@@ -273,7 +273,7 @@ deprecated: true
273
273
  </span>
274
274
  <div class="pf-v6-c-masthead__main">
275
275
  <a class="pf-v6-c-masthead__brand" href="#">
276
- <svg height="40px" viewBox="0 0 679 158">
276
+ <svg height="37px" viewBox="0 0 679 158">
277
277
  <title>PF-HorizontalLogo-Color</title>
278
278
  <defs>
279
279
  <linearGradient
@@ -733,7 +733,7 @@ deprecated: true
733
733
  </span>
734
734
  <div class="pf-v6-c-masthead__main">
735
735
  <a class="pf-v6-c-masthead__brand" href="#">
736
- <svg height="40px" viewBox="0 0 679 158">
736
+ <svg height="37px" viewBox="0 0 679 158">
737
737
  <title>PF-HorizontalLogo-Color</title>
738
738
  <defs>
739
739
  <linearGradient
@@ -1195,7 +1195,7 @@ deprecated: true
1195
1195
  </span>
1196
1196
  <div class="pf-v6-c-masthead__main">
1197
1197
  <a class="pf-v6-c-masthead__brand" href="#">
1198
- <svg height="40px" viewBox="0 0 679 158">
1198
+ <svg height="37px" viewBox="0 0 679 158">
1199
1199
  <title>PF-HorizontalLogo-Color</title>
1200
1200
  <defs>
1201
1201
  <linearGradient
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -26,7 +26,7 @@ cssPrefix: pf-d-dashboard
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
package/docs/demos/DataList/examples/DataList.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
@@ -925,7 +925,7 @@ wrapperTag: div
925
925
  </span>
926
926
  <div class="pf-v6-c-masthead__main">
927
927
  <a class="pf-v6-c-masthead__brand" href="#">
928
- <svg height="40px" viewBox="0 0 679 158">
928
+ <svg height="37px" viewBox="0 0 679 158">
929
929
  <title>PF-HorizontalLogo-Color</title>
930
930
  <defs>
931
931
  <linearGradient
@@ -1834,7 +1834,7 @@ wrapperTag: div
1834
1834
  </span>
1835
1835
  <div class="pf-v6-c-masthead__main">
1836
1836
  <a class="pf-v6-c-masthead__brand" href="#">
1837
- <svg height="40px" viewBox="0 0 679 158">
1837
+ <svg height="37px" viewBox="0 0 679 158">
1838
1838
  <title>PF-HorizontalLogo-Color</title>
1839
1839
  <defs>
1840
1840
  <linearGradient
@@ -3417,7 +3417,7 @@ wrapperTag: div
3417
3417
  </span>
3418
3418
  <div class="pf-v6-c-masthead__main">
3419
3419
  <a class="pf-v6-c-masthead__brand" href="#">
3420
- <svg height="40px" viewBox="0 0 679 158">
3420
+ <svg height="37px" viewBox="0 0 679 158">
3421
3421
  <title>PF-HorizontalLogo-Color</title>
3422
3422
  <defs>
3423
3423
  <linearGradient
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -26,7 +26,7 @@ cssPrefix: pf-d-description-list
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
@@ -406,7 +406,7 @@ cssPrefix: pf-d-description-list
406
406
  </span>
407
407
  <div class="pf-v6-c-masthead__main">
408
408
  <a class="pf-v6-c-masthead__brand" href="#">
409
- <svg height="40px" viewBox="0 0 679 158">
409
+ <svg height="37px" viewBox="0 0 679 158">
410
410
  <title>PF-HorizontalLogo-Color</title>
411
411
  <defs>
412
412
  <linearGradient
@@ -1101,7 +1101,7 @@ cssPrefix: pf-d-description-list
1101
1101
  </span>
1102
1102
  <div class="pf-v6-c-masthead__main">
1103
1103
  <a class="pf-v6-c-masthead__brand" href="#">
1104
- <svg height="40px" viewBox="0 0 679 158">
1104
+ <svg height="37px" viewBox="0 0 679 158">
1105
1105
  <title>PF-HorizontalLogo-Color</title>
1106
1106
  <defs>
1107
1107
  <linearGradient
package/docs/demos/Drawer/examples/Drawer.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
@@ -554,7 +554,7 @@ wrapperTag: div
554
554
  </span>
555
555
  <div class="pf-v6-c-masthead__main">
556
556
  <a class="pf-v6-c-masthead__brand" href="#">
557
- <svg height="40px" viewBox="0 0 679 158">
557
+ <svg height="37px" viewBox="0 0 679 158">
558
558
  <title>PF-HorizontalLogo-Color</title>
559
559
  <defs>
560
560
  <linearGradient
@@ -893,7 +893,7 @@ wrapperTag: div
893
893
  </span>
894
894
  <div class="pf-v6-c-masthead__main">
895
895
  <a class="pf-v6-c-masthead__brand" href="#">
896
- <svg height="40px" viewBox="0 0 679 158">
896
+ <svg height="37px" viewBox="0 0 679 158">
897
897
  <title>PF-HorizontalLogo-Color</title>
898
898
  <defs>
899
899
  <linearGradient
@@ -1232,7 +1232,7 @@ wrapperTag: div
1232
1232
  </span>
1233
1233
  <div class="pf-v6-c-masthead__main">
1234
1234
  <a class="pf-v6-c-masthead__brand" href="#">
1235
- <svg height="40px" viewBox="0 0 679 158">
1235
+ <svg height="37px" viewBox="0 0 679 158">
1236
1236
  <title>PF-HorizontalLogo-Color</title>
1237
1237
  <defs>
1238
1238
  <linearGradient
@@ -1607,7 +1607,7 @@ wrapperTag: div
1607
1607
  </span>
1608
1608
  <div class="pf-v6-c-masthead__main">
1609
1609
  <a class="pf-v6-c-masthead__brand" href="#">
1610
- <svg height="40px" viewBox="0 0 679 158">
1610
+ <svg height="37px" viewBox="0 0 679 158">
1611
1611
  <title>PF-HorizontalLogo-Color</title>
1612
1612
  <defs>
1613
1613
  <linearGradient
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -28,7 +28,7 @@ section: components
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
@@ -438,7 +438,7 @@ section: components
438
438
  </span>
439
439
  <div class="pf-v6-c-masthead__main">
440
440
  <a class="pf-v6-c-masthead__brand" href="#">
441
- <svg height="40px" viewBox="0 0 679 158">
441
+ <svg height="37px" viewBox="0 0 679 158">
442
442
  <title>PF-HorizontalLogo-Color</title>
443
443
  <defs>
444
444
  <linearGradient
@@ -848,7 +848,7 @@ section: components
848
848
  </span>
849
849
  <div class="pf-v6-c-masthead__main">
850
850
  <a class="pf-v6-c-masthead__brand" href="#">
851
- <svg height="40px" viewBox="0 0 679 158">
851
+ <svg height="37px" viewBox="0 0 679 158">
852
852
  <title>PF-HorizontalLogo-Color</title>
853
853
  <defs>
854
854
  <linearGradient
@@ -1255,7 +1255,7 @@ section: components
1255
1255
  </span>
1256
1256
  <div class="pf-v6-c-masthead__main">
1257
1257
  <a class="pf-v6-c-masthead__brand" href="#">
1258
- <svg height="40px" viewBox="0 0 679 158">
1258
+ <svg height="37px" viewBox="0 0 679 158">
1259
1259
  <title>PF-HorizontalLogo-Color</title>
1260
1260
  <defs>
1261
1261
  <linearGradient
@@ -1602,7 +1602,7 @@ section: components
1602
1602
  </span>
1603
1603
  <div class="pf-v6-c-masthead__main">
1604
1604
  <a class="pf-v6-c-masthead__brand" href="#">
1605
- <svg height="40px" viewBox="0 0 679 158">
1605
+ <svg height="37px" viewBox="0 0 679 158">
1606
1606
  <title>PF-HorizontalLogo-Color</title>
1607
1607
  <defs>
1608
1608
  <linearGradient
@@ -1977,7 +1977,7 @@ section: components
1977
1977
  </span>
1978
1978
  <div class="pf-v6-c-masthead__main">
1979
1979
  <a class="pf-v6-c-masthead__brand" href="#">
1980
- <svg height="40px" viewBox="0 0 679 158">
1980
+ <svg height="37px" viewBox="0 0 679 158">
1981
1981
  <title>PF-HorizontalLogo-Color</title>
1982
1982
  <defs>
1983
1983
  <linearGradient
package/docs/demos/Masthead/examples/Masthead.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
@@ -272,7 +272,7 @@ wrapperTag: div
272
272
  </span>
273
273
  <div class="pf-v6-c-masthead__main">
274
274
  <a class="pf-v6-c-masthead__brand" href="#">
275
- <svg height="40px" viewBox="0 0 679 158">
275
+ <svg height="37px" viewBox="0 0 679 158">
276
276
  <title>PF-HorizontalLogo-Color</title>
277
277
  <defs>
278
278
  <linearGradient
@@ -546,7 +546,7 @@ wrapperTag: div
546
546
  </span>
547
547
  <div class="pf-v6-c-masthead__main">
548
548
  <a class="pf-v6-c-masthead__brand" href="#">
549
- <svg height="40px" viewBox="0 0 679 158">
549
+ <svg height="37px" viewBox="0 0 679 158">
550
550
  <title>PF-HorizontalLogo-Color</title>
551
551
  <defs>
552
552
  <linearGradient
@@ -856,7 +856,7 @@ wrapperTag: div
856
856
  </span>
857
857
  <div class="pf-v6-c-masthead__main">
858
858
  <a class="pf-v6-c-masthead__brand" href="#">
859
- <svg height="40px" viewBox="0 0 679 158">
859
+ <svg height="37px" viewBox="0 0 679 158">
860
860
  <title>PF-HorizontalLogo-Color</title>
861
861
  <defs>
862
862
  <linearGradient
@@ -1166,7 +1166,7 @@ wrapperTag: div
1166
1166
  </span>
1167
1167
  <div class="pf-v6-c-masthead__main">
1168
1168
  <a class="pf-v6-c-masthead__brand" href="#">
1169
- <svg height="40px" viewBox="0 0 679 158">
1169
+ <svg height="37px" viewBox="0 0 679 158">
1170
1170
  <title>PF-HorizontalLogo-Color</title>
1171
1171
  <defs>
1172
1172
  <linearGradient
@@ -1413,7 +1413,7 @@ wrapperTag: div
1413
1413
  </span>
1414
1414
  <div class="pf-v6-c-masthead__main">
1415
1415
  <a class="pf-v6-c-masthead__brand" href="#">
1416
- <svg height="40px" viewBox="0 0 679 158">
1416
+ <svg height="37px" viewBox="0 0 679 158">
1417
1417
  <title>PF-HorizontalLogo-Color</title>
1418
1418
  <defs>
1419
1419
  <linearGradient
@@ -1678,7 +1678,7 @@ wrapperTag: div
1678
1678
  </span>
1679
1679
  <div class="pf-v6-c-masthead__main">
1680
1680
  <a class="pf-v6-c-masthead__brand" href="#">
1681
- <svg height="40px" viewBox="0 0 679 158">
1681
+ <svg height="37px" viewBox="0 0 679 158">
1682
1682
  <title>PF-HorizontalLogo-Color</title>
1683
1683
  <defs>
1684
1684
  <linearGradient
@@ -1984,7 +1984,7 @@ wrapperTag: div
1984
1984
  <header class="pf-v6-c-masthead" id="masthead-horizontal-nav-masthead">
1985
1985
  <div class="pf-v6-c-masthead__main">
1986
1986
  <a class="pf-v6-c-masthead__brand" href="#">
1987
- <svg height="40px" viewBox="0 0 679 158">
1987
+ <svg height="37px" viewBox="0 0 679 158">
1988
1988
  <title>PF-HorizontalLogo-Color</title>
1989
1989
  <defs>
1990
1990
  <linearGradient
@@ -2326,7 +2326,7 @@ wrapperTag: div
2326
2326
  </span>
2327
2327
  <div class="pf-v6-c-masthead__main">
2328
2328
  <a class="pf-v6-c-masthead__brand" href="#">
2329
- <svg height="40px" viewBox="0 0 679 158">
2329
+ <svg height="37px" viewBox="0 0 679 158">
2330
2330
  <title>PF-HorizontalLogo-Color</title>
2331
2331
  <defs>
2332
2332
  <linearGradient