From 0298da5ea1813715f4f475a66c7fed15e0825862 Mon Sep 17 00:00:00 2001
From: sam-m-m <sam@dassana.io>
Date: Mon, 12 Apr 2021 11:01:30 -0700
Subject: [PATCH] feat #240 - Rebase and fix failing snapshots

---
 src/__snapshots__/storybook.test.ts.snap | 92 ++++++++++++------------
 1 file changed, 46 insertions(+), 46 deletions(-)

diff --git a/src/__snapshots__/storybook.test.ts.snap b/src/__snapshots__/storybook.test.ts.snap
index da83f92a..2853e79e 100644
--- a/src/__snapshots__/storybook.test.ts.snap
+++ b/src/__snapshots__/storybook.test.ts.snap
@@ -3371,20 +3371,20 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
   className="light storyWrapper-0-2-2"
 >
   <div
-    className="container-0-2-170"
+    className="container-0-2-186"
   >
     <div
-      className="tableContainer-0-2-174"
+      className="tableContainer-0-2-190"
     >
       <div
-        className="tableContainer-0-2-178"
+        className="tableContainer-0-2-194"
       >
         <div
-          className="searchBarWrapper-0-2-177 searchBarWrapper-d1-0-2-180"
+          className="searchBarWrapper-0-2-193 searchBarWrapper-d1-0-2-196"
         >
           <input
             autoFocus={false}
-            className="ant-input container-0-2-50 container-d13-0-2-181"
+            className="ant-input container-0-2-50 container-d13-0-2-197"
             data-test="input-table-search"
             disabled={false}
             onBlur={[Function]}
@@ -3679,7 +3679,7 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                         className="ant-table-tbody"
                       >
                         <tr
-                          className="ant-table-row ant-table-row-level-0 row-0-2-176 row-d0-0-2-179"
+                          className="ant-table-row ant-table-row-level-0 row-0-2-192 row-d0-0-2-195"
                           data-row-key={0}
                           onClick={[Function]}
                           style={Object {}}
@@ -3691,10 +3691,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-182"
+                              className="container-0-2-198"
                             >
                               <div
-                                className="wrapper-0-2-184"
+                                className="wrapper-0-2-200"
                                 onMouseEnter={[Function]}
                               >
                                 vpc-flow-logs-are-disabled
@@ -3723,10 +3723,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-182"
+                              className="container-0-2-198"
                             >
                               <div
-                                className="wrapper-0-2-184"
+                                className="wrapper-0-2-200"
                                 onMouseEnter={[Function]}
                               >
                                 FlowLog
@@ -3740,10 +3740,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-182"
+                              className="container-0-2-198"
                             >
                               <div
-                                className="wrapper-0-2-184"
+                                className="wrapper-0-2-200"
                                 onMouseEnter={[Function]}
                               >
                                 visibility
@@ -3752,7 +3752,7 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                           </td>
                         </tr>
                         <tr
-                          className="ant-table-row ant-table-row-level-0 row-0-2-176 row-d0-0-2-179"
+                          className="ant-table-row ant-table-row-level-0 row-0-2-192 row-d0-0-2-195"
                           data-row-key={1}
                           onClick={[Function]}
                           style={Object {}}
@@ -3764,10 +3764,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-182"
+                              className="container-0-2-198"
                             >
                               <div
-                                className="wrapper-0-2-184"
+                                className="wrapper-0-2-200"
                                 onMouseEnter={[Function]}
                               >
                                 instance-is-exposed-to-internet
@@ -3796,10 +3796,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-182"
+                              className="container-0-2-198"
                             >
                               <div
-                                className="wrapper-0-2-184"
+                                className="wrapper-0-2-200"
                                 onMouseEnter={[Function]}
                               >
                                 instance
@@ -3813,10 +3813,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-182"
+                              className="container-0-2-198"
                             >
                               <div
-                                className="wrapper-0-2-184"
+                                className="wrapper-0-2-200"
                                 onMouseEnter={[Function]}
                               >
                                 network
@@ -3825,7 +3825,7 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                           </td>
                         </tr>
                         <tr
-                          className="ant-table-row ant-table-row-level-0 row-0-2-176 row-d0-0-2-179"
+                          className="ant-table-row ant-table-row-level-0 row-0-2-192 row-d0-0-2-195"
                           data-row-key={2}
                           onClick={[Function]}
                           style={Object {}}
