From 6ec650311ff0e56eb17cfa9d582291f7a6824b14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matuzale=CC=81m=20S=2E=20Teles?= <matuzalemteles@gmail.com>
Date: Fri, 16 Feb 2018 19:15:11 -0300
Subject: [PATCH] Regen snapshots | Fixes #543

---
 .../ClayManagementToolbar.js.snap             | 598 ++++++------------
 1 file changed, 183 insertions(+), 415 deletions(-)

diff --git a/packages/clay-management-toolbar/src/__tests__/__snapshots__/ClayManagementToolbar.js.snap b/packages/clay-management-toolbar/src/__tests__/__snapshots__/ClayManagementToolbar.js.snap
index d16da45e75..691404a4bb 100644
--- a/packages/clay-management-toolbar/src/__tests__/__snapshots__/ClayManagementToolbar.js.snap
+++ b/packages/clay-management-toolbar/src/__tests__/__snapshots__/ClayManagementToolbar.js.snap
@@ -77,14 +77,6 @@ exports[`ClayManagementToolbar should render a disabled management toolbar 1`] =
           </button>
         </div>
       </li>
-      <li class="nav-item">
-        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
-            <title>plus</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
-          </svg>
-        </button>
-      </li>
     </ul>
   </div>
 </nav>
@@ -248,14 +240,6 @@ exports[`ClayManagementToolbar should render a management toolbar with ascending
           </svg>
         </button>
       </li>
-      <li class="nav-item">
-        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
-            <title>plus</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
-          </svg>
-        </button>
-      </li>
     </ul>
   </div>
 </nav>
@@ -263,60 +247,26 @@ exports[`ClayManagementToolbar should render a management toolbar with ascending
 
 exports[`ClayManagementToolbar should render a management toolbar with classes 1`] = `
 <nav class="management-bar management-bar-light navbar navbar-expand-md my-custom-class">
-  <div class="container">
-    <ul class="navbar-nav">
-      <li class="nav-item">
-        <button class="btn nav-link nav-link-monospaced order-arrow-up-active btn-unstyled" aria-label="order-arrow" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-order-arrow" focusable="false">
-            <title>order-arrow</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#order-arrow"></use>
-          </svg>
-        </button>
-      </li>
-    </ul>
-    <div class="navbar-form navbar-form-autofit navbar-overlay navbar-overlay-sm-down">
-      <div class="container">
-        <form role="search">
-          <div class="input-group">
-            <div class="input-group-item">
-              <input aria-label="Search" class="form-control input-group-inset input-group-inset-after" placeholder="Search for..." ref="search" type="text">
-              <span class="input-group-inset-item input-group-inset-item-after">
-                <button class="btn navbar-breakpoint-d-none btn-unstyled" aria-label="times" type="button">
-                  <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
-                    <title>times</title>
-                    <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#times"></use>
-                  </svg>
-                </button>
-                <button class="btn navbar-breakpoint-d-block btn-unstyled" aria-label="search" type="submit">
-                  <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
-                    <title>search</title>
-                    <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
-                  </svg>
-                </button>
-              </span>
-            </div>
+  <div class="container-fluid container-fluid-max-xl">
+    <ul class="navbar-nav"></ul>
+    <div class="navbar-form navbar-form-autofit">
+      <form role="search">
+        <div class="input-group">
+          <div class="input-group-item">
+            <input aria-label="Search" class="form-control input-group-inset input-group-inset-after" placeholder="Search for..." ref="search" type="text">
+            <span class="input-group-inset-item input-group-inset-item-after">
+              <button class="btn btn-unstyled" aria-label="search" type="submit">
+                <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
+                  <title>search</title>
+                  <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
+                </svg>
+              </button>
+            </span>
           </div>
-        </form>
-      </div>
+        </div>
+      </form>
     </div>
-    <ul class="navbar-nav">
-      <li class="nav-item navbar-breakpoint-d-none">
-        <button class="btn nav-link nav-link-monospaced btn-unstyled" aria-label="search" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
-            <title>search</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
-          </svg>
-        </button>
-      </li>
-      <li class="nav-item">
-        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
-            <title>plus</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
-          </svg>
-        </button>
-      </li>
-    </ul>
+    <ul class="navbar-nav"></ul>
   </div>
 </nav>
 `;
@@ -395,14 +345,6 @@ exports[`ClayManagementToolbar should render a management toolbar with descendin
           </svg>
         </button>
       </li>
-      <li class="nav-item">
-        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
-            <title>plus</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
-          </svg>
-        </button>
-      </li>
     </ul>
   </div>
 </nav>
@@ -422,14 +364,6 @@ exports[`ClayManagementToolbar should render a management toolbar with filters d
           </button>
         </div>
       </li>
-      <li class="nav-item">
-        <button class="btn nav-link nav-link-monospaced order-arrow-up-active btn-unstyled" aria-label="order-arrow" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-order-arrow" focusable="false">
-            <title>order-arrow</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#order-arrow"></use>
-          </svg>
-        </button>
-      </li>
     </ul>
     <div class="navbar-form navbar-form-autofit navbar-overlay navbar-overlay-sm-down">
       <div class="container">
@@ -465,14 +399,6 @@ exports[`ClayManagementToolbar should render a management toolbar with filters d
           </svg>
         </button>
       </li>
-      <li class="nav-item">
-        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
-            <title>plus</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
-          </svg>
-        </button>
-      </li>
     </ul>
   </div>
 </nav>
@@ -502,14 +428,6 @@ exports[`ClayManagementToolbar should render a management toolbar with filters d
           </button>
         </div>
       </li>
-      <li class="nav-item">
-        <button class="btn nav-link nav-link-monospaced order-arrow-up-active btn-unstyled" aria-label="order-arrow" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-order-arrow" focusable="false">
-            <title>order-arrow</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#order-arrow"></use>
-          </svg>
-        </button>
-      </li>
     </ul>
     <div class="navbar-form navbar-form-autofit navbar-overlay navbar-overlay-sm-down">
       <div class="container">
@@ -545,14 +463,6 @@ exports[`ClayManagementToolbar should render a management toolbar with filters d
           </svg>
         </button>
       </li>
-      <li class="nav-item">
-        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
-            <title>plus</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
-          </svg>
-        </button>
-      </li>
     </ul>
   </div>
 </nav>
@@ -603,14 +513,6 @@ exports[`ClayManagementToolbar should render a management toolbar with filters d
           </button>
         </div>
       </li>
-      <li class="nav-item">
-        <button class="btn nav-link nav-link-monospaced order-arrow-up-active btn-unstyled" aria-label="order-arrow" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-order-arrow" focusable="false">
-            <title>order-arrow</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#order-arrow"></use>
-          </svg>
-        </button>
-      </li>
     </ul>
     <div class="navbar-form navbar-form-autofit navbar-overlay navbar-overlay-sm-down">
       <div class="container">
@@ -646,14 +548,6 @@ exports[`ClayManagementToolbar should render a management toolbar with filters d
           </svg>
         </button>
       </li>
-      <li class="nav-item">
-        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
-            <title>plus</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
-          </svg>
-        </button>
-      </li>
     </ul>
   </div>
 </nav>
@@ -690,14 +584,6 @@ exports[`ClayManagementToolbar should render a management toolbar with filters d
           </button>
         </div>
       </li>
-      <li class="nav-item">
-        <button class="btn nav-link nav-link-monospaced order-arrow-up-active btn-unstyled" aria-label="order-arrow" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-order-arrow" focusable="false">
-            <title>order-arrow</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#order-arrow"></use>
-          </svg>
-        </button>
-      </li>
     </ul>
     <div class="navbar-form navbar-form-autofit navbar-overlay navbar-overlay-sm-down">
       <div class="container">
@@ -733,14 +619,6 @@ exports[`ClayManagementToolbar should render a management toolbar with filters d
           </svg>
         </button>
       </li>
-      <li class="nav-item">
-        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
-            <title>plus</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
-          </svg>
-        </button>
-      </li>
     </ul>
   </div>
 </nav>
@@ -794,60 +672,26 @@ exports[`ClayManagementToolbar should render a management toolbar with filters d
 
 exports[`ClayManagementToolbar should render a management toolbar with id 1`] = `
 <nav class="management-bar management-bar-light navbar navbar-expand-md" id="myId">
-  <div class="container">
-    <ul class="navbar-nav">
-      <li class="nav-item">
-        <button class="btn nav-link nav-link-monospaced order-arrow-up-active btn-unstyled" aria-label="order-arrow" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-order-arrow" focusable="false">
-            <title>order-arrow</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#order-arrow"></use>
-          </svg>
-        </button>
-      </li>
-    </ul>
-    <div class="navbar-form navbar-form-autofit navbar-overlay navbar-overlay-sm-down">
-      <div class="container">
-        <form role="search">
-          <div class="input-group">
-            <div class="input-group-item">
-              <input aria-label="Search" class="form-control input-group-inset input-group-inset-after" placeholder="Search for..." ref="search" type="text">
-              <span class="input-group-inset-item input-group-inset-item-after">
-                <button class="btn navbar-breakpoint-d-none btn-unstyled" aria-label="times" type="button">
-                  <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
-                    <title>times</title>
-                    <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#times"></use>
-                  </svg>
-                </button>
-                <button class="btn navbar-breakpoint-d-block btn-unstyled" aria-label="search" type="submit">
-                  <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
-                    <title>search</title>
-                    <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
-                  </svg>
-                </button>
-              </span>
-            </div>
+  <div class="container-fluid container-fluid-max-xl">
+    <ul class="navbar-nav"></ul>
+    <div class="navbar-form navbar-form-autofit">
+      <form role="search">
+        <div class="input-group">
+          <div class="input-group-item">
+            <input aria-label="Search" class="form-control input-group-inset input-group-inset-after" placeholder="Search for..." ref="search" type="text">
+            <span class="input-group-inset-item input-group-inset-item-after">
+              <button class="btn btn-unstyled" aria-label="search" type="submit">
+                <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
+                  <title>search</title>
+                  <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
+                </svg>
+              </button>
+            </span>
           </div>
-        </form>
-      </div>
+        </div>
+      </form>
     </div>
-    <ul class="navbar-nav">
-      <li class="nav-item navbar-breakpoint-d-none">
-        <button class="btn nav-link nav-link-monospaced btn-unstyled" aria-label="search" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
-            <title>search</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
-          </svg>
-        </button>
-      </li>
-      <li class="nav-item">
-        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
-            <title>plus</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
-          </svg>
-        </button>
-      </li>
-    </ul>
+    <ul class="navbar-nav"></ul>
   </div>
 </nav>
 `;
@@ -882,16 +726,7 @@ exports[`ClayManagementToolbar should render a management toolbar with id in act
 exports[`ClayManagementToolbar should render a management toolbar with plus button with more than one option 1`] = `
 <nav class="management-bar management-bar-light navbar navbar-expand-md">
   <div class="container">
-    <ul class="navbar-nav">
-      <li class="nav-item">
-        <button class="btn nav-link nav-link-monospaced order-arrow-up-active btn-unstyled" aria-label="order-arrow" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-order-arrow" focusable="false">
-            <title>order-arrow</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#order-arrow"></use>
-          </svg>
-        </button>
-      </li>
-    </ul>
+    <ul class="navbar-nav"></ul>
     <div class="navbar-form navbar-form-autofit navbar-overlay navbar-overlay-sm-down">
       <div class="container">
         <form role="search">
@@ -954,16 +789,7 @@ exports[`ClayManagementToolbar should render a management toolbar with plus butt
 exports[`ClayManagementToolbar should render a management toolbar with plus button with one option 1`] = `
 <nav class="management-bar management-bar-light navbar navbar-expand-md">
   <div class="container">
-    <ul class="navbar-nav">
-      <li class="nav-item">
-        <button class="btn nav-link nav-link-monospaced order-arrow-up-active btn-unstyled" aria-label="order-arrow" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-order-arrow" focusable="false">
-            <title>order-arrow</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#order-arrow"></use>
-          </svg>
-        </button>
-      </li>
-    </ul>
+    <ul class="navbar-nav"></ul>
     <div class="navbar-form navbar-form-autofit navbar-overlay navbar-overlay-sm-down">
       <div class="container">
         <form role="search">
@@ -999,194 +825,101 @@ exports[`ClayManagementToolbar should render a management toolbar with plus butt
         </button>
       </li>
       <li class="nav-item">
-        <a class="btn btn-primary nav-btn nav-btn-monospaced navbar-breakpoint-down-d-none" href="#1">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
-            <title>plus</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
-          </svg>
-        </a>
+        <div class="dropdown">
+          <button aria-expanded="false" aria-haspopup="true" aria-label="toggle" class="dropdown-toggle btn nav-btn nav-btn-monospaced navbar-breakpoint-down-d-none btn-primary" type="button">
+            <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
+              <title>plus</title>
+              <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
+            </svg>
+          </button>
+        </div>
       </li>
     </ul>
   </div>
 </nav>
+<div class="dropdown-menu" ref="menu">
+  <ul class="list-unstyled">
+    <li>
+      <a class=" dropdown-item" href="#1">Add Content 1</a>
+    </li>
+  </ul>
+</div>
 `;
 
 exports[`ClayManagementToolbar should render a management toolbar with search action url 1`] = `
 <nav class="management-bar management-bar-light navbar navbar-expand-md">
-  <div class="container">
-    <ul class="navbar-nav">
-      <li class="nav-item">
-        <button class="btn nav-link nav-link-monospaced order-arrow-up-active btn-unstyled" aria-label="order-arrow" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-order-arrow" focusable="false">
-            <title>order-arrow</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#order-arrow"></use>
-          </svg>
-        </button>
-      </li>
-    </ul>
-    <div class="navbar-form navbar-form-autofit navbar-overlay navbar-overlay-sm-down">
-      <div class="container">
-        <form action="mySearchURL" role="search">
-          <div class="input-group">
-            <div class="input-group-item">
-              <input aria-label="Search" class="form-control input-group-inset input-group-inset-after" placeholder="Search for..." ref="search" type="text">
-              <span class="input-group-inset-item input-group-inset-item-after">
-                <button class="btn navbar-breakpoint-d-none btn-unstyled" aria-label="times" type="button">
-                  <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
-                    <title>times</title>
-                    <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#times"></use>
-                  </svg>
-                </button>
-                <button class="btn navbar-breakpoint-d-block btn-unstyled" aria-label="search" type="submit">
-                  <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
-                    <title>search</title>
-                    <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
-                  </svg>
-                </button>
-              </span>
-            </div>
+  <div class="container-fluid container-fluid-max-xl">
+    <ul class="navbar-nav"></ul>
+    <div class="navbar-form navbar-form-autofit">
+      <form action="mySearchURL" role="search">
+        <div class="input-group">
+          <div class="input-group-item">
+            <input aria-label="Search" class="form-control input-group-inset input-group-inset-after" placeholder="Search for..." ref="search" type="text">
+            <span class="input-group-inset-item input-group-inset-item-after">
+              <button class="btn btn-unstyled" aria-label="search" type="submit">
+                <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
+                  <title>search</title>
+                  <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
+                </svg>
+              </button>
+            </span>
           </div>
-        </form>
-      </div>
+        </div>
+      </form>
     </div>
-    <ul class="navbar-nav">
-      <li class="nav-item navbar-breakpoint-d-none">
-        <button class="btn nav-link nav-link-monospaced btn-unstyled" aria-label="search" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
-            <title>search</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
-          </svg>
-        </button>
-      </li>
-      <li class="nav-item">
-        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
-            <title>plus</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
-          </svg>
-        </button>
-      </li>
-    </ul>
+    <ul class="navbar-nav"></ul>
   </div>
 </nav>
 `;
 
 exports[`ClayManagementToolbar should render a management toolbar with search form name 1`] = `
 <nav class="management-bar management-bar-light navbar navbar-expand-md">
-  <div class="container">
-    <ul class="navbar-nav">
-      <li class="nav-item">
-        <button class="btn nav-link nav-link-monospaced order-arrow-up-active btn-unstyled" aria-label="order-arrow" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-order-arrow" focusable="false">
-            <title>order-arrow</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#order-arrow"></use>
-          </svg>
-        </button>
-      </li>
-    </ul>
-    <div class="navbar-form navbar-form-autofit navbar-overlay navbar-overlay-sm-down">
-      <div class="container">
-        <form name="mySearchName" role="search">
-          <div class="input-group">
-            <div class="input-group-item">
-              <input aria-label="Search" class="form-control input-group-inset input-group-inset-after" placeholder="Search for..." ref="search" type="text">
-              <span class="input-group-inset-item input-group-inset-item-after">
-                <button class="btn navbar-breakpoint-d-none btn-unstyled" aria-label="times" type="button">
-                  <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
-                    <title>times</title>
-                    <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#times"></use>
-                  </svg>
-                </button>
-                <button class="btn navbar-breakpoint-d-block btn-unstyled" aria-label="search" type="submit">
-                  <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
-                    <title>search</title>
-                    <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
-                  </svg>
-                </button>
-              </span>
-            </div>
+  <div class="container-fluid container-fluid-max-xl">
+    <ul class="navbar-nav"></ul>
+    <div class="navbar-form navbar-form-autofit">
+      <form name="mySearchName" role="search">
+        <div class="input-group">
+          <div class="input-group-item">
+            <input aria-label="Search" class="form-control input-group-inset input-group-inset-after" placeholder="Search for..." ref="search" type="text">
+            <span class="input-group-inset-item input-group-inset-item-after">
+              <button class="btn btn-unstyled" aria-label="search" type="submit">
+                <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
+                  <title>search</title>
+                  <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
+                </svg>
+              </button>
+            </span>
           </div>
-        </form>
-      </div>
+        </div>
+      </form>
     </div>
-    <ul class="navbar-nav">
-      <li class="nav-item navbar-breakpoint-d-none">
-        <button class="btn nav-link nav-link-monospaced btn-unstyled" aria-label="search" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
-            <title>search</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
-          </svg>
-        </button>
-      </li>
-      <li class="nav-item">
-        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
-            <title>plus</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
-          </svg>
-        </button>
-      </li>
-    </ul>
+    <ul class="navbar-nav"></ul>
   </div>
 </nav>
 `;
 
 exports[`ClayManagementToolbar should render a management toolbar with search input name 1`] = `
 <nav class="management-bar management-bar-light navbar navbar-expand-md">
-  <div class="container">
-    <ul class="navbar-nav">
-      <li class="nav-item">
-        <button class="btn nav-link nav-link-monospaced order-arrow-up-active btn-unstyled" aria-label="order-arrow" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-order-arrow" focusable="false">
-            <title>order-arrow</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#order-arrow"></use>
-          </svg>
-        </button>
-      </li>
-    </ul>
-    <div class="navbar-form navbar-form-autofit navbar-overlay navbar-overlay-sm-down">
-      <div class="container">
-        <form role="search">
-          <div class="input-group">
-            <div class="input-group-item">
-              <input aria-label="Search" class="form-control input-group-inset input-group-inset-after" name="mySearchName" placeholder="Search for..." ref="search" type="text">
-              <span class="input-group-inset-item input-group-inset-item-after">
-                <button class="btn navbar-breakpoint-d-none btn-unstyled" aria-label="times" type="button">
-                  <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
-                    <title>times</title>
-                    <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#times"></use>
-                  </svg>
-                </button>
-                <button class="btn navbar-breakpoint-d-block btn-unstyled" aria-label="search" type="submit">
-                  <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
-                    <title>search</title>
-                    <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
-                  </svg>
-                </button>
-              </span>
-            </div>
+  <div class="container-fluid container-fluid-max-xl">
+    <ul class="navbar-nav"></ul>
+    <div class="navbar-form navbar-form-autofit">
+      <form role="search">
+        <div class="input-group">
+          <div class="input-group-item">
+            <input aria-label="Search" class="form-control input-group-inset input-group-inset-after" name="mySearchName" placeholder="Search for..." ref="search" type="text">
+            <span class="input-group-inset-item input-group-inset-item-after">
+              <button class="btn btn-unstyled" aria-label="search" type="submit">
+                <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
+                  <title>search</title>
+                  <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
+                </svg>
+              </button>
+            </span>
           </div>
-        </form>
-      </div>
+        </div>
+      </form>
     </div>
-    <ul class="navbar-nav">
-      <li class="nav-item navbar-breakpoint-d-none">
-        <button class="btn nav-link nav-link-monospaced btn-unstyled" aria-label="search" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
-            <title>search</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
-          </svg>
-        </button>
-      </li>
-      <li class="nav-item">
-        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
-            <title>plus</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
-          </svg>
-        </button>
-      </li>
-    </ul>
+    <ul class="navbar-nav"></ul>
   </div>
 </nav>
 `;
@@ -1205,14 +938,6 @@ exports[`ClayManagementToolbar should render a management toolbar with selection
           </label>
         </div>
       </li>
-      <li class="nav-item">
-        <button class="btn nav-link nav-link-monospaced order-arrow-up-active btn-unstyled" aria-label="order-arrow" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-order-arrow" focusable="false">
-            <title>order-arrow</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#order-arrow"></use>
-          </svg>
-        </button>
-      </li>
     </ul>
     <div class="navbar-form navbar-form-autofit navbar-overlay navbar-overlay-sm-down">
       <div class="container">
@@ -1248,14 +973,6 @@ exports[`ClayManagementToolbar should render a management toolbar with selection
           </svg>
         </button>
       </li>
-      <li class="nav-item">
-        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
-            <title>plus</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
-          </svg>
-        </button>
-      </li>
     </ul>
   </div>
 </nav>
@@ -1291,16 +1008,7 @@ exports[`ClayManagementToolbar should render a management toolbar with state act
 exports[`ClayManagementToolbar should render a management toolbar with view types 1`] = `
 <nav class="management-bar management-bar-light navbar navbar-expand-md">
   <div class="container">
-    <ul class="navbar-nav">
-      <li class="nav-item">
-        <button class="btn nav-link nav-link-monospaced order-arrow-up-active btn-unstyled" aria-label="order-arrow" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-order-arrow" focusable="false">
-            <title>order-arrow</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#order-arrow"></use>
-          </svg>
-        </button>
-      </li>
-    </ul>
+    <ul class="navbar-nav"></ul>
     <div class="navbar-form navbar-form-autofit navbar-overlay navbar-overlay-sm-down">
       <div class="container">
         <form role="search">
@@ -1345,14 +1053,6 @@ exports[`ClayManagementToolbar should render a management toolbar with view type
           </button>
         </div>
       </li>
-      <li class="nav-item">
-        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
-            <title>plus</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
-          </svg>
-        </button>
-      </li>
     </ul>
   </div>
 </nav>
@@ -1389,19 +1089,61 @@ exports[`ClayManagementToolbar should render a management toolbar with view type
 </div>
 `;
 
-exports[`ClayManagementToolbar should render the default markup 1`] = `
+exports[`ClayManagementToolbar should render a managment toolbar with plus button 1`] = `
 <nav class="management-bar management-bar-light navbar navbar-expand-md">
   <div class="container">
+    <ul class="navbar-nav"></ul>
+    <div class="navbar-form navbar-form-autofit navbar-overlay navbar-overlay-sm-down">
+      <div class="container">
+        <form role="search">
+          <div class="input-group">
+            <div class="input-group-item">
+              <input aria-label="Search" class="form-control input-group-inset input-group-inset-after" placeholder="Search for..." ref="search" type="text">
+              <span class="input-group-inset-item input-group-inset-item-after">
+                <button class="btn navbar-breakpoint-d-none btn-unstyled" aria-label="times" type="button">
+                  <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
+                    <title>times</title>
+                    <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#times"></use>
+                  </svg>
+                </button>
+                <button class="btn navbar-breakpoint-d-block btn-unstyled" aria-label="search" type="submit">
+                  <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
+                    <title>search</title>
+                    <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
+                  </svg>
+                </button>
+              </span>
+            </div>
+          </div>
+        </form>
+      </div>
+    </div>
     <ul class="navbar-nav">
+      <li class="nav-item navbar-breakpoint-d-none">
+        <button class="btn nav-link nav-link-monospaced btn-unstyled" aria-label="search" type="button">
+          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
+            <title>search</title>
+            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
+          </svg>
+        </button>
+      </li>
       <li class="nav-item">
-        <button class="btn nav-link nav-link-monospaced order-arrow-up-active btn-unstyled" aria-label="order-arrow" type="button">
-          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-order-arrow" focusable="false">
-            <title>order-arrow</title>
-            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#order-arrow"></use>
+        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
+          <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
+            <title>plus</title>
+            <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
           </svg>
         </button>
       </li>
     </ul>
+  </div>
+</nav>
+`;
+
+exports[`ClayManagementToolbar should render a managment toolbar with plus link 1`] = `
+<nav class="management-bar management-bar-light navbar navbar-expand-md">
+  <div class="container">
+    <ul class="navbar-nav"></ul>
     <div class="navbar-form navbar-form-autofit navbar-overlay navbar-overlay-sm-down">
       <div class="container">
         <form role="search">
@@ -1437,14 +1179,40 @@ exports[`ClayManagementToolbar should render the default markup 1`] = `
         </button>
       </li>
       <li class="nav-item">
-        <button class="btn nav-btn nav-btn-monospaced btn-primary" aria-label="plus" type="button">
+        <a class="btn btn-primary nav-btn nav-btn-monospaced navbar-breakpoint-down-d-none" href="#1">
           <svg aria-hidden="true" class="lexicon-icon lexicon-icon-plus" focusable="false">
             <title>plus</title>
             <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#plus"></use>
           </svg>
-        </button>
+        </a>
       </li>
     </ul>
   </div>
 </nav>
 `;
+
+exports[`ClayManagementToolbar should render the default markup 1`] = `
+<nav class="management-bar management-bar-light navbar navbar-expand-md">
+  <div class="container-fluid container-fluid-max-xl">
+    <ul class="navbar-nav"></ul>
+    <div class="navbar-form navbar-form-autofit">
+      <form role="search">
+        <div class="input-group">
+          <div class="input-group-item">
+            <input aria-label="Search" class="form-control input-group-inset input-group-inset-after" placeholder="Search for..." ref="search" type="text">
+            <span class="input-group-inset-item input-group-inset-item-after">
+              <button class="btn btn-unstyled" aria-label="search" type="submit">
+                <svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false">
+                  <title>search</title>
+                  <use xlink:href="../node_modules/clay/lib/images/icons/icons.svg#search"></use>
+                </svg>
+              </button>
+            </span>
+          </div>
+        </div>
+      </form>
+    </div>
+    <ul class="navbar-nav"></ul>
+  </div>
+</nav>
+`;