@digigov/react-core 0.17.2 → 0.18.1

package/TextInput/__snapshots__/index.test.tsx.snap

@@ -5,10 +5,16 @@ exports[`renders the TextInput  with with characterWidth=5 with cellWidth=full 1
   cellWidth="full"
   characterWidth={5}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-input--width-5 govgr-!-width-full govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-input--width-5 govgr-!-width-full govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -17,10 +23,16 @@ exports[`renders the TextInput  with with characterWidth=5 with cellWidth=one-ha
   cellWidth="one-half"
   characterWidth={5}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-half govgr-input--width-5 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-half govgr-input--width-5 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -29,10 +41,16 @@ exports[`renders the TextInput  with with characterWidth=5 with cellWidth=one-qu
   cellWidth="one-quarter"
   characterWidth={5}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-quarter govgr-input--width-5 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-quarter govgr-input--width-5 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -41,10 +59,16 @@ exports[`renders the TextInput  with with characterWidth=5 with cellWidth=one-th
   cellWidth="one-third"
   characterWidth={5}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-third govgr-input--width-5 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-third govgr-input--width-5 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -53,10 +77,16 @@ exports[`renders the TextInput  with with characterWidth=5 with cellWidth=three-
   cellWidth="three-quarters"
   characterWidth={5}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-three-quarters govgr-input--width-5 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-three-quarters govgr-input--width-5 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -65,10 +95,16 @@ exports[`renders the TextInput  with with characterWidth=5 with cellWidth=two-th
   cellWidth="two-thirds"
   characterWidth={5}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-two-thirds govgr-input--width-5 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-two-thirds govgr-input--width-5 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -76,10 +112,16 @@ exports[`renders the TextInput with cellWidth=full 1`] = `
 <ForwardRef(TextInput)
   cellWidth="full"
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-full govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-full govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -87,10 +129,16 @@ exports[`renders the TextInput with cellWidth=one-half 1`] = `
 <ForwardRef(TextInput)
   cellWidth="one-half"
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-half govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-half govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -98,10 +146,16 @@ exports[`renders the TextInput with cellWidth=one-quarter 1`] = `
 <ForwardRef(TextInput)
   cellWidth="one-quarter"
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-quarter govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-quarter govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -109,10 +163,16 @@ exports[`renders the TextInput with cellWidth=one-third 1`] = `
 <ForwardRef(TextInput)
   cellWidth="one-third"
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-third govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-third govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -120,10 +180,16 @@ exports[`renders the TextInput with cellWidth=three-quarters 1`] = `
 <ForwardRef(TextInput)
   cellWidth="three-quarters"
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-three-quarters govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-three-quarters govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -131,10 +197,16 @@ exports[`renders the TextInput with cellWidth=two-thirds 1`] = `
 <ForwardRef(TextInput)
   cellWidth="two-thirds"
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-two-thirds govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-two-thirds govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -142,10 +214,16 @@ exports[`renders the TextInput with characterWidth=2 1`] = `
 <ForwardRef(TextInput)
   characterWidth={2}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-input--width-2 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-input--width-2 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -154,10 +232,16 @@ exports[`renders the TextInput with characterWidth=2 and with cellWidth=full 1`]
   cellWidth="full"
   characterWidth={2}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-input--width-2 govgr-!-width-full govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-input--width-2 govgr-!-width-full govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -166,10 +250,16 @@ exports[`renders the TextInput with characterWidth=2 and with cellWidth=one-half
   cellWidth="one-half"
   characterWidth={2}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-half govgr-input--width-2 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-half govgr-input--width-2 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -178,10 +268,16 @@ exports[`renders the TextInput with characterWidth=2 and with cellWidth=one-quar
   cellWidth="one-quarter"
   characterWidth={2}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-quarter govgr-input--width-2 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-quarter govgr-input--width-2 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -190,10 +286,16 @@ exports[`renders the TextInput with characterWidth=2 and with cellWidth=one-thir
   cellWidth="one-third"
   characterWidth={2}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-third govgr-input--width-2 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-third govgr-input--width-2 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -202,10 +304,16 @@ exports[`renders the TextInput with characterWidth=2 and with cellWidth=three-qu
   cellWidth="three-quarters"
   characterWidth={2}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-three-quarters govgr-input--width-2 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-three-quarters govgr-input--width-2 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -214,10 +322,16 @@ exports[`renders the TextInput with characterWidth=2 and with cellWidth=two-thir
   cellWidth="two-thirds"
   characterWidth={2}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-two-thirds govgr-input--width-2 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-two-thirds govgr-input--width-2 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -225,10 +339,16 @@ exports[`renders the TextInput with characterWidth=3 1`] = `
 <ForwardRef(TextInput)
   characterWidth={3}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-input--width-3 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-input--width-3 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -237,10 +357,16 @@ exports[`renders the TextInput with characterWidth=3 and with cellWidth=full 1`]
   cellWidth="full"
   characterWidth={3}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-input--width-3 govgr-!-width-full govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-input--width-3 govgr-!-width-full govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -249,10 +375,16 @@ exports[`renders the TextInput with characterWidth=3 and with cellWidth=one-half
   cellWidth="one-half"
   characterWidth={3}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-half govgr-input--width-3 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-half govgr-input--width-3 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -261,10 +393,16 @@ exports[`renders the TextInput with characterWidth=3 and with cellWidth=one-quar
   cellWidth="one-quarter"
   characterWidth={3}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-quarter govgr-input--width-3 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-quarter govgr-input--width-3 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -273,10 +411,16 @@ exports[`renders the TextInput with characterWidth=3 and with cellWidth=one-thir
   cellWidth="one-third"
   characterWidth={3}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-third govgr-input--width-3 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-third govgr-input--width-3 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -285,10 +429,16 @@ exports[`renders the TextInput with characterWidth=3 and with cellWidth=three-qu
   cellWidth="three-quarters"
   characterWidth={3}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-three-quarters govgr-input--width-3 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-three-quarters govgr-input--width-3 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -297,10 +447,16 @@ exports[`renders the TextInput with characterWidth=3 and with cellWidth=two-thir
   cellWidth="two-thirds"
   characterWidth={3}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-two-thirds govgr-input--width-3 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-two-thirds govgr-input--width-3 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -308,10 +464,16 @@ exports[`renders the TextInput with characterWidth=4 1`] = `
 <ForwardRef(TextInput)
   characterWidth={4}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-input--width-4 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-input--width-4 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -320,10 +482,16 @@ exports[`renders the TextInput with characterWidth=4 and with cellWidth=full 1`]
   cellWidth="full"
   characterWidth={4}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-input--width-4 govgr-!-width-full govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-input--width-4 govgr-!-width-full govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -332,10 +500,16 @@ exports[`renders the TextInput with characterWidth=4 and with cellWidth=one-half
   cellWidth="one-half"
   characterWidth={4}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-half govgr-input--width-4 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-half govgr-input--width-4 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -344,10 +518,16 @@ exports[`renders the TextInput with characterWidth=4 and with cellWidth=one-quar
   cellWidth="one-quarter"
   characterWidth={4}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-quarter govgr-input--width-4 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-quarter govgr-input--width-4 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -356,10 +536,16 @@ exports[`renders the TextInput with characterWidth=4 and with cellWidth=one-thir
   cellWidth="one-third"
   characterWidth={4}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-third govgr-input--width-4 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-third govgr-input--width-4 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -368,10 +554,16 @@ exports[`renders the TextInput with characterWidth=4 and with cellWidth=three-qu
   cellWidth="three-quarters"
   characterWidth={4}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-three-quarters govgr-input--width-4 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-three-quarters govgr-input--width-4 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -380,10 +572,16 @@ exports[`renders the TextInput with characterWidth=4 and with cellWidth=two-thir
   cellWidth="two-thirds"
   characterWidth={4}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-two-thirds govgr-input--width-4 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-two-thirds govgr-input--width-4 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -391,10 +589,16 @@ exports[`renders the TextInput with characterWidth=5 1`] = `
 <ForwardRef(TextInput)
   characterWidth={5}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-input--width-5 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-input--width-5 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -402,10 +606,16 @@ exports[`renders the TextInput with characterWidth=10 1`] = `
 <ForwardRef(TextInput)
   characterWidth={10}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-input--width-10 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-input--width-10 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -413,10 +623,16 @@ exports[`renders the TextInput with characterWidth=20 1`] = `
 <ForwardRef(TextInput)
   characterWidth={20}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-input--width-20 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-input--width-20 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -425,10 +641,16 @@ exports[`renders the TextInput with characterWidth=20 and with cellWidth=full 1`
   cellWidth="full"
   characterWidth={20}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-input--width-20 govgr-!-width-full govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-input--width-20 govgr-!-width-full govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -437,10 +659,16 @@ exports[`renders the TextInput with characterWidth=20 and with cellWidth=one-hal
   cellWidth="one-half"
   characterWidth={20}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-half govgr-input--width-20 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-half govgr-input--width-20 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -449,10 +677,16 @@ exports[`renders the TextInput with characterWidth=20 and with cellWidth=one-qua
   cellWidth="one-quarter"
   characterWidth={20}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-quarter govgr-input--width-20 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-quarter govgr-input--width-20 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -461,10 +695,16 @@ exports[`renders the TextInput with characterWidth=20 and with cellWidth=one-thi
   cellWidth="one-third"
   characterWidth={20}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-one-third govgr-input--width-20 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-one-third govgr-input--width-20 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -473,10 +713,16 @@ exports[`renders the TextInput with characterWidth=20 and with cellWidth=three-q
   cellWidth="three-quarters"
   characterWidth={20}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-three-quarters govgr-input--width-20 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-three-quarters govgr-input--width-20 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
@@ -485,18 +731,30 @@ exports[`renders the TextInput with characterWidth=20 and with cellWidth=two-thi
   cellWidth="two-thirds"
   characterWidth={20}
 >
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-!-width-two-thirds govgr-input--width-20 govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-!-width-two-thirds govgr-input--width-20 govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;
 
 exports[`renders the TextInput with no props 1`] = `
 <ForwardRef(TextInput)>
-  <input
+  <ForwardRef(Base)
+    as="input"
     className="govgr-input"
     type="text"
-  />
+  >
+    <input
+      className="govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(TextInput)>
 `;