@patternfly/documentation-framework 1.0.0

package/helpers/fonts.js

@@ -0,0 +1,164 @@
+// Export absolute paths for font files, to be used in place of relative paths for codesandbox
+module.exports = 
+`@font-face {
+  font-family: "overpass";
+  font-style: normal;
+  font-weight: 200;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-thin.eot");
+  /* IE9 Compat Modes */
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-thin.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-thin.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-thin.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-thin.ttf") format("truetype");
+  /* Safari, Android, iOS */
+}
+
+@font-face {
+  font-family: "overpass";
+  font-style: italic;
+  font-weight: 200;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-thin-italic.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-thin-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-thin-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-thin-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-thin-italic.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass";
+  font-style: normal;
+  font-weight: 300;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extralight.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extralight.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extralight.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extralight.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extralight.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass";
+  font-style: italic;
+  font-weight: 300;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extralight-italic.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extralight-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extralight-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extralight-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extralight-italic.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass";
+  font-style: normal;
+  font-weight: 400;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-light.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-light.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-light.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-light.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-light.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass";
+  font-style: italic;
+  font-weight: 400;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-light-italic.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-light-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-light-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-light-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-light-italic.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass";
+  font-style: normal;
+  font-weight: 500;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-regular.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-regular.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-regular.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-regular.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass";
+  font-style: italic;
+  font-weight: 500;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-italic.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-italic.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass";
+  font-style: normal;
+  font-weight: 600;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-semibold.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-semibold.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-semibold.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-semibold.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-semibold.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass";
+  font-style: italic;
+  font-weight: 600;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-semibold-italic.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-semibold-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-semibold-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-semibold-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-semibold-italic.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass";
+  font-style: normal;
+  font-weight: 700;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-bold.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-bold.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-bold.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-bold.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-bold.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass";
+  font-style: italic;
+  font-weight: 700;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-bold-italic.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-bold-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-bold-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-bold-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-bold-italic.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass";
+  font-style: normal;
+  font-weight: 800;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extrabold.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extrabold.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extrabold.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extrabold.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extrabold.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass";
+  font-style: italic;
+  font-weight: 800;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extrabold-italic.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extrabold-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extrabold-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extrabold-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-extrabold-italic.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass";
+  font-style: normal;
+  font-weight: 900;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-heavy.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-heavy.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-heavy.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-heavy.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-heavy.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass";
+  font-style: italic;
+  font-weight: 900;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-heavy-italic.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-heavy-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-heavy-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-heavy-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-webfont/overpass-heavy-italic.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass-mono";
+  font-style: normal;
+  font-weight: 300;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-light.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-light.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-light.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-light.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-light.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass-mono";
+  font-style: normal;
+  font-weight: 400;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-regular.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-regular.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass-mono";
+  font-style: normal;
+  font-weight: 500;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-semibold.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-semibold.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-semibold.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "overpass-mono";
+  font-style: normal;
+  font-weight: 600;
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-bold.eot");
+  src: url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-bold.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff2") format("woff2"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff") format("woff"), url("https://unpkg.com/@patternfly/patternfly@2.40.13/assets/fonts/overpass-mono-webfont/overpass-mono-bold.ttf") format("truetype");
+}
+`;

package/helpers/getId.js

@@ -0,0 +1,6 @@
+module.exports = {
+  getId: text => text
+    .toLowerCase()
+    .replace(/ /g, '-')
+    .replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g, '')
+}

package/helpers/getTitle.js

@@ -0,0 +1,5 @@
+module.exports = {
+  getTitle(title) {
+    return `PatternFly 4${title ? ` • ${title}` : ''}`;
+  }
+}

package/helpers/index.js

@@ -0,0 +1,9 @@
+export * from './capitalize';
+export * from './codesandbox';
+export * from './copy';
+export * from './getId';
+export * from './slugger';
+export * from './extractExampleHelpers';
+export * from './getTitle';
+export * from './liveCodeTypes';
+export * from './trackEvent';

