update snapshots

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

@@ -78,12 +78,12 @@ exports[`Storyshots CheckBox disabled 1`] = `
 
 exports[`Storyshots Dropdown basic usage 1`] = `
 <div
-  className="paragon-component dropdown"
+  className="dropdown"
 >
   <button
     aria-expanded={false}
     aria-haspopup="true"
-    className="btn border-0 dropdown-toggle btn-secondary"
+    className="btn-borderless dropdown-toggle btn btn-secondary"
     onBlur={[Function]}
     onClick={[Function]}
     onKeyDown={[Function]}
@@ -153,6 +153,7 @@ exports[`Storyshots InputSelect basic usage 1`] = `
     name="fruits"
     onBlur={[Function]}
     onChange={[Function]}
+    type="select"
     value="strawberry"
   >
     <option
@@ -195,6 +196,7 @@ exports[`Storyshots InputSelect separate labels and values 1`] = `
     name="new-england-states"
     onBlur={[Function]}
     onChange={[Function]}
+    type="select"
     value="RI"
   >
     <option
@@ -247,6 +249,7 @@ exports[`Storyshots InputSelect separate option groups 1`] = `
     name="northeast-states"
     onBlur={[Function]}
     onChange={[Function]}
+    type="select"
     value="MD"
   >
     <optgroup
@@ -347,6 +350,7 @@ exports[`Storyshots InputSelect with validation 1`] = `
     name="color"
     onBlur={[Function]}
     onChange={[Function]}
+    type="select"
     value=""
   >
     <option
@@ -448,6 +452,14 @@ exports[`Storyshots InputText validation 1`] = `
 
 exports[`Storyshots Paragon Welcome 1`] = `
 <div
+  className="css-jail"
+  style={
+    Object {
+      "fontFamily": "sans-serif",
+    }
+  }
+>
+  <div
     style={
       Object {
         "fontFamily": "\\"Helvetica Neue\\", Helvetica, \\"Segoe UI\\", Arial, freesans, sans-serif",
@@ -456,7 +468,7 @@ exports[`Storyshots Paragon Welcome 1`] = `
         "maxWidth": 600,
       }
     }
->
+  >
     <h1>
       💎 Paragon
     </h1>
@@ -474,5 +486,101 @@ exports[`Storyshots Paragon Welcome 1`] = `
       </a>
       .
     </p>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Tabs minimal usage 1`] = `
+<div>
+  <ul
+    className="nav nav-tabs"
+    role="tablist"
+  >
+    <li
+      className="nav-item"
+      id="tab-label-tabInterface11-0"
+    >
+      <a
+        aria-controls="tab-panel-tabInterface11-0"
+        aria-selected={true}
+        className="nav-link active"
+        onClick={[Function]}
+        role="tab"
+        tabIndex={0}
+      >
+        Panel 1
+      </a>
+    </li>
+    <li
+      className="nav-item"
+      id="tab-label-tabInterface11-1"
+    >
+      <a
+        aria-controls="tab-panel-tabInterface11-1"
+        aria-selected={false}
+        className="nav-link"
+        onClick={[Function]}
+        role="tab"
+        tabIndex={-1}
+      >
+        Panel 2
+      </a>
+    </li>
+    <li
+      className="nav-item"
+      id="tab-label-tabInterface11-2"
+    >
+      <a
+        aria-controls="tab-panel-tabInterface11-2"
+        aria-selected={false}
+        className="nav-link"
+        onClick={[Function]}
+        role="tab"
+        tabIndex={-1}
+      >
+        Panel 3
+      </a>
+    </li>
+  </ul>
+  <div
+    className="tab-content"
+  >
+    <div
+      aria-hidden={false}
+      aria-labelledby="tab-label-tabInterface11-0"
+      className="tab-pane active"
+      id="tab-panel-tabInterface11-0"
+      role="tabpanel"
+      tabId={0}
+    >
+      <div>
+        Hello I am the first panel
+      </div>
+    </div>
+    <div
+      aria-hidden={true}
+      aria-labelledby="tab-label-tabInterface11-1"
+      className="tab-pane"
+      id="tab-panel-tabInterface11-1"
+      role="tabpanel"
+      tabId={1}
+    >
+      <div>
+        Hello I am the second panel
+      </div>
+    </div>
+    <div
+      aria-hidden={true}
+      aria-labelledby="tab-label-tabInterface11-2"
+      className="tab-pane"
+      id="tab-panel-tabInterface11-2"
+      role="tabpanel"
+      tabId={2}
+    >
+      <div>
+        Hello I am the third panel
+      </div>
+    </div>
+  </div>
 </div>
 `;