@nice-digital/global-nav 4.1.758-GN-166-Update-subnav → 4.1.759

package/README.md

@@ -132,7 +132,7 @@ The following non-functional requirements apply:
 
 Consider the following development principles:
 
-- One single header and footer component across _all_ NICE services
+- One single header and footer component (and optional main wrapper component with back to top link) across _all_ NICE services
 - Progressively enhanced to support maximum number of devices and browsers
 - Fast performance
   - single HTTP request for CDN minified bundle
@@ -285,7 +285,7 @@ This is a good option if you're rendering you're app's interface via React, eith
 
 > Note if you're using Create React App you'll need to use v2+ because we use CSS modules
 
-Install the package and require the `Header` and `Footer` React components into your application, just as you would for any other 3rd party component:
+Install the package and require the `Header`, `Footer` and `Main` React components into your application, just as you would for any other 3rd party component:
 
 #### Installation
 
@@ -297,19 +297,19 @@ npm i @nice-digital/global-nav --save
 
 > Note: we used to recommend installing directly from GitHub via `npm i nice-digital/global-nav --save` (notice the missing _@_), which still works but we now recommend using npm.
 
-Then, require the header and/or footer into your application:
+Then, require the header and/or footer and/or main into your application:
 
 #### Usage
 
-Import the header and footer like this:
+Import the header, footer and main component like this:
 
 ```js
-import { Header, Footer } from '@nice-digital/global-nav';
+import { Header, Footer, Main } from '@nice-digital/global-nav';
 ```
 
 > Note: we've used ES6 module imports for this examples as we've assumed all React apps will be using ES6.
 
-These header and footer components that can be be used like any other React component and configured via [props](#props), for example:
+These header, footer and main components that can be be used like any other React component and configured via [props](#props), for example:
 
 ```jsx
 const search = {
@@ -319,10 +319,12 @@ const search = {
 const page = () => (
   <div>
     <Header service="pathways" search={search} />
+		<Main myOptionalProp={myOptionalProp} className="my-optional-class" >{/* Your page content here */} </Main>
     <Footer />
   </div>
 );
 ```
+Wrapping your template with the main component will render a main tag in the html with a back to top link.
 
 For a full list of all the available props, see the [props section](#props) below:
 

package/lib/Header/Header.js

@@ -142,7 +142,8 @@ var Header = /*#__PURE__*/function (_Component) {
       });
     }.bind(this)), /*#__PURE__*/_react["default"].createElement("div", {
       className: _HeaderModule["default"].header,
-      "data-tracking": "Global nav"
+      "data-tracking": "Global nav",
+      id: "top"
     }, /*#__PURE__*/_react["default"].createElement("header", {
       "aria-label": "Site header"
     }, /*#__PURE__*/_react["default"].createElement("ul", {

package/lib/Header/Nav/Dropdown/Components/BNF.js

@@ -135,9 +135,9 @@ function BNF() {
   }, /*#__PURE__*/_react["default"].createElement("h3", null, "Browse A to Z by"), /*#__PURE__*/_react["default"].createElement("ul", {
     className: _ComponentsModule["default"].listUnstyled
   }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: baseUrl + "/interactions/"
+    href: baseUrl + "/interaction/"
   }, "Interactions")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: baseUrl + "/treatment-summaries/"
+    href: baseUrl + "/treatment-summary/"
   }, "Treatment summaries")))), /*#__PURE__*/_react["default"].createElement(_Grid.GridItem, {
     "data-tracking": "Browse by type",
     style: {
@@ -165,7 +165,7 @@ function BNF() {
   }, /*#__PURE__*/_react["default"].createElement("h3", null, "What\u2019s new"), /*#__PURE__*/_react["default"].createElement("ul", {
     className: _ComponentsModule["default"].listUnstyled
   }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: baseUrl + "/about/changes/"
+    href: baseUrl + "/about/changes.html"
   }, "Latest BNF"))))), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement("a", {
     href: baseUrl + "/about/"
   }, "About BNF"));

package/lib/Header/Nav/Dropdown/Components/BNFc.js

@@ -137,9 +137,9 @@ function BNFc() {
   }, /*#__PURE__*/_react["default"].createElement("h3", null, "Browse A to Z by"), /*#__PURE__*/_react["default"].createElement("ul", {
     className: _ComponentsModule["default"].listUnstyled
   }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: baseUrl + "/interactions/"
+    href: baseUrl + "/interaction/"
   }, "Interactions")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: baseUrl + "/treatment-summaries/"