package/helpers/liveCodeTypes.js

@@ -0,0 +1,4 @@
+module.exports = {
+  liveCodeTypes: ['js', 'ts', 'html']
+};
+

package/helpers/slugger.js

@@ -0,0 +1,35 @@
+const React = require('react');
+
+// Should produce valid URLs and valid CSS ids
+const slugger = children => {
+  const value = React.Children.toArray(children).join('');
+  return value
+    .toLowerCase()
+    .trim()
+    .replace(/index$/, '')
+    .replace(/\s/g, '-')
+    .replace(/[^A-Za-z0-9.\-~]/g, '');
+}
+
+const makeSlug = (source, section, id, noSource) => {
+  let url = '';
+
+  if (section) {
+    url += `/${slugger(section)}`
+  }
+
+  if (id) {
+    url += `/${slugger(id)}`;
+  }
+
+  if (source && !source.includes('pages-') && !noSource) {
+    url += `/${source}`;
+  }
+
+  return url;
+}
+
+module.exports = {
+  slugger,
+  makeSlug 
+};

package/helpers/trackEvent.js

@@ -0,0 +1,17 @@
+/**
+ * Sends network call using Google Analytic's gtag function
+ * https://developers.google.com/analytics/devguides/collection/gtagjs/events#send_events
+ * 
+ * @param name {string} - The value that will appear as the event action in Google Analytics Event reports.
+ * @param eventCategory {string} - The category of the event.
+ * @param eventLabel {string} - The label of the event.
+ * @param [value] {number} - An optional non-negative integer that will appear as the event value.
+ */
+export const trackEvent = ( name, eventCategory, eventLabel, value) => {
+  window.gtag && window.gtag('event', name, {
+    'event_category': eventCategory,
+    'event_label': eventLabel,
+    // Optional non-negative integer
+    ...(value >= 0 && {value})
+  });
+};

package/helpers/xterm-addon-fit.js

@@ -0,0 +1,3 @@
+module.exports = {
+  FitAddon: class FitAddon {}
+};

package/helpers/xterm.js

@@ -0,0 +1,8 @@
+module.exports = {
+  Terminal: () => ({
+    onData() {},
+    onTitleChange() {},
+    loadAddon() {},
+    open() {},
+  })
+};

package/images/patternfly-logo.svg

@@ -0,0 +1,14 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 253 253">
+  <defs>
+    <linearGradient id="linear-gradient" x1="126.56068" y1="7.39443" x2="126.56068" y2="443.45713" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#54eeff" />
+      <stop offset="0.22272" stop-color="#49d7f2" />
+      <stop offset="0.55448" stop-color="#36addb" />
+      <stop offset="0.9679" stop-color="#288eca" />
+      <stop offset="1" stop-color="#1f7cc0" />
+      <stop offset="1" stop-color="#1c75bc" />
+    </linearGradient>
+  </defs>
+  <title>PatternFly Logo</title>
+  <path d="M126.27565,1.55662l.35.79-.35-.44-.1-.12-.06-.08-1.07,1.05005-123.6,120.82,49.44,70.04,37.99-9.04,37.69,52.98,37.67-52.96,38,9.02,49.44-70.04Zm47.54,127.01-23.29,33.47-13.41-116.27Zm-34.52-97.63,54.66,68.69-14.8,21.26Zm-13.02-9.34,17.34,150.36-16.66,23.94-17.45-24.59Zm-23.72,139.9-23.35-32.9,36.29-82.6Zm-28.74-40.51-15.2-21.42,55.43-70.17Zm-19.52,63.59-42.38-60.04,74.3-72.63-37.44995,47.4,21.35,30.09-7.82,17.81,21.58,30.33Zm17.15-38.31,4.07-9.26,25.72,36.25-.02.16-8.94,2.13Zm55.12,77.49-29.29-41.18,9.05-2.15,20.7,29.18,20.21-29.05,8.6,2.04Zm34.27-48.19-8.69-2.07,25.41-36.5,4.11,9.28Zm37.99005,9.01-29.59-7.02,21.59-30.35-7.93006-17.88995,20.88-30.01-39.41-49.52,76.83,74.76Z" fill="url(#linear-gradient)" />
+</svg>

