qpp-style 9.8.0 → 9.8.1

package/components/Search/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import FeatherIcon from 'feather-icons-react';
+import SearchIcon from '@material-ui/icons/Search';
 
 const Search = ({
   id,
@@ -47,7 +47,7 @@ const Search = ({
           className="qpp-c-search__submit qpp-c-button qpp-c-button--text"
         >
           <span className="qpp-u-visually-hidden">Search</span>
-          <FeatherIcon icon="search" />
+          <SearchIcon classes={{ root: 'qpp-icon-mat' }} />
         </button>
       </div>
     </form>

package/components/SideNav/Links/NavLinkDrawer.jsx

@@ -57,6 +57,20 @@ const NavLinkDrawer = ({
     );
   };
 
+  const buildLeftIconClasses = () => {
+    let leftIcon = `left-icon`;
+    
+    if (isAlwaysOpen) {
+      leftIcon += ` always-open`;
+    }
+
+    if (isHighlighted) {
+      leftIcon += ' fill-white';
+    }
+
+    return leftIcon;
+  }
+
   // Classes for the link drawer button
   const currentPage = isCurrentPage(
     { items, listOfLinks, url },
@@ -67,7 +81,7 @@ const NavLinkDrawer = ({
   const renderLeftIcon = (leftIcon) => {
     if (leftIcon) {
       return (<svg
-        className={`left-icon${isAlwaysOpen ? ' always-open' : ''}`}
+        className={`${buildLeftIconClasses()}`}
         aria-hidden="true"
         focusable="false"
         >