@patternfly/documentation-framework 5.0.5 → 5.0.6

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 (5) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/components/footer/footer.js +33 -28
  3. package/layouts/PF-HorizontalLogo-Reverse.svg +28 -0
  4. package/layouts/sideNavLayout/sideNavLayout.js +3 -3
  5. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 5.0.6 (2023-06-28)
7
+
8
+ **Note:** Version bump only for package @patternfly/documentation-framework
9
+
10
+
11
+
12
+
13
+
6
14
  ## 5.0.5 (2023-06-28)
7
15
 
8
16
  **Note:** Version bump only for package @patternfly/documentation-framework
package/components/footer/footer.js CHANGED
@@ -1,19 +1,13 @@
1
1
  import React from "react";
2
- import {
3
- Brand,
4
- Grid,
5
- GridItem,
6
- List,
7
- PageSection
8
- } from "@patternfly/react-core";
9
- import { Link } from '@patternfly/documentation-framework/components';
10
- import { GithubIcon, TwitterIcon } from "@patternfly/react-icons";
2
+ import {Brand, Grid, GridItem, List, PageSection, Text} from "@patternfly/react-core";
3
+ import {Link} from "@patternfly/documentation-framework/components";
4
+ import {GithubIcon, TwitterIcon} from "@patternfly/react-icons";
11
5
  import redhatLogo from "./RHLogo.png";
12
- import logo from '../../layouts/logo.svg';
6
+ import logo from "../../layouts/PF-HorizontalLogo-Reverse.svg";
13
7
 
