@digigov/react-core 1.1.1 → 1.2.0-mobile

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

@@ -1,777 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the TextInput  with with maxWidth="5-char" with width=full 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="5-char"
-  width="full"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-5-char govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-5-char govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput  with with maxWidth="5-char" with width=one-half 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="5-char"
-  width="50%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-5-char govgr-!-width-one-half govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-5-char govgr-!-width-one-half govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput  with with maxWidth="5-char" with width=one-quarter 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="5-char"
-  width="25%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-5-char govgr-!-width-one-quarter govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-5-char govgr-!-width-one-quarter govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput  with with maxWidth="5-char" with width=one-third 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="5-char"
-  width="33.3%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-5-char govgr-!-width-one-third govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-5-char govgr-!-width-one-third govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput  with with maxWidth="5-char" with width=three-quarters 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="5-char"
-  width="75%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-5-char govgr-!-width-three-quarters govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-5-char govgr-!-width-three-quarters govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput  with with maxWidth="5-char" with width=two-thirds 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="5-char"
-  width="66.6%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-5-char govgr-!-width-two-thirds govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-5-char govgr-!-width-two-thirds govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with dense prop 1`] = `
-<ForwardRef(TextInput)
-  dense={true}
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--dense govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--dense govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="2-char" 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="2-char"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-2-char govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-2-char govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="2-char" and with width=full 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="2-char"
-  width="full"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-2-char govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-2-char govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="2-char" and with width=one-half 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="2-char"
-  width="50%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-2-char govgr-!-width-one-half govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-2-char govgr-!-width-one-half govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="2-char" and with width=one-quarter 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="2-char"
-  width="25%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-2-char govgr-!-width-one-quarter govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-2-char govgr-!-width-one-quarter govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="2-char" and with width=one-third 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="2-char"
-  width="33.3%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-2-char govgr-!-width-one-third govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-2-char govgr-!-width-one-third govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="2-char" and with width=three-quarters 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="2-char"
-  width="75%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-2-char govgr-!-width-three-quarters govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-2-char govgr-!-width-three-quarters govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="2-char" and with width=two-thirds 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="2-char"
-  width="66.6%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-2-char govgr-!-width-two-thirds govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-2-char govgr-!-width-two-thirds govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="3-char" 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="3-char"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-3-char govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-3-char govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="3-char" and with width=full 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="3-char"
-  width="full"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-3-char govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-3-char govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="3-char" and with width=one-half 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="3-char"
-  width="50%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-3-char govgr-!-width-one-half govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-3-char govgr-!-width-one-half govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="3-char" and with width=one-quarter 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="3-char"
-  width="25%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-3-char govgr-!-width-one-quarter govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-3-char govgr-!-width-one-quarter govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="3-char" and with width=one-third 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="3-char"
-  width="33.3%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-3-char govgr-!-width-one-third govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-3-char govgr-!-width-one-third govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="3-char" and with width=three-quarters 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="3-char"
-  width="75%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-3-char govgr-!-width-three-quarters govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-3-char govgr-!-width-three-quarters govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="3-char" and with width=two-thirds 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="3-char"
-  width="66.6%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-3-char govgr-!-width-two-thirds govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-3-char govgr-!-width-two-thirds govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="4-char" 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="4-char"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-4-char govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-4-char govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="4-char" and with width=full 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="4-char"
-  width="full"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-4-char govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-4-char govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="4-char" and with width=one-half 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="4-char"
-  width="50%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-4-char govgr-!-width-one-half govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-4-char govgr-!-width-one-half govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="4-char" and with width=one-quarter 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="4-char"
-  width="25%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-4-char govgr-!-width-one-quarter govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-4-char govgr-!-width-one-quarter govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="4-char" and with width=one-third 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="4-char"
-  width="33.3%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-4-char govgr-!-width-one-third govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-4-char govgr-!-width-one-third govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="4-char" and with width=three-quarters 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="4-char"
-  width="75%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-4-char govgr-!-width-three-quarters govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-4-char govgr-!-width-three-quarters govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="4-char" and with width=two-thirds 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="4-char"
-  width="66.6%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-4-char govgr-!-width-two-thirds govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-4-char govgr-!-width-two-thirds govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="5-char" 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="5-char"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-5-char govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-5-char govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="10-char" 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="10-char"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-10-char govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-10-char govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="20-char" 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="20-char"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-20-char govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-20-char govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="20-char" and with width=full 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="20-char"
-  width="full"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-20-char govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-20-char govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="20-char" and with width=one-half 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="20-char"
-  width="50%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-20-char govgr-!-width-one-half govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-20-char govgr-!-width-one-half govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="20-char" and with width=one-quarter 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="20-char"
-  width="25%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-20-char govgr-!-width-one-quarter govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-20-char govgr-!-width-one-quarter govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="20-char" and with width=one-third 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="20-char"
-  width="33.3%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-20-char govgr-!-width-one-third govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-20-char govgr-!-width-one-third govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="20-char" and with width=three-quarters 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="20-char"
-  width="75%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-20-char govgr-!-width-three-quarters govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-20-char govgr-!-width-three-quarters govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with maxWidth="20-char" and with width=two-thirds 1`] = `
-<ForwardRef(TextInput)
-  maxWidth="20-char"
-  width="66.6%"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input--width-20-char govgr-!-width-two-thirds govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input--width-20-char govgr-!-width-two-thirds govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with no props 1`] = `
-<ForwardRef(TextInput)>
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with width=full 1`] = `
-<ForwardRef(TextInput)
-  width="full"
->
-  <ForwardRef(Base)
-    as="input"
-    className="govgr-input"
-    type="text"
-  >
-    <input
-      className="govgr-input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(TextInput)>
-`;
-
-exports[`renders the TextInput with width=one-half 1`] = `
-<ForwardRef(TextInput)
-  width="50%"
->
-  <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)>
-`;
-
-exports[`renders the TextInput with width=one-quarter 1`] = `
-<ForwardRef(TextInput)
-  width="25%"
->
-  <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)>
-`;
-
-exports[`renders the TextInput with width=one-third 1`] = `
-<ForwardRef(TextInput)
-  width="33.3%"
->
-  <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)>
-`;
-
-exports[`renders the TextInput with width=three-quarters 1`] = `
-<ForwardRef(TextInput)
-  width="75%"
->
-  <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)>
-`;
-
-exports[`renders the TextInput with width=two-thirds 1`] = `
-<ForwardRef(TextInput)
-  width="66.6%"
->
-  <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)>
-`;