@papillonbits/components 0.6.0 → 0.7.0

package/build/primer/Form/Checkbox/__tests__/__snapshots__/Checkbox.int.test.js.snap

@@ -1,77 +1,75 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<Checkbox /> Render must match isChecked() 1`] = `
-<div
-  className="m-0 form-checkbox"
-  data-test={null}
->
-  <label
-    htmlFor="checkbox"
+<div>
+  <div
+    class="m-0 form-checkbox"
   >
-    <input
-      aria-describedby="help-text-for-checkbox"
-      checked={true}
-      onChange={[Function]}
-      type="checkbox"
-    />
-    is checked
-  </label>
+    <label
+      for="checkbox"
+    >
+      <input
+        aria-describedby="help-text-for-checkbox"
+        checked=""
+        type="checkbox"
+      />
+      is checked
+    </label>
+  </div>
 </div>
 `;
 
 exports[`<Checkbox /> Render must match isCheckedInactive() 1`] = `
-<div
-  className="m-0 form-checkbox checkbox-inactive"
-  data-test={null}
->
-  <label
-    htmlFor="checkbox"
+<div>
+  <div
+    class="m-0 form-checkbox checkbox-inactive"
   >
-    <input
-      aria-describedby="help-text-for-checkbox"
-      checked={true}
-      onChange={[Function]}
-      type="checkbox"
-    />
-    is checked
-  </label>
+    <label
+      for="checkbox"
+    >
+      <input
+        aria-describedby="help-text-for-checkbox"
+        checked=""
+        type="checkbox"
+      />
+      is checked
+    </label>
+  </div>
 </div>
 `;
 
 exports[`<Checkbox /> Render must match isNotChecked() 1`] = `
-<div
-  className="m-0 form-checkbox"
-  data-test={null}
->
-  <label
-    htmlFor="checkbox"
+<div>
+  <div
+    class="m-0 form-checkbox"
   >
-    <input
-      aria-describedby="help-text-for-checkbox"
-      checked={false}
-      onChange={[Function]}
-      type="checkbox"
-    />
-    is not checked
-  </label>
+    <label
+      for="checkbox"
+    >
+      <input
+        aria-describedby="help-text-for-checkbox"
+        type="checkbox"
+      />
+      is not checked
+    </label>
+  </div>
 </div>
 `;
 
 exports[`<Checkbox /> Render must match isNotCheckedInactive() 1`] = `
-<div
-  className="m-0 form-checkbox checkbox-inactive"
-  data-test={null}
->
-  <label
-    htmlFor="checkbox"
+<div>
+  <div
+    class="m-0 form-checkbox checkbox-inactive"
   >
-    <input
-      aria-describedby="help-text-for-checkbox"
-      checked={false}
-      onChange={[Function]}
-      type="checkbox"
-    />
-    is not checked
-  </label>
+    <label
+      for="checkbox"
+    >
+      <input
+        aria-describedby="help-text-for-checkbox"
+        type="checkbox"
+      />
+      is not checked
+    </label>
+  </div>
 </div>
 `;

package/build/primer/Form/Input/__tests__/__snapshots__/Input.int.test.js.snap

@@ -1,31 +1,25 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<Input /> Render must match inactive() 1`] = `
-<input
-  aria-label="Repository description"
-  className="form-control input-inactive"
-  data-test={null}
-  id={null}
-  onBlur={[Function]}
-  onChange={[Function]}
-  onFocus={[Function]}
-  onKeyUp={[Function]}
-  placeholder="Fantastic placeholder"
-  type="text"
-/>
+<div>
+  <input
+    aria-label="Repository description"
+    class="form-control input-inactive"
+    placeholder="Fantastic placeholder"
+    type="text"
+    value=""
+  />
+</div>
 `;
 
 exports[`<Input /> Render must match regular() 1`] = `
-<input
-  aria-label="Repository description"
-  className="form-control"
-  data-test={null}
-  id={null}
-  onBlur={[Function]}
-  onChange={[Function]}
-  onFocus={[Function]}
-  onKeyUp={[Function]}
-  placeholder="Fantastic placeholder"
-  type="text"
-/>
+<div>
+  <input
+    aria-label="Repository description"
+    class="form-control"
+    placeholder="Fantastic placeholder"
+    type="text"
+    value=""
+  />
+</div>
 `;

package/build/primer/Form/Radio/__tests__/__snapshots__/Radio.int.test.js.snap

@@ -1,75 +1,65 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<Radio /> Render must match inactive() 1`] = `
-Array [
+<div>
   <div
-    className="m-0 form-checkbox radio-inactive"
-    data-test={null}
+    class="m-0 form-checkbox radio-inactive"
   >
     <label
-      htmlFor="checkbox"
+      for="checkbox"
     >
       <input
-        checked={false}
         name="fantastic-name"
-        onChange={[Function]}
         type="radio"
       />
       White
     </label>
-  </div>,
+  </div>
   <div
-    className="m-0 form-checkbox radio-inactive"
-    data-test={null}
+    class="m-0 form-checkbox radio-inactive"
   >
     <label
-      htmlFor="checkbox"
+      for="checkbox"
     >
       <input
-        checked={true}
+        checked=""
         name="fantastic-name"
-        onChange={[Function]}
         type="radio"
       />
       Black
     </label>
-  </div>,
-]
+  </div>
+</div>
 `;
 
 exports[`<Radio /> Render must match regular() 1`] = `