package/images/patternfly-orb.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="320px" height="320px" viewBox="0 0 320 320" enable-background="new 0 0 320 320" xml:space="preserve">
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="160" y1="320" x2="160" y2="0">
+	<stop  offset="0" style="stop-color:#E6E6E6"/>
+	<stop  offset="0.75" style="stop-color:#FFFFFF"/>
+</linearGradient>
+<circle fill="url(#SVGID_1_)" cx="160" cy="160" r="160"/>
+<g>
+	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="160" y1="54.8711" x2="160" y2="272.935">
+		<stop  offset="0" style="stop-color:#54EEFF"/>
+		<stop  offset="1" style="stop-color:#1C75BC"/>
+	</linearGradient>
+	<path fill="url(#SVGID_2_)" d="M160.27,48.269l0.022-0.206l-0.102,0.126l-0.04-0.039l0.034-0.328l-0.184,0.181l-0.188-0.181
+		l0.035,0.328l-0.04,0.039l-0.102-0.126l0.022,0.206L41.296,164.039L88.2,230.485l36.231-8.319l35.569,50.012l35.568-50.012
+		l36.231,8.319l29.053-41.16l17.851-25.287L160.27,48.269z M156.403,61.86l-16.178,151.596l-31.613-43.118L156.403,61.86z
+		 M107.062,168.225l-19.895-27.136l69.065-84.474L107.062,168.225z M139.543,216.366l-14.142,3.245l-23.771-33.421l5.924-13.449
+		L139.543,216.366z M159.627,54.544l0.374-0.848l0.372,0.844l16.728,162.987l-0.051-0.034l-16.39,24.219l-17.733-24.254
+		l-0.021,0.016L159.627,54.544z M179.774,213.458L163.597,61.856l47.79,108.482L179.774,213.458z M212.445,172.741l5.926,13.449
+		L194.6,219.611l-14.143-3.245L212.445,172.741z M163.77,56.619l69.063,84.47l-19.894,27.136L163.77,56.619z M89.178,227.93
+		l-44.909-63.619l104.499-102.15l-64.473,78.853l21.711,29.61l-6.974,15.831l23.974,33.708L89.178,227.93z M160.001,268.26
+		l-33.176-46.645l14.181-3.256l0.238,0.327l-0.152,0.112l19.64,26.859l18.199-26.891l-0.155-0.105l0.221-0.302l14.179,3.256
+		L160.001,268.26z M258.999,188.017l-28.177,39.913l-33.826-7.767l23.972-33.708l-6.972-15.831l21.711-29.61l-64.473-78.852
+		L275.73,164.311L258.999,188.017z"/>
+</g>
+</svg>

package/layouts/index.js

@@ -0,0 +1 @@
+export * from './sideNavLayout/sideNavLayout';

