@npm_leadtech/legal-lib-components 1.10.0 → 1.12.1

package/coverage/clover.xml

@@ -1,16 +1,64 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<coverage generated="1646902184325" clover="3.2.0">
-  <project timestamp="1646902184325" name="All files">
-    <metrics statements="7" coveredstatements="7" conditionals="2" coveredconditionals="2" methods="1" coveredmethods="1" elements="10" coveredelements="10" complexity="0" loc="7" ncloc="7" packages="1" files="1" classes="1"/>
-    <file name="BaseBox.js" path="/home/adoncel/projects/legal/legal-lib-components/src/components/atoms/BaseBox/BaseBox.js">
-      <metrics statements="7" coveredstatements="7" conditionals="2" coveredconditionals="2" methods="1" coveredmethods="1"/>
-      <line num="7" count="1" type="stmt"/>
-      <line num="8" count="6" type="cond" truecount="2" falsecount="0"/>
-      <line num="9" count="1" type="stmt"/>
-      <line num="11" count="5" type="stmt"/>
-      <line num="17" count="5" type="stmt"/>
-      <line num="20" count="1" type="stmt"/>
-      <line num="27" count="1" type="stmt"/>
-    </file>
+<coverage generated="1647867531193" clover="3.2.0">
+  <project timestamp="1647867531193" name="All files">
+    <metrics statements="28" coveredstatements="27" conditionals="34" coveredconditionals="32" methods="9" coveredmethods="9" elements="71" coveredelements="68" complexity="0" loc="28" ncloc="28" packages="4" files="6" classes="6"/>
+    <package name="images.componentsSvg">
+      <metrics statements="5" coveredstatements="5" conditionals="0" coveredconditionals="0" methods="2" coveredmethods="2"/>
+      <file name="EmploymentIcon.js" path="/home/lcuevas/legal/legal-lib-components/images/componentsSvg/EmploymentIcon.js">
+        <metrics statements="3" coveredstatements="3" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/>
+        <line num="5" count="1" type="stmt"/>
+        <line num="6" count="2" type="stmt"/>
+        <line num="24" count="1" type="stmt"/>
+      </file>
+      <file name="LogoutSvg.js" path="/home/lcuevas/legal/legal-lib-components/images/componentsSvg/LogoutSvg.js">
+        <metrics statements="2" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/>
+        <line num="4" count="1" type="stmt"/>
+        <line num="5" count="7" type="stmt"/>
+      </file>
+    </package>
+    <package name="src.components.atoms.MenuItems">
+      <metrics statements="15" coveredstatements="14" conditionals="22" coveredconditionals="20" methods="4" coveredmethods="4"/>
+      <file name="MenuItems.js" path="/home/lcuevas/legal/legal-lib-components/src/components/atoms/MenuItems/MenuItems.js">
+        <metrics statements="15" coveredstatements="14" conditionals="22" coveredconditionals="20" methods="4" coveredmethods="4"/>
+        <line num="8" count="2" type="stmt"/>
+        <line num="10" count="34" type="stmt"/>
+        <line num="11" count="13" type="cond" truecount="6" falsecount="0"/>
+        <line num="12" count="3" type="stmt"/>
+        <line num="15" count="10" type="stmt"/>
+        <line num="19" count="10" type="stmt"/>
+        <line num="20" count="26" type="cond" truecount="1" falsecount="1"/>
+        <line num="21" count="26" type="cond" truecount="1" falsecount="1"/>
+        <line num="22" count="0" type="stmt"/>
+        <line num="24" count="26" type="stmt"/>
+        <line num="25" count="26" type="stmt"/>
+        <line num="26" count="26" type="stmt"/>
+        <line num="48" count="10" type="stmt"/>
+        <line num="50" count="26" type="stmt"/>
+        <line num="55" count="2" type="stmt"/>
+      </file>
+      <file name="index.js" path="/home/lcuevas/legal/legal-lib-components/src/components/atoms/MenuItems/index.js">
+        <metrics statements="0" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+      </file>
+    </package>
+    <package name="src.components.molecules.MenuItemsSection">
+      <metrics statements="6" coveredstatements="6" conditionals="12" coveredconditionals="12" methods="2" coveredmethods="2"/>
+      <file name="MenuItemsSection.js" path="/home/lcuevas/legal/legal-lib-components/src/components/molecules/MenuItemsSection/MenuItemsSection.js">
+        <metrics statements="6" coveredstatements="6" conditionals="12" coveredconditionals="12" methods="2" coveredmethods="2"/>
+        <line num="7" count="1" type="stmt"/>
+        <line num="8" count="10" type="cond" truecount="4" falsecount="0"/>
+        <line num="9" count="7" type="cond" truecount="6" falsecount="0"/>
+        <line num="10" count="4" type="stmt"/>
+        <line num="13" count="3" type="stmt"/>
+        <line num="24" count="1" type="stmt"/>
+      </file>
+    </package>
+    <package name="src.utils">
+      <metrics statements="2" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/>
+      <file name="stringSlugify.js" path="/home/lcuevas/legal/legal-lib-components/src/utils/stringSlugify.js">
+        <metrics statements="2" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/>
+        <line num="1" count="2" type="stmt"/>
+        <line num="2" count="26" type="stmt"/>
+      </file>
+    </package>
   </project>
 </coverage>