-Array [
+<div>
   <div
-    className="m-0 form-checkbox"
-    data-test={null}
+    class="m-0 form-checkbox"
   >
     <label
-      htmlFor="checkbox"
+      for="checkbox"
     >
       <input
-        checked={false}
         name="fantastic-name"
-        onChange={[Function]}
         type="radio"
       />
       White
     </label>
-  </div>,
+  </div>
   <div
-    className="m-0 form-checkbox"
-    data-test={null}
+    class="m-0 form-checkbox"
   >
     <label
-      htmlFor="checkbox"
+      for="checkbox"
     >
       <input
-        checked={true}
+        checked=""
         name="fantastic-name"
-        onChange={[Function]}
         type="radio"
       />
       Black
     </label>
-  </div>,
-]
+  </div>
+</div>
 `;

package/build/primer/Grid/DisplayTable/__tests__/__snapshots__/DisplayTable.int.test.js.snap

@@ -1,326 +1,326 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<DisplayTable /> Render must match regular() 1`] = `
-Array [
+<div>
   <div
-    className="d-table col-12 bg-blue-light"
+    class="d-table col-12 bg-blue-light"
   >
     <div
-      className="col-2 d-table-cell border p-2 h6"
+      class="col-2 d-table-cell border p-2 h6"
     />
     <div
-      className="col-2 d-table-cell border p-2 h6"
+      class="col-2 d-table-cell border p-2 h6"
     >
       date-created
     </div>
     <div
-      className="col-2 d-table-cell border p-2 h6"
+      class="col-2 d-table-cell border p-2 h6"
     >
       date-modified
     </div>
     <div
-      className="col-2 d-table-cell border p-2 h6"
+      class="col-2 d-table-cell border p-2 h6"
     >
       kind
     </div>
     <div
-      className="col-2 d-table-cell border p-2 h6"
+      class="col-2 d-table-cell border p-2 h6"
     >
       name
     </div>
     <div
-      className="col-2 d-table-cell border p-2 h6"
+      class="col-2 d-table-cell border p-2 h6"
     >
       size
     </div>
-  </div>,
+  </div>
   <div
-    className="d-table col-12"
+    class="d-table col-12"
   >
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     />
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Wed May 13 2015
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Fri Feb 03 2017
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       PostScript file
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       y8P.ps
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       37.72 exabyte (EB)
     </div>
-  </div>,
+  </div>
   <div
-    className="d-table col-12"
+    class="d-table col-12"
   >
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     />
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Fri May 01 2020
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Mon Dec 31 2018
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Perl script file
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Pj9m.cgi
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       339 gigabyte (GB)
     </div>
-  </div>,
+  </div>
   <div
-    className="d-table col-12"
+    class="d-table col-12"
   >
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     />
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Mon Oct 31 2016
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Tue Feb 21 2017
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       PSD image
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       mRGfhp.psd
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       325.6 kilobyte (KB)
     </div>
-  </div>,
+  </div>
   <div
-    className="d-table col-12"
+    class="d-table col-12"
   >
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     />
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Wed Mar 11 2020
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Sun Aug 26 2018
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Active Server Page file
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       FBrXhyh736LIV.aspx
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       716 terabyte (TB)
     </div>
-  </div>,
+  </div>
   <div
-    className="d-table col-12"
+    class="d-table col-12"
   >
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     />
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Fri Mar 21 2014
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Wed Mar 04 2015
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Folder
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       beylpO7v
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       --
     </div>
-  </div>,
+  </div>
   <div
-    className="d-table col-12"
+    class="d-table col-12"
   >
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     />
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Sun Oct 20 2019
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Fri Feb 08 2019
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Database file
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       aD9iiQhkj.db
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       913.5 bit (b)
     </div>
-  </div>,
+  </div>
   <div
-    className="d-table col-12"
+    class="d-table col-12"
   >
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     />
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Fri Mar 11 2016
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Thu May 02 2019
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Apple Mail e-mail file
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       9kcUYOj65.emlx
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       921.8 zettabyte (ZB)
     </div>
-  </div>,
+  </div>
   <div
-    className="d-table col-12"
+    class="d-table col-12"
   >
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     />
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Sun Oct 25 2015
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Thu Apr 11 2019
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Folder
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       7
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       --
     </div>
-  </div>,
+  </div>
   <div
-    className="d-table col-12"
+    class="d-table col-12"
   >
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     />
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Tue Jan 20 2015
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Tue Oct 15 2013
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       Microsoft Excel file with macros
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       1NplEr0hHjFnTmW.xlsm
     </div>
     <div
-      className="col-2 d-table-cell border p-2"
+      class="col-2 d-table-cell border p-2"
     >
       474.53 petabyte (PB)
     </div>
-  </div>,
-]
+  </div>
+</div>
 `;