package/layouts/logo.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="175px" height="32px" viewBox="0 0 175 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
+    <title>PatternFly Logo</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="50.0004769%" y1="3.02475509%" x2="50.0004769%" y2="95.3620086%" id="linearGradient-1">
+            <stop stop-color="#60EFFF" offset="0%"></stop>
+            <stop stop-color="#1F89C7" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Nav-bar-(desktop)" transform="translate(-150.000000, -16.000000)" fill-rule="nonzero">
+            <g id="PatternFly-Logo">
+                <g transform="translate(150.000000, 16.000000)">
+                    <g id="Group" transform="translate(44.748858, 11.200000)" fill="#FFFFFF">
+                        <path d="M0.302054795,9.3488 L0.302054795,0.3264 L4.16883562,0.3264 C4.73858447,0.3264 5.21723744,0.4096 5.60719178,0.5744 C5.99714612,0.7408 6.31358447,0.9576 6.55650685,1.2296 C6.79942922,1.5008 6.97442922,1.8048 7.08150685,2.1456 C7.18778539,2.4856 7.24212329,2.8288 7.24212329,3.1768 C7.24212329,3.3936 7.2173516,3.616 7.16541096,3.8408 C7.11506849,4.064 7.03835616,4.284 6.9336758,4.496 C6.82819635,4.708 6.69474886,4.9048 6.53093607,5.0912 C6.36712329,5.2752 6.17054795,5.4384 5.94280822,5.5784 C5.71426941,5.7184 5.45376712,5.828 5.15810502,5.908 C4.86164384,5.988 4.53242009,6.0272 4.16803653,6.0272 L2.04246575,6.0272 L2.04246575,9.3472 L0.302054795,9.3488 L0.302054795,9.3488 Z M4.24315068,4.372 C4.4652968,4.372 4.65308219,4.3368 4.8033105,4.2664 C4.95353881,4.1936 5.07579909,4.1024 5.17089041,3.988 C5.26598174,3.8744 5.33310502,3.7464 5.37465753,3.6048 C5.41700913,3.4616 5.43938356,3.32 5.43938356,3.176 C5.43938356,3.0464 5.42100457,2.9112 5.38424658,2.7688 C5.34908676,2.6304 5.2859589,2.5024 5.19646119,2.3832 C5.10616438,2.2664 4.98230594,2.1696 4.82888128,2.0952 C4.67305936,2.0192 4.47888128,1.9808 4.24394977,1.9808 L2.04406393,1.9808 L2.04406393,4.3712 L4.24315068,4.372 L4.24315068,4.372 Z" id="Shape"></path>
+                        <path d="M19.2555936,9.3488 L18.5571918,7.4816 L15.0803653,7.4816 L14.3899543,9.3488 L12.5216895,9.3488 L15.9737443,0.3264 L17.6694064,0.3264 L21.1214612,9.3488 L19.2555936,9.3488 Z M17.1052511,3.548 C17.0589041,3.44 17.0093607,3.3088 16.956621,3.1584 C16.9062785,3.0056 16.8599315,2.8664 16.8223744,2.7352 C16.7880137,2.8672 16.7440639,3.0056 16.689726,3.1584 C16.6361872,3.3088 16.5858447,3.44 16.5386986,3.548 L15.6461187,5.8952 L17.9922374,5.8952 L17.1052511,3.548 Z" id="Shape"></path>
+                        <polygon id="Path" points="30.9038813 2.0064 30.9038813 9.3488 29.169863 9.3488 29.169863 2.0064 26.5920091 2.0064 26.5920091 0.3264 33.4809361 0.3264 33.4809361 2.0064"></polygon>
+                        <polygon id="Path" points="44.3932648 2.0064 44.3932648 9.3488 42.6584475 9.3488 42.6584475 2.0064 40.0805936 2.0064 40.0805936 0.3264 46.9695205 0.3264 46.9695205 2.0064"></polygon>
+                        <polygon id="Path" points="54.1509132 9.3488 54.1509132 0.3264 60.3022831 0.3264 60.3022831 1.9816 55.8905251 1.9816 55.8905251 3.8752 58.4859589 3.8752 58.4859589 5.5232 55.8905251 5.5232 55.8905251 7.7016 60.5715753 7.7016 60.5715753 9.3512"></polygon>
+                        <path d="M67.8848174,9.3488 L67.8848174,0.3264 L72.0704338,0.3264 C72.6401826,0.3264 73.1172374,0.4032 73.5,0.5624 C73.8827626,0.7192 74.1928082,0.928 74.4269406,1.188 C74.6594749,1.4488 74.8296804,1.7488 74.9295662,2.088 C75.0278539,2.428 75.0805936,2.7832 75.0805936,3.152 C75.0805936,3.4072 75.0422374,3.6664 74.9679224,3.928 C74.8928082,4.1904 74.7849315,4.4392 74.6394977,4.6744 C74.4900685,4.9096 74.310274,5.1216 74.0905251,5.3128 C73.8739726,5.504 73.6190639,5.6536 73.3305936,5.756 L75.0789954,9.3488 L73.122032,9.3488 L71.4375571,5.984 L69.6228311,5.984 L69.6228311,9.3488 L67.8848174,9.3488 L67.8848174,9.3488 Z M72.0960046,4.3344 C72.3165525,4.3344 72.5067352,4.3016 72.6545662,4.236 C72.8047945,4.1704 72.9278539,4.084 73.0181507,3.9752 C73.1108447,3.8656 73.1787671,3.74 73.2179224,3.596 C73.2586758,3.4536 73.2754566,3.3056 73.2754566,3.1504 C73.2754566,3.008 73.2586758,2.8648 73.2243151,2.724 C73.186758,2.5832 73.1260274,2.4584 73.0413242,2.3456 C72.9542237,2.236 72.8295662,2.1464 72.6793379,2.0792 C72.5291096,2.012 72.3317352,1.9792 72.0968037,1.9792 L69.6260274,1.9792 L69.6260274,4.3328 L72.0968037,4.3328 L72.0968037,4.3344 L72.0960046,4.3344 Z" id="Shape"></path>
+                        <path d="M88.1552511,9.3488 L84.5793379,4.0888 C84.5202055,4.0016 84.4578767,3.892 84.3875571,3.7648 C84.3172374,3.6376 84.2597032,3.5192 84.2061644,3.4104 C84.2221461,3.5056 84.2277397,3.6184 84.2341324,3.7496 C84.2413242,3.8792 84.2469178,3.9936 84.2469178,4.0888 L84.2469178,9.3488 L82.5176941,9.3488 L82.5176941,0.3264 L84.1502283,0.3264 L87.6390411,5.5216 C87.693379,5.6056 87.7565068,5.7136 87.8252283,5.8384 C87.8979452,5.9632 87.9610731,6.0856 88.0122146,6.2024 C88.0002283,6.0824 87.9938356,5.9568 87.9858447,5.8352 C87.9778539,5.7112 87.9746575,5.6056 87.9746575,5.52 L87.9746575,0.3248 L89.6958904,0.3248 L89.6958904,9.3472 L88.1552511,9.3488 L88.1552511,9.3488 Z" id="Path"></path>
+                        <polygon id="Path" points="97.4590183 9.3488 97.4590183 0.3264 103.501712 0.3264 103.501712 1.9816 99.2002283 1.9816 99.2002283 3.8752 101.926712 3.8752 101.926712 5.5232 99.2002283 5.5232 99.2002283 9.3496"></polygon>
+                        <polygon id="Path" points="110.555251 9.3488 110.555251 0.3264 112.298059 0.3264 112.298059 7.6752 116.646689 7.6752 116.646689 9.3488"></polygon>
+                        <polygon id="Path" points="124.973973 9.3488 124.973973 5.832 121.634589 0.3264 123.608333 0.3264 125.835388 4.0144 128.058447 0.3264 130.03379 0.3264 126.695205 5.832 126.695205 9.3488"></polygon>
+                    </g>
+                    <path d="M33.5144977,16.5608 L16.7584475,0.1536 L0,16.5608 L6.6803653,26.036 L11.7769406,24.864 L16.790411,31.9208 L21.7942922,24.8768 L26.8341324,26.0352 L33.5144977,16.5608 Z M16.0624429,3.196 L13.8921233,23.2768 L9.74805936,17.6176 L16.0624429,3.196 Z M9.293379,16.9968 L6.71232877,13.472 L15.5877854,2.68 L9.293379,16.9968 Z M13.2041096,23.464 L13.2041096,23.464 L13.4454338,23.7968 L12.0614155,24.1144 L8.86666667,19.6184 L9.43721461,18.3208 L13.2041096,23.464 Z M16.7576484,2.9296 L18.9391553,24.2184 L16.7528539,27.2176 L14.5745434,24.2184 L16.7576484,2.9296 Z M20.309589,23.4648 L24.1180365,18.2648 L24.7141553,19.6184 L21.5106164,24.128 L20.0714612,23.7968 L20.3119863,23.4664 L20.309589,23.4648 Z M19.6223744,23.2768 L17.4800228,3.1792 L23.8079909,17.5608 L19.6223744,23.2768 Z M17.9850457,2.6768 L26.8021689,13.472 L24.2626712,16.94 L17.9850457,2.6768 Z M6.96643836,25.2856 L0.870205479,16.6408 L12.7989726,4.9672 L5.87089041,13.4504 L8.98413242,17.7008 L8.10593607,19.696 L11.3598174,24.2768 L6.96643836,25.2856 Z M16.790411,30.7712 L12.4785388,24.7032 L13.8705479,24.3824 L16.7512557,28.3496 L19.6415525,24.3824 L21.0910959,24.7168 L16.790411,30.7712 Z M22.2114155,24.2896 L25.4740868,19.696 L24.5719178,17.6448 L27.6436073,13.4504 L20.7155251,4.9672 L32.6434932,16.6408 L26.5480594,25.2864 L22.2114155,24.2896 Z" id="Shape" fill="url(#linearGradient-1)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/layouts/sideNavLayout/sideNavLayout.css