+    href: baseUrl + "/treatment-summary/"
   }, "Treatment summaries")))), /*#__PURE__*/_react["default"].createElement(_Grid.GridItem, {
     "data-tracking": "Browse by type",
     style: {
@@ -165,7 +165,7 @@ function BNFc() {
   }, /*#__PURE__*/_react["default"].createElement("h3", null, "What\u2019s new"), /*#__PURE__*/_react["default"].createElement("ul", {
     className: _ComponentsModule["default"].listUnstyled
   }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: baseUrl + "/about/changes/"
+    href: baseUrl + "/about/changes.html"
   }, "Latest BNFC"))))), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement("a", {
     href: baseUrl + "/about/"
   }, "About BNFC"));

package/lib/Header/Nav/SubNav/SubNav.js

@@ -15,10 +15,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _cks = _interopRequireDefault(require("./images/cks.svg"));
 
-var _bnf = _interopRequireDefault(require("./images/bnf.svg"));
-
-var _bnfc = _interopRequireDefault(require("./images/bnfc.svg"));
-
 var _utils = require("../../../utils");
 
 var _tracker = require("../../../tracker");
@@ -30,9 +26,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var images = {
-  cks: _cks["default"],
-  bnf: _bnf["default"],
-  bnfc: _bnfc["default"]
+  cks: _cks["default"]
 };
 
 var SubNav = /*#__PURE__*/function (_Component) {

package/lib/Main/BackToTop/BackToTop.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.BackToTop = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ChevronUp = _interopRequireDefault(require("@nice-digital/icons/lib/ChevronUp"));
+
+var _ndsContainer = require("@nice-digital/nds-container");
+
+var _BackToTopModule = _interopRequireDefault(require("./BackToTop.module.scss"));
+
+var BackToTop = function BackToTop() {
+  var handleClick = function handleClick(e) {
+    var href = e.currentTarget.getAttribute("href");
+
+    if (href && href.indexOf("#") === 0) {
+      var id = href.split("#")[1],
+          element = document.getElementById(id);
+
+      if (element) {
+        e.preventDefault();
+        element.setAttribute("tabIndex", "-1");
+        element.focus();
+        element.scrollIntoView();
+      }
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _BackToTopModule["default"].wrapper
+  }, /*#__PURE__*/_react["default"].createElement("nav", {
+    "aria-labelledby": "back-to-top-link",
+    className: _BackToTopModule["default"].nav
+  }, /*#__PURE__*/_react["default"].createElement("a", {
+    className: _BackToTopModule["default"].anchor,
+    id: "back-to-top-link",
+    href: "#top",
+    onClick: handleClick
+  }, /*#__PURE__*/_react["default"].createElement(_ndsContainer.Container, null, /*#__PURE__*/_react["default"].createElement(_ChevronUp["default"], null), " Back to top"))));
+};
+
+exports.BackToTop = BackToTop;

package/lib/Main/BackToTop/BackToTop.module.scss

@@ -0,0 +1,68 @@
+@import '~@nice-digital/nds-core/scss/core';
+
+$back-to-top-height: rem(
+  $nds-spacing-medium * 3
+); // Line height + bottom and top padding
+
+.wrapper {
+  margin-bottom: rem($nds-spacing-large) * -1;
+  margin-top: rem($nds-spacing-x-large);
+
+  @media print {
+    display: none;
+  }
+}
+
+.nav {
+  background: $nds-colour-nice-grey-3;
+  border-top: 1px solid $nds-colour-border;
+  width: 100%;
+  z-index: 1;
+}
+
+.anchor {
+  display: block;
+  line-height: rem($nds-spacing-medium);
+  padding: rem($nds-spacing-medium) 0;
+  text-decoration: underline;
+
+  &:visited {
+    color: $nds-colour-link;
+  }
+
+  svg {
+    transition: all 0.25s ease;
+  }
+
+  &:hover {
+    background: $nds-colour-body;
+
+    svg {
+      transform: translateY(-#{rem($nds-spacing-xx-small)});
+    }
+  }
+}
+
+@supports (position: sticky) {
+  .wrapper {
+    bottom: 0;
+    left: 0;
+    margin: 0;
+    pointer-events: none;
+    position: absolute;
+    right: 0;
+    top: min(100vh, calc(100% - #{$back-to-top-height}));
+    width: 100%;
+    z-index: 99;
+  }
+
+  .nav {
+    background: $nds-colour-nice-grey-3;
+    border-top: 1px solid $nds-colour-border;
+    pointer-events: all;
+    position: sticky;
+    top: calc(100vh - #{$back-to-top-height});
+    width: 100%;
+    z-index: 1;
+  }
+}

package/lib/Main/Main.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.Main = Main;
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _BackToTop = require("./BackToTop/BackToTop");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _MainModule = _interopRequireDefault(require("./Main.module.scss"));
+
+var _excluded = ["children", "className"];
+
+function Main(props) {
+  var children = props.children,
+      className = props.className,
+      rest = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("main", (0, _extends2["default"])({
+    className: (0, _classnames["default"])([_MainModule["default"].main, className])
+  }, rest), children, /*#__PURE__*/_react["default"].createElement(_BackToTop.BackToTop, null));
+}
+
+Main.propTypes = {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
+  className: _propTypes["default"].string
+};
+var _default = Main;
+exports["default"] = _default;

package/lib/Main/Main.module.scss

@@ -0,0 +1,12 @@
+@import '~@nice-digital/nds-core/scss/core';
+
+$back-to-top-height: rem(
+  $nds-spacing-medium * 3
+); // Line height + bottom and top padding
+
+@supports (position: sticky) {
+  .main {
+    padding-bottom: $back-to-top-height; /* space for the back to top link to dock */
+    position: relative;
+  }
+}

package/lib/Main/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _Main = _interopRequireDefault(require("./Main"));
+
+exports["default"] = _Main["default"];

package/lib/index.js

@@ -10,4 +10,8 @@ exports.Header = _Header["default"];
 
 var _Footer = _interopRequireDefault(require("./Footer"));
 
-exports.Footer = _Footer["default"];
+exports.Footer = _Footer["default"];
+
+var _Main = _interopRequireDefault(require("./Main"));
+
+exports.Main = _Main["default"];

package/lib/services.json

@@ -55,26 +55,21 @@
       "dropdown": true,
       "dropdownComponent": "BNF",
       "links": [
-        {
-          "image": "bnf",
-          "text": "BNF - Home",
-          "href": "/"
-        },
         {
           "text": "Drugs",
-          "href": "/drugs/"
+          "href": "/drug/"
         },
         {
           "text": "Interactions",
-          "href": "/interactions/"
+          "href": "/interaction/"
         },
         {
           "text": "Treatment summaries",
-          "href": "/treatment-summaries/"
+          "href": "/treatment-summary/"
         },
         {
           "text": "What's changed?",
-          "href": "/about/changes/"
+          "href": "/about/changes.html"
         },
         {
           "text": "About BNF",
@@ -91,26 +86,21 @@
       "dropdown": true,
       "dropdownComponent": "BNFc",
       "links": [
-        {
-          "image": "bnfc",
-          "text": "BNFC - Home",
-          "href": "/"
-        },
         {
           "text": "Drugs",
-          "href": "/drugs/"
+          "href": "/drug/"
         },
         {
           "text": "Interactions",
-          "href": "/interactions/"
+          "href": "/interaction/"
         },
         {
           "text": "Treatment summaries",
-          "href": "/treatment-summaries/"
+          "href": "/treatment-summary/"
         },
         {
           "text": "What's changed?",
-          "href": "/about/changes/"
+          "href": "/about/changes.html"
         },
         {
           "text": "About BNFC",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice-digital/global-nav",
-  "version": "4.1.758-GN-166-Update-subnav",
+  "version": "4.1.759",
   "description": "Global header and footer components for NICE digital services",
   "main": "lib/index.js",
   "types": "./types.d.ts",
@@ -81,8 +81,8 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-prettier": "^3.4.1",
-    "eslint-plugin-react": "^7.28.0",
     "eslint-webpack-plugin": "^2.6.0",
+    "eslint-plugin-react": "^7.29.2",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.5.0",
     "identity-obj-proxy": "^3.0.0",
@@ -115,6 +115,7 @@
   "dependencies": {
     "@babel/runtime": "^7.16.7",
     "@nice-digital/icons": "^2.2.7",
+    "@nice-digital/nds-container": "^1.0.8",
     "@nice-digital/nds-core": "^1.2.11",
     "@use-it/event-listener": "^0.1.7",
     "accessible-autocomplete": "^2.0.3",

package/types.d.ts

@@ -82,8 +82,18 @@ declare module "@nice-digital/global-nav" {
 		service?: Service;
 	};
 
+	export interface MainProps {
+		/** Allow any additional props to be passed and applied to the main element */
+		[prop: string]: unknown;
+		/** Contents for the main element */
+		children: React.ReactNode;
+		/** Additional classnames for the main element. */
+		className?: string;
+	}
+
 	const Header: React.FC<HeaderProps>;
 	const Footer: React.FC<FooterProps>;
+	const Main: React.FC<MainProps>;
 
-	export { Header, Footer };
+	export { Header, Footer, Main };
 }

package/lib/Header/Nav/SubNav/images/bnf.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><path d="M69.18,247.51c14.34,0,18-8.1,18-16.86,0-10.29-6.85-16.42-20.34-16.42H40.71v33.28Zm-8.35-63c16.48,0,21-5.26,21-16.64,0-9.64-4.93-15.33-18.2-15.33H40.71v32ZM2.18,122.72h70c25.48,0,51,12.48,51,42.25,0,14.67-11.35,30.65-28,34.15,20.55,4.17,33.39,15.33,33.39,36.57,0,34.15-25.47,41.59-52.66,41.59H2.18Z"/><path d="M144.74,122.72h42.17c22.26,42.47,39.17,72.46,50.51,98.95-2.14-34.59-1.5-66.33-1.71-98.95h36.17V277.28H229.72c-17.77-33.71-42.39-79-50.52-98.95,1.93,35.24,1.29,66.33,1.71,98.95H144.74Z"/><polygon points="292.01 122.72 399.03 122.72 399.03 152.49 330.54 152.49 330.54 186.21 377.84 186.21 377.84 215.98 330.54 215.98 330.54 277.28 292.01 277.28 292.01 122.72"/></svg>

package/lib/Header/Nav/SubNav/images/bnfc.svg

@@ -1,48 +0,0 @@
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50" y="50"
-	 viewBox="-50 -50 575 400" xml:space="preserve">
-<g>
-	<g>
-		<g>
-			<path d="M67.13,125.12c14.34,0,17.98-8.1,17.98-16.86c0-10.29-6.85-16.42-20.33-16.42H38.67v33.28H67.13z M58.79,62.07
-				c16.48,0,20.98-5.25,20.98-16.64c0-9.63-4.92-15.33-18.2-15.33h-22.9v31.96H58.79z M0.14,0.33h69.99
-				c25.47,0,50.94,12.48,50.94,42.25c0,14.67-11.34,30.65-28.04,34.15c20.55,4.16,33.39,15.33,33.39,36.56
-				c0,34.15-25.47,41.6-52.66,41.6H0.14V0.33z"/>
-			<path d="M142.69,0.33h42.17c22.26,42.47,39.17,72.47,50.52,98.96c-2.14-34.59-1.5-66.34-1.71-98.96h36.17v154.57h-42.17
-				c-17.77-33.71-42.38-79.03-50.52-98.96c1.93,35.25,1.28,66.34,1.71,98.96h-36.17V0.33z"/>
-		</g>
-		<polygon points="289.96,0.33 396.99,0.33 396.99,30.1 328.49,30.1 328.49,63.82 375.8,63.82 375.8,93.59 328.49,93.59
-			328.49,154.89 289.96,154.89 		"/>
-	</g>
-	<g>
-		<path d="M8.66,243.87H0.14l1.04-5.93h8.22c-0.21-1.77-0.42-4.68-0.42-6.86c0-7.8,1.87-17.16,14.87-17.16
-			c3.95,0,6.97,0.52,9.36,1.56l-2.7,6.55c-1.35-0.73-3.64-1.25-5.62-1.25c-4.78,0-7.28,3.64-7.28,10.82c0,2.29,0.31,5.1,0.52,6.34
-			h9.57l-1.04,5.93H17.4l-7.9,45.24H0.76L8.66,243.87z"/>
-		<path d="M28.01,268.83c0-17.16,9.57-32.34,27.46-32.34c12.9,0,19.86,9.05,19.86,21.53c0,17.16-9.67,32.66-27.56,32.66
-			C34.98,290.67,28.01,281.31,28.01,268.83z M66.18,258.53c0-8.94-3.64-15.29-11.65-15.29c-11.34,0-17.37,12.48-17.37,25.17
-			c0,8.84,3.74,15.5,11.65,15.5C60.15,283.91,66.18,270.6,66.18,258.53z"/>
-		<path d="M89.68,237.94h7.59l-1.14,11.13c3.95-7.8,11.54-12.58,19.97-12.58l-1.56,9.15c-0.94-0.21-2.08-0.31-3.22-0.31
-			c-6.86,0-15.08,4.89-17.26,17.26l-4.68,26.52h-8.74L89.68,237.94z"/>
-		<path d="M200.13,273.62c-7.38,11.54-17.06,17.06-31.2,17.06c-18.51,0-27.67-13.21-27.67-30.47c0-25.27,14.35-46.07,39.63-46.07
-			c12.06,0,20.59,5.1,25.27,15.29l-9.15,4.47c-2.5-7.28-8.42-11.65-17.47-11.65c-18.1,0-28.19,17.78-28.19,36.61
-			c0,13.21,5.93,23.71,18.62,23.71c8.63,0,16.64-4.06,21.42-13.42L200.13,273.62z"/>
-		<path d="M219.99,215.68h8.63l-5.51,31.72c2.91-5.62,9.46-10.92,17.68-10.92c8.94,0,12.79,5.51,12.79,13.1
-			c0,1.98-0.31,4.99-0.94,8.63l-5.51,30.89h-8.63l5.2-29.64c0.52-2.71,0.83-5.3,0.83-6.55c0-5.62-2.81-8.74-7.9-8.74
-			c-7.7,0-14.25,6.97-16.12,17.89l-4.78,27.04h-8.74L219.99,215.68z"/>
-		<path d="M269.08,237.94h8.74l-9.05,51.17h-8.74L269.08,237.94z M272.61,218.08h8.63l-1.56,8.63h-8.63L272.61,218.08z"/>
-		<path d="M294.55,215.68h8.63l-12.9,73.43h-8.74L294.55,215.68z"/>
-		<path d="M338.34,279.13c-3.95,6.97-8.94,11.23-17.26,11.23c-10.61,0-16.33-8.42-16.33-20.7c0-19.45,10.5-33.07,24.75-33.07
-			c8.53,0,12.9,4.68,14.14,10.09l5.41-30.99h8.74l-13,73.43h-8.22L338.34,279.13z M340.73,262.38c0.42-2.71,0.52-5.3,0.52-6.76
-			c0-7.07-3.64-11.96-10.19-11.96c-11.44,0-17.16,12.48-17.16,24.75c0,8.74,3.64,14.98,10.82,14.98c8.32,0,13.94-9.15,15.5-17.99
-			L340.73,262.38z"/>
-		<path d="M366.62,237.94h7.59l-1.14,11.13c3.95-7.8,11.54-12.58,19.97-12.58l-1.56,9.15c-0.94-0.21-2.08-0.31-3.22-0.31
-			c-6.86,0-15.08,4.89-17.26,17.26l-4.68,26.52h-8.74L366.62,237.94z"/>
-		<path d="M401.36,265.5c-0.1,1.04-0.1,1.98-0.1,2.91c0,9.78,4.16,15.6,12.38,15.6c5.62,0,10.19-2.71,14.14-8.53l6.86,3.43
-			c-4.47,6.55-11.02,11.75-21.42,11.75c-14.25,0-20.8-9.36-20.8-21.95c0-15.91,8.53-32.24,27.25-32.24c12.58,0,18.2,8.22,18.2,19.34
-			c0,4.06-0.52,8.11-0.94,9.67H401.36z M401.98,260.3h27.14c0.31-1.25,0.42-3.43,0.42-5.2c0-6.03-3.02-12.06-10.61-12.06
-			C409.78,243.04,403.96,250.53,401.98,260.3z"/>
-		<path d="M452.32,237.94h7.59l-0.83,9.57c3.85-6.24,9.78-11.02,17.99-11.02c8.94,0,12.79,5.51,12.79,13.1
-			c0,1.98-0.31,4.99-0.94,8.63l-5.51,30.89h-8.63l5.2-29.64c0.52-2.71,0.83-5.3,0.83-6.55c0-5.62-2.81-8.74-7.9-8.74
-			c-7.7,0-14.25,6.97-16.12,17.89l-4.79,27.04h-8.74L452.32,237.94z"/>
-	</g>
-</g>
-</svg>