@@ -3837,10 +3837,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-182"
+                              className="container-0-2-198"
                             >
                               <div
-                                className="wrapper-0-2-184"
+                                className="wrapper-0-2-200"
                                 onMouseEnter={[Function]}
                               >
                                 default-security-group-should-not-allow-traffic
@@ -3869,10 +3869,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-182"
+                              className="container-0-2-198"
                             >
                               <div
-                                className="wrapper-0-2-184"
+                                className="wrapper-0-2-200"
                                 onMouseEnter={[Function]}
                               >
                                 security-group
@@ -3886,10 +3886,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-182"
+                              className="container-0-2-198"
                             >
                               <div
-                                className="wrapper-0-2-184"
+                                className="wrapper-0-2-200"
                                 onMouseEnter={[Function]}
                               >
                                 networking
@@ -3898,7 +3898,7 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                           </td>
                         </tr>
                         <tr
-                          className="ant-table-row ant-table-row-level-0 row-0-2-176 row-d0-0-2-179"
+                          className="ant-table-row ant-table-row-level-0 row-0-2-192 row-d0-0-2-195"
                           data-row-key={3}
                           onClick={[Function]}
                           style={Object {}}
@@ -3910,10 +3910,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-182"
+                              className="container-0-2-198"
                             >
                               <div
-                                className="wrapper-0-2-184"
+                                className="wrapper-0-2-200"
                                 onMouseEnter={[Function]}
                               >
                                 ssh-from-internet
@@ -3942,10 +3942,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-182"
+                              className="container-0-2-198"
                             >
                               <div
-                                className="wrapper-0-2-184"
+                                className="wrapper-0-2-200"
                                 onMouseEnter={[Function]}
                               >
                                 security-group
@@ -3959,10 +3959,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-182"
+                              className="container-0-2-198"
                             >
                               <div
-                                className="wrapper-0-2-184"
+                                className="wrapper-0-2-200"
                                 onMouseEnter={[Function]}
                               >
                                 network
@@ -3971,7 +3971,7 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                           </td>
                         </tr>
                         <tr
-                          className="ant-table-row ant-table-row-level-0 row-0-2-176 row-d0-0-2-179"
+                          className="ant-table-row ant-table-row-level-0 row-0-2-192 row-d0-0-2-195"
                           data-row-key={4}
                           onClick={[Function]}
                           style={Object {}}
@@ -3983,10 +3983,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-182"
+                              className="container-0-2-198"
                             >
                               <div
-                                className="wrapper-0-2-184"
+                                className="wrapper-0-2-200"
                                 onMouseEnter={[Function]}
                               >
                                 ebs-volume-is-not-encrypted
@@ -4015,10 +4015,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-182"
+                              className="container-0-2-198"
                             >
                               <div
-                                className="wrapper-0-2-184"
+                                className="wrapper-0-2-200"
                                 onMouseEnter={[Function]}
                               >
                                 volume
@@ -4032,10 +4032,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-182"
+                              className="container-0-2-198"
                             >
                               <div
-                                className="wrapper-0-2-184"
+                                className="wrapper-0-2-200"
                                 onMouseEnter={[Function]}
                               >
                                 cryptography
@@ -4167,26 +4167,26 @@ exports[`Storyshots Tabs Default 1`] = `
     className=""
   >
     <div
-      className="tabsList-0-2-186"
+      className="tabsList-0-2-202"
     >
       <li
-        className="tab-0-2-188 activeTab-0-2-187"
+        className="tab-0-2-204 activeTab-0-2-203"
         onClick={[Function]}
       >
         Foo
       </li>
       <li
-        className="tab-0-2-188"
+        className="tab-0-2-204"
         onClick={[Function]}
       >
         Bar
       </li>
     </div>
     <div
-      className="tabPane-0-2-185"
+      className="tabPane-0-2-201"
     >
       <div
-        className="tabPane-0-2-189"
+        className="tabPane-0-2-205"
       >
         Foo content text
       </div>
@@ -4341,7 +4341,7 @@ exports[`Storyshots TimeInput Error 1`] = `
     className="decorator-0-2-3"
   >
     <div
-      className="ant-picker error-0-2-191"
+      className="ant-picker error-0-2-207"
       onMouseUp={[Function]}
     >
       <div