@digigov/react-core 0.18.1 → 0.19.0

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

@@ -0,0 +1,760 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the TextInput  with with characterWidth=5 with cellWidth=full 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="full"
+  characterWidth={5}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput  with with characterWidth=5 with cellWidth=one-half 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-half"
+  characterWidth={5}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput  with with characterWidth=5 with cellWidth=one-quarter 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-quarter"
+  characterWidth={5}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput  with with characterWidth=5 with cellWidth=one-third 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-third"
+  characterWidth={5}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput  with with characterWidth=5 with cellWidth=three-quarters 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="three-quarters"
+  characterWidth={5}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput  with with characterWidth=5 with cellWidth=two-thirds 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="two-thirds"
+  characterWidth={5}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with cellWidth=full 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="full"
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with cellWidth=one-half 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-half"
+>
+  <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 cellWidth=one-quarter 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-quarter"
+>
+  <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 cellWidth=one-third 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-third"
+>
+  <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 cellWidth=three-quarters 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="three-quarters"
+>
+  <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 cellWidth=two-thirds 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="two-thirds"
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=2 1`] = `
+<ForwardRef(TextInput)
+  characterWidth={2}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=2 and with cellWidth=full 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="full"
+  characterWidth={2}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=2 and with cellWidth=one-half 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-half"
+  characterWidth={2}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=2 and with cellWidth=one-quarter 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-quarter"
+  characterWidth={2}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=2 and with cellWidth=one-third 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-third"
+  characterWidth={2}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=2 and with cellWidth=three-quarters 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="three-quarters"
+  characterWidth={2}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=2 and with cellWidth=two-thirds 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="two-thirds"
+  characterWidth={2}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=3 1`] = `
+<ForwardRef(TextInput)
+  characterWidth={3}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=3 and with cellWidth=full 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="full"
+  characterWidth={3}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=3 and with cellWidth=one-half 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-half"
+  characterWidth={3}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=3 and with cellWidth=one-quarter 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-quarter"
+  characterWidth={3}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=3 and with cellWidth=one-third 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-third"
+  characterWidth={3}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=3 and with cellWidth=three-quarters 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="three-quarters"
+  characterWidth={3}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=3 and with cellWidth=two-thirds 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="two-thirds"
+  characterWidth={3}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=4 1`] = `
+<ForwardRef(TextInput)
+  characterWidth={4}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=4 and with cellWidth=full 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="full"
+  characterWidth={4}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=4 and with cellWidth=one-half 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-half"
+  characterWidth={4}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=4 and with cellWidth=one-quarter 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-quarter"
+  characterWidth={4}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=4 and with cellWidth=one-third 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-third"
+  characterWidth={4}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=4 and with cellWidth=three-quarters 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="three-quarters"
+  characterWidth={4}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=4 and with cellWidth=two-thirds 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="two-thirds"
+  characterWidth={4}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=5 1`] = `
+<ForwardRef(TextInput)
+  characterWidth={5}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=10 1`] = `
+<ForwardRef(TextInput)
+  characterWidth={10}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=20 1`] = `
+<ForwardRef(TextInput)
+  characterWidth={20}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=20 and with cellWidth=full 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="full"
+  characterWidth={20}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=20 and with cellWidth=one-half 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-half"
+  characterWidth={20}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=20 and with cellWidth=one-quarter 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-quarter"
+  characterWidth={20}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=20 and with cellWidth=one-third 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="one-third"
+  characterWidth={20}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=20 and with cellWidth=three-quarters 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="three-quarters"
+  characterWidth={20}
+>
+  <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)>
+`;
+
+exports[`renders the TextInput with characterWidth=20 and with cellWidth=two-thirds 1`] = `
+<ForwardRef(TextInput)
+  cellWidth="two-thirds"
+  characterWidth={20}
+>
+  <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)>
+  <ForwardRef(Base)
+    as="input"
+    className="govgr-input"
+    type="text"
+  >
+    <input
+      className="govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
+</ForwardRef(TextInput)>
+`;