update snapshots

.storybook/__snapshots__/Storyshots.test.js.snap

@@ -29,13 +29,13 @@ exports[`Storyshots CheckBox call a function 1`] = `
     aria-checked={false}
     defaultChecked={false}
     disabled={false}
-    id="asInput7"
+    id="asInput4"
     name="checkbox"
     onChange={[Function]}
     type="checkbox"
   />
   <label
-    htmlFor="asInput7"
+    htmlFor="asInput4"
   >
     check out the console
   </label>
@@ -50,13 +50,13 @@ exports[`Storyshots CheckBox default checked 1`] = `
     aria-checked={true}
     defaultChecked={true}
     disabled={false}
-    id="asInput5"
+    id="asInput3"
     name="checkbox"
     onChange={[Function]}
     type="checkbox"
   />
   <label
-    htmlFor="asInput5"
+    htmlFor="asInput3"
   >
     (un)check me out
   </label>
@@ -71,13 +71,13 @@ exports[`Storyshots CheckBox disabled 1`] = `
     aria-checked={false}
     defaultChecked={false}
     disabled={true}
-    id="asInput3"
+    id="asInput2"
     name="checkbox"
     onChange={[Function]}
     type="checkbox"
   />
   <label
-    htmlFor="asInput3"
+    htmlFor="asInput2"
   >
     you cannot check me out
   </label>
@@ -150,14 +150,14 @@ exports[`Storyshots InputSelect basic usage 1`] = `
   className="form-group"
 >
   <label
-    htmlFor="asInput9"
+    htmlFor="asInput5"
   >
     Fruits
   </label>
   <select
     aria-describedby={undefined}
     className="form-control"
-    id="asInput9"
+    id="asInput5"
     name="fruits"
     onBlur={[Function]}
     onChange={[Function]}
@@ -193,14 +193,14 @@ exports[`Storyshots InputSelect separate labels and values 1`] = `
   className="form-group"
 >
   <label
-    htmlFor="asInput10"
+    htmlFor="asInput6"
   >
     New England States
   </label>
   <select
     aria-describedby={undefined}
     className="form-control"
-    id="asInput10"
+    id="asInput6"
     name="new-england-states"
     onBlur={[Function]}
     onChange={[Function]}
@@ -246,14 +246,14 @@ exports[`Storyshots InputSelect separate option groups 1`] = `
   className="form-group"
 >
   <label
-    htmlFor="asInput11"
+    htmlFor="asInput7"
   >
     Northeast States
   </label>
   <select
     aria-describedby={undefined}
     className="form-control"
-    id="asInput11"
+    id="asInput7"
     name="northeast-states"
     onBlur={[Function]}
     onChange={[Function]}
@@ -347,14 +347,14 @@ exports[`Storyshots InputSelect with validation 1`] = `
   className="form-group"
 >
   <label
-    htmlFor="asInput12"
+    htmlFor="asInput8"
   >
     Favorite Color
   </label>
   <select
     aria-describedby={undefined}
     className="form-control"
-    id="asInput12"
+    id="asInput8"
     name="color"
     onBlur={[Function]}
     onChange={[Function]}
@@ -405,7 +405,7 @@ exports[`Storyshots InputText minimal usage 1`] = `
   className="form-group"
 >
   <label
-    htmlFor="asInput13"
+    htmlFor="asInput9"
   >
     First Name
   </label>
@@ -414,7 +414,7 @@ exports[`Storyshots InputText minimal usage 1`] = `
     aria-invalid={false}
     className="form-control"
     disabled={false}
-    id="asInput13"
+    id="asInput9"
     name="name"
     onBlur={[Function]}
     onChange={[Function]}
@@ -431,16 +431,16 @@ exports[`Storyshots InputText validation 1`] = `
   className="form-group"
 >
   <label
-    htmlFor="asInput14"
+    htmlFor="asInput10"
   >
     Username
   </label>
   <input
-    aria-describedby="undefined description-asInput14"
+    aria-describedby="undefined description-asInput10"
     aria-invalid={false}
     className="form-control"
     disabled={false}
-    id="asInput14"
+    id="asInput10"
     name="username"
     onBlur={[Function]}
     onChange={[Function]}
@@ -451,7 +451,7 @@ exports[`Storyshots InputText validation 1`] = `
   />
   <small
     className="form-text"
-    id="description-asInput14"
+    id="description-asInput10"
   >
     The unique name that identifies you throughout the site.
   </small>
@@ -506,10 +506,10 @@ exports[`Storyshots Tabs basic usage 1`] = `
   >
     <li
       className="nav-item"
-      id="tab-label-tabInterface15-0"
+      id="tab-label-tabInterface11-0"
     >
       <a
-        aria-controls="tab-panel-tabInterface15-0"
+        aria-controls="tab-panel-tabInterface11-0"
         aria-selected={true}
         className="nav-link active"
         onClick={[Function]}
@@ -521,10 +521,10 @@ exports[`Storyshots Tabs basic usage 1`] = `
     </li>
     <li
       className="nav-item"
-      id="tab-label-tabInterface15-1"
+      id="tab-label-tabInterface11-1"
     >
       <a
-        aria-controls="tab-panel-tabInterface15-1"
+        aria-controls="tab-panel-tabInterface11-1"
         aria-selected={false}
         className="nav-link"
         onClick={[Function]}
@@ -536,10 +536,10 @@ exports[`Storyshots Tabs basic usage 1`] = `
     </li>
     <li
       className="nav-item"
-      id="tab-label-tabInterface15-2"
+      id="tab-label-tabInterface11-2"
     >
       <a
-        aria-controls="tab-panel-tabInterface15-2"
+        aria-controls="tab-panel-tabInterface11-2"
         aria-selected={false}
         className="nav-link"
         onClick={[Function]}
@@ -555,9 +555,9 @@ exports[`Storyshots Tabs basic usage 1`] = `
   >
     <div
       aria-hidden={false}
-      aria-labelledby="tab-label-tabInterface15-0"
+      aria-labelledby="tab-label-tabInterface11-0"
       className="tab-pane active"
-      id="tab-panel-tabInterface15-0"
+      id="tab-panel-tabInterface11-0"
       role="tabpanel"
     >
       <div>
@@ -566,9 +566,9 @@ exports[`Storyshots Tabs basic usage 1`] = `
     </div>
     <div
       aria-hidden={true}
-      aria-labelledby="tab-label-tabInterface15-1"
+      aria-labelledby="tab-label-tabInterface11-1"
       className="tab-pane"
-      id="tab-panel-tabInterface15-1"
+      id="tab-panel-tabInterface11-1"
       role="tabpanel"
     >
       <div>
@@ -577,9 +577,9 @@ exports[`Storyshots Tabs basic usage 1`] = `
     </div>
     <div
       aria-hidden={true}
-      aria-labelledby="tab-label-tabInterface15-2"
+      aria-labelledby="tab-label-tabInterface11-2"
       className="tab-pane"
-      id="tab-panel-tabInterface15-2"
+      id="tab-panel-tabInterface11-2"
       role="tabpanel"
     >
       <div>