14
8
  export const Footer = () => (
15
9
  <React.Fragment>
16
- <PageSection key="footer-1" className="ws-org-pfsite-l-footer">
10
+ <PageSection key="footer-1" className="ws-org-pfsite-l-footer" component="footer">
17
11
  <Grid>
18
12
  <GridItem
19
13
  sm={12}
@@ -22,10 +16,12 @@ export const Footer = () => (
22
16
  className="pf-v5-u-mb-lg pf-v5-u-mb-0-on-sm"
23
17
  >
24
18
  <Grid className="pf-v5-u-py-xl">
25
- <GridItem sm={6} md={4} className="pf-v5-u-ml-md pf-v5-u-ml-0-on-md pf-v5-u-mb-xl pf-v5-u-mb-0-on-md">
26
- <p
27
- className="pf-v5-c-title ws-org-pfsite-footer-menu-list-title"
28
- >
19
+ <GridItem
20
+ sm={6}
21
+ md={4}
22
+ className="pf-v5-u-ml-md pf-v5-u-ml-0-on-md pf-v5-u-mb-xl pf-v5-u-mb-0-on-md"
23
+ >
24
+ <p className="pf-v5-c-title ws-org-pfsite-footer-menu-list-title">
29
25
  QUICKLINKS
30
26
  </p>
31
27
  <nav aria-label="Quick Links">
@@ -84,9 +80,7 @@ export const Footer = () => (
84
80
  md={4}
85
81
  className="pf-v5-u-mt-lg pf-v5-u-mt-0-on-sm pf-v5-u-ml-md pf-v5-u-ml-0-on-md pf-v5-u-mb-xl pf-v5-u-mb-0-on-md"
86
82
  >
87
- <p
88
- className="pf-v5-c-title ws-org-pfsite-footer-menu-list-title"
89
- >
83
+ <p className="pf-v5-c-title ws-org-pfsite-footer-menu-list-title">
90
84
  CONTRIBUTE
91
85
  </p>
92
86
  <nav aria-label="Contribute">
@@ -127,9 +121,7 @@ export const Footer = () => (
127
121
  md={4}
128
122
  className="pf-v5-u-mt-lg pf-v5-u-mt-0-on-md pf-v5-u-ml-md pf-v5-u-ml-0-on-md"
129
123
  >
130
- <p
131
- className="ws-org-pfsite-footer-menu-list-title"
132
- >
124
+ <p className="ws-org-pfsite-footer-menu-list-title">
133
125
  STAY IN TOUCH
134
126
  </p>
135
127
  <nav aria-label="Stay in touch">
@@ -186,11 +178,22 @@ export const Footer = () => (
186
178
  className="pf-v5-c-page__header-brand-link pf-v5-c-brand ws-org-pfsite-footer-menu-about-logo pf-v5-u-pb-md"
187
179
  to="/"
188
180
  >
189
- <Brand src={logo} alt="Patternfly Logo" />
181
+ <Brand
182
+ src={logo}
183
+ alt="PatternFly"
184
+ heights={{default: "32px"}}
185
+ >
186
+ <source srcSet={logo} />
187
+ </Brand>
190
188
  </Link>
191
- <p className="ws-org-pfsite-footer-menu-about-description">
192
- PatternFly is an open source design system built to drive consistency and unify teams. From documentation and components to code examples and tutorials, PatternFly is a place where design and development can thrive. We’re on a mission to help teams build consistent, accessible, and scalable enterprise product experiences—the open source way.
193
- </p>
189
+ <Text className="ws-org-pfsite-footer-menu-about-description">
190
+ PatternFly is an open source design system built to drive
191
+ consistency and unify teams. From documentation and components
192
+ to code examples and tutorials, PatternFly is a place where
193
+ design and development can thrive. We’re on a mission to help
194
+ teams build consistent, accessible, and scalable enterprise
195
+ product experiences—the open source way.
196
+ </Text>
194
197
  </GridItem>
195
198
  <GridItem className="ws-org-pfsite-footer-menu-social-links pf-v5-u-px-xl">
196
199
  <Link
@@ -212,17 +215,19 @@ export const Footer = () => (
212
215
  </GridItem>
213
216
  </Grid>
214
217
  </PageSection>
215
- <PageSection key="footer-2" className="ws-org-pfsite-l-footer-dark pf-m-no-fill">
218
+ <PageSection
219
+ key="footer-2"
220
+ className="ws-org-pfsite-l-footer-dark pf-m-no-fill"
221
+ >
216
222
  <Grid className="pf-v5-u-py-xl-on-sm pf-v5-u-py-0-on-md pf-v5-u-align-items-center">
217
223
  <GridItem md={2} mdOffset={1}>
218
224
  <Link
219
225
  to="//www.redhat.com"
220
226
  target="top"
221
- aria-label="Visit Red Hat.com"
222
227
  >
223
228
  <img
224
229
  src={redhatLogo}
225
- alt="Red Hat logo"
230
+ alt="Red Hat"
226
231
  width="145px"
227
232
  height="613px"
228
233
  />
package/layouts/PF-HorizontalLogo-Reverse.svg ADDED
@@ -0,0 +1,28 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="679px" height="158px" viewBox="0 0 679 158" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <title>PF-HorizontalLogo-Reverse </title>
4
+ <defs>
5
+ <linearGradient x1="100%" y1="1.31838984e-13%" x2="40.4021492%" y2="59.4473677%" id="linearGradient-1">
6
+ <stop stop-color="#FFFFFF" offset="0%"></stop>
7
+ <stop stop-color="#FFFFFF" stop-opacity="0.498497596" offset="100%"></stop>
8
+ </linearGradient>
9
+ </defs>
10
+ <g id="PF-HorizontalLogo-Reverse" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
11
+ <g id="Group" transform="translate(-0.000000, 0.000000)">
12
+ <path d="M61.7658863,0 L157.846154,0 L157.846154,96.0802676 C104.782487,96.0802676 61.7658863,53.0636665 61.7658863,0 L61.7658863,0 L61.7658863,0 Z" id="Rectangle-Copy-15" fill="#FFFFFF" opacity="0.401297433"></path>
13
+ <path d="M158,1.84777167 L158,138 C158,149.045695 149.045695,158 138,158 L66.3656919,158 L158,1.84777167 Z M156.152228,3.55271368e-13 L-9.37916411e-13,91.6343081 L-9.37916411e-13,20 C-9.09494702e-13,8.954305 8.954305,3.55271368e-13 20,3.41060513e-13 L156.152228,3.55271368e-13 Z" id="Combined-Shape-Copy-4" fill="url(#linearGradient-1)"></path>
14
+ </g>
15
+ <g id="PatternFly-Copy-11" transform="translate(206.000000, 45.750000)" fill="#FFFFFF" fill-rule="nonzero">
16
+ <path d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z" id="Shape"></path>
17
+ <path d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z" id="Shape"></path>
18
+ <path d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z" id="Path"></path>
19
+ <path d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z" id="Path"></path>
20
+ <path d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z" id="Shape"></path>
21
+ <path d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z" id="Path"></path>
22
+ <path d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z" id="Path"></path>
23
+ <polygon id="Path" points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"></polygon>
24
+ <polygon id="Path" points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"></polygon>
25
+ <path d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z" id="Path"></path>
26
+ </g>
27
+ </g>
28
+ </svg>
package/layouts/sideNavLayout/sideNavLayout.js CHANGED
@@ -32,6 +32,7 @@ import staticVersions from '../../versions.json';
32
32
  import logoMd from '../logo__pf--reverse-on-md.svg';
33
33
  import logo from '../logo__pf--reverse--base.svg';
34
34
  import logoBase from '../logo__pf--reverse--base.png';
35
+ import v5Logo from '../PF-HorizontalLogo-Reverse.svg';
35
36
 
36
37
  const HeaderTools = ({
37
38
  versions,
@@ -234,9 +235,8 @@ export const SideNavLayout = ({ children, groupedRoutes, navOpen: navOpenProp })
234
235
  <MastheadMain>
235
236
  <MastheadBrand href={prurl || '/'}>
236
237
  {prnum ? `PR #${prnum}` : (
237
- <Brand src={logoBase} alt="PatternFly logo" widths={{ default: '180px', '2xl': '220px' }}>
238
- <source media="(min-width: 768px)" srcSet={logoMd} />
239
- <source srcSet={logo} />
238
+ <Brand src={v5Logo} alt="PatternFly" heights={{ default: '40px' }} widths={{ default: '180px', '2xl': '220px' }}>
239
+ <source srcSet={v5Logo} />
240
240
  </Brand>
241
241
  )}
242
242
  </MastheadBrand>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/documentation-framework",
3
3
  "description": "A framework to build documentation for PatternFly.",
4
- "version": "5.0.5",
4
+ "version": "5.0.6",
5
5
  "author": "Red Hat",
6
6
  "license": "MIT",
7
7
  "private": false,
@@ -87,5 +87,5 @@
87
87
  "react": "^17.0.0 || ^18.0.0",
88
88
  "react-dom": "^17.0.0 || ^18.0.0"
89
89
  },
90
- "gitHead": "bcfed1f55839ae942a62b88ee1ac11a7dc9a390f"
90
+ "gitHead": "5d4079b17115e75b0d1de08ae7f868f997bef687"
91
91
  }