package/coverage/coverage-final.json

@@ -1,2 +1,7 @@
-{"/home/adoncel/projects/legal/legal-lib-components/src/components/atoms/BaseBox/BaseBox.js": {"path":"/home/adoncel/projects/legal/legal-lib-components/src/components/atoms/BaseBox/BaseBox.js","statementMap":{"0":{"start":{"line":7,"column":23},"end":{"line":18,"column":1}},"1":{"start":{"line":8,"column":2},"end":{"line":10,"column":3}},"2":{"start":{"line":9,"column":4},"end":{"line":9,"column":16}},"3":{"start":{"line":11,"column":18},"end":{"line":16,"column":4}},"4":{"start":{"line":17,"column":2},"end":{"line":17,"column":51}},"5":{"start":{"line":20,"column":0},"end":{"line":25,"column":2}},"6":{"start":{"line":27,"column":0},"end":{"line":29,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":7,"column":23},"end":{"line":7,"column":24}},"loc":{"start":{"line":7,"column":64},"end":{"line":18,"column":1}},"line":7}},"branchMap":{"0":{"loc":{"start":{"line":8,"column":2},"end":{"line":10,"column":3}},"type":"if","locations":[{"start":{"line":8,"column":2},"end":{"line":10,"column":3}},{"start":{},"end":{}}],"line":8}},"s":{"0":1,"1":6,"2":1,"3":5,"4":5,"5":1,"6":1},"f":{"0":6},"b":{"0":[1,5]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"cfed6ec13d966bc198387adcc8bbba41f6f110a0"}
+{"/home/lcuevas/legal/legal-lib-components/images/componentsSvg/EmploymentIcon.js": {"path":"/home/lcuevas/legal/legal-lib-components/images/componentsSvg/EmploymentIcon.js","statementMap":{"0":{"start":{"line":5,"column":30},"end":{"line":22,"column":1}},"1":{"start":{"line":6,"column":2},"end":{"line":21,"column":8}},"2":{"start":{"line":24,"column":0},"end":{"line":26,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":5,"column":30},"end":{"line":5,"column":31}},"loc":{"start":{"line":6,"column":2},"end":{"line":21,"column":8}},"line":6}},"branchMap":{},"s":{"0":1,"1":2,"2":1},"f":{"0":2},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"1df859fb9043b7457747a8e9deb95adde9f500c5"}
+,"/home/lcuevas/legal/legal-lib-components/images/componentsSvg/LogoutSvg.js": {"path":"/home/lcuevas/legal/legal-lib-components/images/componentsSvg/LogoutSvg.js","statementMap":{"0":{"start":{"line":4,"column":25},"end":{"line":28,"column":1}},"1":{"start":{"line":5,"column":2},"end":{"line":27,"column":8}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":25},"end":{"line":4,"column":26}},"loc":{"start":{"line":5,"column":2},"end":{"line":27,"column":8}},"line":5}},"branchMap":{},"s":{"0":1,"1":7},"f":{"0":7},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"ed94187543334dfc09135ad05f1402e453c58758"}
+,"/home/lcuevas/legal/legal-lib-components/src/components/atoms/MenuItems/MenuItems.js": {"path":"/home/lcuevas/legal/legal-lib-components/src/components/atoms/MenuItems/MenuItems.js","statementMap":{"0":{"start":{"line":8,"column":25},"end":{"line":53,"column":1}},"1":{"start":{"line":10,"column":23},"end":{"line":10,"column":59}},"2":{"start":{"line":10,"column":46},"end":{"line":10,"column":58}},"3":{"start":{"line":11,"column":2},"end":{"line":13,"column":3}},"4":{"start":{"line":12,"column":4},"end":{"line":12,"column":16}},"5":{"start":{"line":15,"column":18},"end":{"line":17,"column":4}},"6":{"start":{"line":19,"column":21},"end":{"line":46,"column":3}},"7":{"start":{"line":20,"column":75},"end":{"line":20,"column":85}},"8":{"start":{"line":21,"column":4},"end":{"line":23,"column":5}},"9":{"start":{"line":22,"column":6},"end":{"line":22,"column":18}},"10":{"start":{"line":24,"column":29},"end":{"line":24,"column":51}},"11":{"start":{"line":25,"column":20},"end":{"line":25,"column":50}},"12":{"start":{"line":26,"column":4},"end":{"line":45,"column":6}},"13":{"start":{"line":48,"column":2},"end":{"line":52,"column":4}},"14":{"start":{"line":50,"column":41},"end":{"line":50,"column":64}},"15":{"start":{"line":55,"column":0},"end":{"line":58,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":8,"column":25},"end":{"line":8,"column":26}},"loc":{"start":{"line":8,"column":57},"end":{"line":53,"column":1}},"line":8},"1":{"name":"(anonymous_1)","decl":{"start":{"line":10,"column":36},"end":{"line":10,"column":37}},"loc":{"start":{"line":10,"column":46},"end":{"line":10,"column":58}},"line":10},"2":{"name":"(anonymous_2)","decl":{"start":{"line":19,"column":21},"end":{"line":19,"column":22}},"loc":{"start":{"line":19,"column":38},"end":{"line":46,"column":3}},"line":19},"3":{"name":"(anonymous_3)","decl":{"start":{"line":50,"column":24},"end":{"line":50,"column":25}},"loc":{"start":{"line":50,"column":41},"end":{"line":50,"column":64}},"line":50}},"branchMap":{"0":{"loc":{"start":{"line":11,"column":2},"end":{"line":13,"column":3}},"type":"if","locations":[{"start":{"line":11,"column":2},"end":{"line":13,"column":3}},{"start":{},"end":{}}],"line":11},"1":{"loc":{"start":{"line":11,"column":6},"end":{"line":11,"column":96}},"type":"binary-expr","locations":[{"start":{"line":11,"column":6},"end":{"line":11,"column":19}},{"start":{"line":11,"column":23},"end":{"line":11,"column":48}},{"start":{"line":11,"column":52},"end":{"line":11,"column":68}},{"start":{"line":11,"column":72},"end":{"line":11,"column":96}}],"line":11},"2":{"loc":{"start":{"line":20,"column":75},"end":{"line":20,"column":85}},"type":"binary-expr","locations":[{"start":{"line":20,"column":75},"end":{"line":20,"column":79}},{"start":{"line":20,"column":83},"end":{"line":20,"column":85}}],"line":20},"3":{"loc":{"start":{"line":21,"column":4},"end":{"line":23,"column":5}},"type":"if","locations":[{"start":{"line":21,"column":4},"end":{"line":23,"column":5}},{"start":{},"end":{}}],"line":21},"4":{"loc":{"start":{"line":29,"column":39},"end":{"line":29,"column":54}},"type":"binary-expr","locations":[{"start":{"line":29,"column":39},"end":{"line":29,"column":48}},{"start":{"line":29,"column":52},"end":{"line":29,"column":54}}],"line":29},"5":{"loc":{"start":{"line":29,"column":58},"end":{"line":29,"column":93}},"type":"cond-expr","locations":[{"start":{"line":29,"column":78},"end":{"line":29,"column":88}},{"start":{"line":29,"column":91},"end":{"line":29,"column":93}}],"line":29},"6":{"loc":{"start":{"line":29,"column":58},"end":{"line":29,"column":75}},"type":"binary-expr","locations":[{"start":{"line":29,"column":58},"end":{"line":29,"column":63}},{"start":{"line":29,"column":67},"end":{"line":29,"column":75}}],"line":29},"7":{"loc":{"start":{"line":30,"column":17},"end":{"line":30,"column":32}},"type":"binary-expr","locations":[{"start":{"line":30,"column":17},"end":{"line":30,"column":24}},{"start":{"line":30,"column":28},"end":{"line":30,"column":32}}],"line":30},"8":{"loc":{"start":{"line":33,"column":9},"end":{"line":43,"column":9}},"type":"cond-expr","locations":[{"start":{"line":34,"column":10},"end":{"line":37,"column":14}},{"start":{"line":39,"column":10},"end":{"line":42,"column":13}}],"line":33},"9":{"loc":{"start":{"line":34,"column":34},"end":{"line":34,"column":60}},"type":"binary-expr","locations":[{"start":{"line":34,"column":34},"end":{"line":34,"column":40}},{"start":{"line":34,"column":44},"end":{"line":34,"column":60}}],"line":34}},"s":{"0":2,"1":13,"2":34,"3":13,"4":3,"5":10,"6":10,"7":26,"8":26,"9":0,"10":26,"11":26,"12":26,"13":10,"14":26,"15":2},"f":{"0":13,"1":34,"2":26,"3":26},"b":{"0":[3,10],"1":[13,12,10,10],"2":[26,0],"3":[0,26],"4":[26,26],"5":[9,17],"6":[26,20],"7":[26,15],"8":[6,20],"9":[6,3]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"43ff6432abe57fc1ed0d70835df02072c920303c"}
+,"/home/lcuevas/legal/legal-lib-components/src/components/atoms/MenuItems/index.js": {"path":"/home/lcuevas/legal/legal-lib-components/src/components/atoms/MenuItems/index.js","statementMap":{},"fnMap":{},"branchMap":{},"s":{},"f":{},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"e4f3e143479c11a472f70765ee94d726d0f60317"}
+,"/home/lcuevas/legal/legal-lib-components/src/components/molecules/MenuItemsSection/MenuItemsSection.js": {"path":"/home/lcuevas/legal/legal-lib-components/src/components/molecules/MenuItemsSection/MenuItemsSection.js","statementMap":{"0":{"start":{"line":7,"column":32},"end":{"line":22,"column":1}},"1":{"start":{"line":8,"column":23},"end":{"line":8,"column":81}},"2":{"start":{"line":8,"column":61},"end":{"line":8,"column":73}},"3":{"start":{"line":9,"column":2},"end":{"line":11,"column":3}},"4":{"start":{"line":10,"column":4},"end":{"line":10,"column":16}},"5":{"start":{"line":13,"column":2},"end":{"line":21,"column":4}},"6":{"start":{"line":24,"column":0},"end":{"line":28,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":7,"column":32},"end":{"line":7,"column":33}},"loc":{"start":{"line":7,"column":68},"end":{"line":22,"column":1}},"line":7},"1":{"name":"(anonymous_1)","decl":{"start":{"line":8,"column":51},"end":{"line":8,"column":52}},"loc":{"start":{"line":8,"column":61},"end":{"line":8,"column":73}},"line":8}},"branchMap":{"0":{"loc":{"start":{"line":8,"column":23},"end":{"line":8,"column":81}},"type":"cond-expr","locations":[{"start":{"line":8,"column":39},"end":{"line":8,"column":74}},{"start":{"line":8,"column":77},"end":{"line":8,"column":81}}],"line":8},"1":{"loc":{"start":{"line":8,"column":23},"end":{"line":8,"column":36}},"type":"binary-expr","locations":[{"start":{"line":8,"column":23},"end":{"line":8,"column":28}},{"start":{"line":8,"column":32},"end":{"line":8,"column":36}}],"line":8},"2":{"loc":{"start":{"line":9,"column":2},"end":{"line":11,"column":3}},"type":"if","locations":[{"start":{"line":9,"column":2},"end":{"line":11,"column":3}},{"start":{},"end":{}}],"line":9},"3":{"loc":{"start":{"line":9,"column":6},"end":{"line":9,"column":96}},"type":"binary-expr","locations":[{"start":{"line":9,"column":6},"end":{"line":9,"column":19}},{"start":{"line":9,"column":23},"end":{"line":9,"column":48}},{"start":{"line":9,"column":52},"end":{"line":9,"column":68}},{"start":{"line":9,"column":72},"end":{"line":9,"column":96}}],"line":9},"4":{"loc":{"start":{"line":16,"column":9},"end":{"line":16,"column":21}},"type":"binary-expr","locations":[{"start":{"line":16,"column":9},"end":{"line":16,"column":13}},{"start":{"line":16,"column":17},"end":{"line":16,"column":21}}],"line":16}},"s":{"0":1,"1":7,"2":10,"3":7,"4":4,"5":3,"6":1},"f":{"0":7,"1":10},"b":{"0":[5,2],"1":[7,5],"2":[4,3],"3":[7,5,3,3],"4":[3,1]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"7c4f2bfc95a9b6b635c9667d6333c5d2d00fa7c2"}
+,"/home/lcuevas/legal/legal-lib-components/src/utils/stringSlugify.js": {"path":"/home/lcuevas/legal/legal-lib-components/src/utils/stringSlugify.js","statementMap":{"0":{"start":{"line":1,"column":29},"end":{"line":3,"column":1}},"1":{"start":{"line":2,"column":2},"end":{"line":2,"column":62}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":1,"column":29},"end":{"line":1,"column":30}},"loc":{"start":{"line":1,"column":41},"end":{"line":3,"column":1}},"line":1}},"branchMap":{},"s":{"0":2,"1":26},"f":{"0":26},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"8f0cae805a0900e278d5ca0b46ddea2e85c0cbae"}
 }

package/coverage/lcov-report/{molecules/FormFaq/FormFaq.js.html → TopBar.js.html}

@@ -3,15 +3,15 @@
 <html lang="en">
 
 <head>
-    <title>Code coverage report for molecules/FormFaq/FormFaq.js</title>
+    <title>Code coverage report for TopBar.js</title>
     <meta charset="utf-8" />
-    <link rel="stylesheet" href="../../prettify.css" />
-    <link rel="stylesheet" href="../../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
+    <link rel="stylesheet" href="prettify.css" />
+    <link rel="stylesheet" href="base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <style type='text/css'>
         .coverage-summary .sorter {
-            background-image: url(../../sort-arrow-sprite.png);
+            background-image: url(sort-arrow-sprite.png);
         }
     </style>
 </head>
@@ -19,20 +19,20 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../index.html">All files</a> / <a href="index.html">molecules/FormFaq</a> FormFaq.js</h1>
+        <h1><a href="index.html">All files</a> TopBar.js</h1>
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>5/5</span>
+                <span class='fraction'>6/6</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>4/4</span>
+                <span class='fraction'>2/2</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>5/5</span>
+                <span class='fraction'>6/6</span>
             </div>
         
             
@@ -88,19 +88,23 @@
 <a name='L23'></a><a href='#L23'>23</a>
 <a name='L24'></a><a href='#L24'>24</a>
 <a name='L25'></a><a href='#L25'>25</a>
-<a name='L26'></a><a href='#L26'>26</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L26'></a><a href='#L26'>26</a>
+<a name='L27'></a><a href='#L27'>27</a>
+<a name='L28'></a><a href='#L28'>28</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -115,28 +119,30 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
 import PropTypes from 'prop-types';
-import { Tooltip } from '../../atoms/Tooltip/Tooltip';
-&nbsp;
-import './FormFaq.scss';
+import classNames from 'classnames';
+import './TopBar.scss';
 &nbsp;
-export const FormFaq = ({ title, answer }) =&gt; {
-  if (!title || !answer) {
+export const TopBar = ({ hide, children }) =&gt; {
+  if (!children) {
     return null;
   }
+&nbsp;
+  const classnames = classNames({
+    '--is-hidden': hide,
+  });
+&nbsp;
   return (
-    &lt;li className='form-faq'&gt;
-      &lt;Tooltip content={answer} inverted&gt;
-        &lt;div className='form-faq__container'&gt;
-          &lt;p className='form-faq__title sans-serif --small'&gt;{title}&lt;/p&gt;
-        &lt;/div&gt;
-      &lt;/Tooltip&gt;
-    &lt;/li&gt;
+    &lt;div className={`top-bar-wrapper ${classnames}`}&gt;
+      &lt;div className={`top-bar`}&gt;
+        &lt;div className={`top-bar-content`}&gt;{children}&lt;/div&gt;
+      &lt;/div&gt;
+    &lt;/div&gt;
   );
 };
 &nbsp;
-FormFaq.propTypes = {
-  title: PropTypes.string,
-  answer: PropTypes.string,
+TopBar.propTypes = {
+  hide: PropTypes.bool,
+  children: PropTypes.node,
 };
 &nbsp;</pre></td></tr></table></pre>
 
@@ -144,17 +150,17 @@ FormFaq.propTypes = {
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Feb 28 2022 09:06:31 GMT+0100 (GMT+01:00)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
+                at Thu Mar 10 2022 18:58:30 GMT+0100 (GMT+01:00)
             </div>
-        <script src="../../prettify.js"></script>
+        <script src="prettify.js"></script>
         <script>
             window.onload = function () {
                 prettyPrint();
             };
         </script>
-        <script src="../../sorter.js"></script>
-        <script src="../../block-navigation.js"></script>
+        <script src="sorter.js"></script>
+        <script src="block-navigation.js"></script>
     </body>
 </html>
     

package/coverage/lcov-report/images/componentsSvg/Done24px.js.html

@@ -141,8 +141,8 @@ Done24px.propTypes = {
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Feb 28 2022 16:32:31 GMT+0100 (GMT+01:00)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
+                at Mon Mar 21 2022 13:51:33 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/{molecules/BottomFixedBar/BottomFixedBar.js.html → images/componentsSvg/Edit24p.js.html}

@@ -3,7 +3,7 @@
 <html lang="en">
 
 <head>
-    <title>Code coverage report for molecules/BottomFixedBar/BottomFixedBar.js</title>
+    <title>Code coverage report for images/componentsSvg/Edit24p.js</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../prettify.css" />
     <link rel="stylesheet" href="../../base.css" />
@@ -19,20 +19,20 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../index.html">All files</a> / <a href="index.html">molecules/BottomFixedBar</a> BottomFixedBar.js</h1>
+        <h1><a href="../../index.html">All files</a> / <a href="index.html">images/componentsSvg</a> Edit24p.js</h1>
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>5/5</span>
+                <span class='fraction'>3/3</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>4/4</span>
+                <span class='fraction'>0/0</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>5/5</span>
+                <span class='fraction'>3/3</span>
             </div>
         
             
@@ -96,20 +96,19 @@
 <a name='L31'></a><a href='#L31'>31</a>
 <a name='L32'></a><a href='#L32'>32</a>
 <a name='L33'></a><a href='#L33'>33</a>
-<a name='L34'></a><a href='#L34'>34</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L34'></a><a href='#L34'>34</a>
+<a name='L35'></a><a href='#L35'>35</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -122,45 +121,49 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">/* eslint-disable max-len */
+import React from 'react';
 import PropTypes from 'prop-types';
-import { Button } from '../../atoms/Button/Button';
-import { RichTextInner } from '../../atoms/RichTextInner/RichTextInner';
-&nbsp;
-import './BottomFixedBar.scss';
-&nbsp;
-export const BottomFixedBar = ({text, button}) =&gt; {
 &nbsp;
-    if(!text || !button){
-        return null;
-    }
-&nbsp;
-    return(
-        &lt;div className='bottom-fixed-bar'&gt;
-            &lt;RichTextInner customClass='bottom-fixed-bar__text sans-serif --extra-small'&gt;
-                {text}
-            &lt;/RichTextInner&gt;
-            &lt;div className='bottom-fixed-bar__button-container'&gt;
-                &lt;Button noLink primary3 {...button} /&gt;
-            &lt;/div&gt;
-        &lt;/div&gt;
-    );
-&nbsp;
-};
+export const Edit24p = ({ className }) =&gt; (
+  &lt;svg
+    className={className}
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='24'
+    height='24'
+    viewBox='0 0 16 16'
+  &gt;
+    &lt;defs&gt;
+      &lt;path
+        id='edita'
+        d='M1.863 11.637v2.5h2.5l7.374-7.374-2.5-2.5-7.374 7.374zm12.274-7.274l-2.5-2.5L9.95 3.557l2.5 2.5 1.687-1.694z'
+      /&gt;
+    &lt;/defs&gt;
+    &lt;g fill='none' fillRule='evenodd'&gt;
+      &lt;path d='M0 0H16V16H0z' /&gt;
+      &lt;mask id='editb' fill='#fff'&gt;
+        &lt;use xlinkHref='#edita' /&gt;
+      &lt;/mask&gt;
+      &lt;g fill='#3D4042' mask='url(#editb)'&gt;
+        &lt;path d='M0 0H16V16H0z' /&gt;
+      &lt;/g&gt;
+    &lt;/g&gt;
+  &lt;/svg&gt;
+);
 &nbsp;
-BottomFixedBar.propTypes = {
-    text: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.node
-    ]),
-    button: PropTypes.object,
+Edit24p.propTypes = {
+  className: PropTypes.string,
 };
 &nbsp;</pre></td></tr></table></pre>
 
@@ -169,7 +172,7 @@ BottomFixedBar.propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Wed Feb 23 2022 13:00:36 GMT+0100 (GMT+01:00)
+                at Mon Mar 21 2022 13:51:33 GMT+0100 (GMT+01:00)
             </div>
         <script src="../../prettify.js"></script>
         <script>