@comicrelief/component-library 8.19.0 → 8.20.0

package/dist/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap

@@ -27,7 +27,29 @@ exports[`renders correctly 1`] = `
   font-weight: normal;
 }
 
+.c4 {
+  position: relative;
+  font-size: 1.25rem;
+}
+
 .c5 {
+  position: relative;
+  width: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+  -webkit-justify-content: flex-end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c6 {
   position: relative;
   box-sizing: border-box;
   width: 100%;
@@ -47,23 +69,20 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
 }
 
-.c5:focus {
+.c6:focus {
   border: 1px solid #666;
 }
 
-.c4 {
-  position: relative;
-  font-size: 1.25rem;
-}
-
 .c0 {
   position: relative;
 }
 
 @media (min-width:740px) {
-  .c4 {
-    max-width: 290px;
-  }
+
+}
+
+@media (min-width:1024px) {
+
 }
 
 <div
@@ -88,18 +107,23 @@ exports[`renders correctly 1`] = `
       className="c4"
     >
       
-      <input
-        aria-describedby="typeahead-test"
-        autoComplete="off"
+      <div
         className="c5"
-        defaultValue=""
-        id="typeahead-test"
-        name="q"
-        onChange={[Function]}
-        placeholder="Type to start searching..."
-        required={false}
-        type="text"
-      />
+      >
+        <input
+          aria-describedby="typeahead-test"
+          autoComplete="off"
+          className="c6"
+          defaultValue=""
+          id="typeahead-test"
+          name="q"
+          onChange={[Function]}
+          placeholder="Type to start searching..."
+          required={false}
+          type="text"
+        />
+        
+      </div>
     </div>
     
   </label>