New snapshots added

packages/ui/test/__snapshots__/AppBar.test.js.snap

@@ -21,23 +21,28 @@ exports[`AppBar Snapshot 1`] = `
         className="root"
       >
         <svg
-          fill="none"
           height={16}
-          stroke="var(--color-local, black)"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="2"
           viewBox="0 0 24 24"
           width={16}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
             d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"
+            fill="none"
+            stroke="var(--color-local, black)"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="2"
           />
           <circle
             cx="12"
             cy="7"
+            fill="none"
             r="4"
+            stroke="var(--color-local, black)"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="2"
           />
         </svg>
       </span>

packages/ui/test/__snapshots__/StateItem.test.js.snap

 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`StateItem Snapshot 1`] = `
-<span
-  className="root"
-  disabled={false}
-  onClick={[Function]}
-  onKeyPress={[Function]}
-  role="button"
-  tabIndex="0"
->
-  Cleaning
-</span>
-`;
-
 exports[`StateItem is rendered correctly 1`] = `
 <span
   className="root"

packages/ui/test/__snapshots__/StateList.test.js.snap

 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`StateItem Snapshot 1`] = `
-<div
-  className="stateListContainer"
->
-  <div
-    className="itemContainer"
-  >
-    <span
-      className="root"
-      disabled={false}
-      onClick={[Function]}
-      onKeyPress={[Function]}
-      role="button"
-      tabIndex="0"
-    >
-      To Clean
-    </span>
-    <svg
-      className="delimiter"
-      fill="none"
-      height={16}
-      stroke="currentColor"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="2"
-      viewBox="0 0 24 24"
-      width={16}
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <polyline
-        points="9 18 15 12 9 6"
-      />
-    </svg>
-  </div>
-  <div
-    className="itemContainer"
-  >
-    <span
-      className="root"
-      disabled={false}
-      onClick={[Function]}
-      onKeyPress={[Function]}
-      role="button"
-      tabIndex="0"
-    >
-      To Edit
-    </span>
-    <svg
-      className="delimiter"
-      fill="none"
-      height={16}
-      stroke="currentColor"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="2"
-      viewBox="0 0 24 24"
-      width={16}
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <polyline
-        points="9 18 15 12 9 6"
-      />
-    </svg>
-  </div>
-  <div
-    className="itemContainer"
-  >
-    <span
-      className="root"
-      disabled={false}
-      onClick={[Function]}
-      onKeyPress={[Function]}
-      role="button"
-      tabIndex="0"
-    >
-      To Review
-    </span>
-    <svg
-      className="delimiter"
-      fill="none"
-      height={16}
-      stroke="currentColor"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="2"
-      viewBox="0 0 24 24"
-      width={16}
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <polyline
-        points="9 18 15 12 9 6"
-      />
-    </svg>
-  </div>
-  <div
-    className="itemContainer"
-  >
-    <span
-      className="root"
-      disabled={false}
-      onClick={[Function]}
-      onKeyPress={[Function]}
-      role="button"
-      tabIndex="0"
-    >
-      To Style
-    </span>
-  </div>
-</div>
-`;
-
 exports[`StateList is rendered correctly 1`] = `
 <div
   className="stateListContainer"