@@ -0,0 +1,104 @@
+/* Page layout */
+/* tells .pf-c-page to consume the available space left over from the banners/footers */
+#ws-router {
+  display: flex;
+  flex-direction: column;
+}
+#ws-router > section:first-of-type:not(#nav-content) {
+  flex: 1;
+}
+
+.ws-switcher-divider {
+  padding: 0 var(--pf-global--spacer--md);
+}
+
+.ws-patternfly-3 > svg {
+  margin-left: var(--pf-global--spacer--sm);
+}
+
+@media (min-width: 1200px) {
+  .ws-page-sidebar {
+    box-shadow: none !important;
+  }
+}
+
+.ws-page-sidebar > .pf-c-page__sidebar-body {
+  padding-top: var(--pf-global--spacer--md);
+}
+
+/* Search */
+#ws-global-search-wrapper {
+  /* For icon */
+  position: relative;
+}
+#algolia-autocomplete-listbox-0 {
+  /* Fix search results overflowing page */
+  min-width: 480px !important;
+}
+#ws-global-search {
+  background-color: transparent;
+  border: none;
+  /* For icon */
+  padding-left: var(--pf-global--spacer--xl);
+  width: 200px;
+}
+.ws-hide-search-input .algolia-autocomplete,
+.ws-hide-search-input #ws-global-search {
+  display: none !important;
+}
+.ws-toggle-search {
+  /* Search icon is taller than it is wide */
+  margin-top: 2px;
+}
+#ws-global-search-wrapper > .global-search-icon {
+  position: absolute;
+  top: 10px;
+  left: 4px;
+}
+#ws-global-search,
+#ws-global-search::placeholder {
+  color: #fff;
+}
+#ws-global-search:focus {
+  outline-offset: 2px;
+}
+
+/* TODO: PageHeaderTools on small viewports */
+@media (max-width: 670px) {
+  #ws-global-search-wrapper,
+  .ws-toggle-search {
+    display: none;
+    visibility: hidden;
+  }
+}
+@media (max-width: 430px) {
+  .ws-page-header > .pf-c-page__header-brand > .pf-c-page__header-brand-link {
+    display: none;
+    visibility: hidden;
+  }
+}
+
+/* Version toggle */
+.ws-org-version-toggle {
+  color: var(--pf-global--Color--light-100);
+}
+.ws-org-version-toggle::before {
+  content: none !important;
+}
+.ws-org-version-toggle:hover {
+  border-bottom: 1px solid #fff;
+}
+.ws-org-version-toggle-expanded::before {
+  border-left: none;
+  border-right: none;
+  border-top: none;
+  border-bottom: 2px solid #fff;
+}
+/* For tiny (200px) viewports */
+.ws-org-version-switcher .pf-c-dropdown__toggle  >.pf-c-dropdown__toggle-text {
+  white-space: normal;
+}
+
+.ws-github-pageheader {
+  color: var(--pf-global--Color--light-100) !important;
+}