@digigov/react-core 0.18.1 → 0.19.0

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

@@ -0,0 +1,724 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Paragraph with fontSize=14 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="14"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-14 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with fontSize=16 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="16"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-16 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-16 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with fontSize=19 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="19"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-19 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-19 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with fontSize=24 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="24"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-24 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-24 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with fontSize=30 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="30"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-30 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-30 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with fontSize=36 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="36"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-36 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-36 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with fontSize=48 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="48"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-48 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-48 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with fontSize=72 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="72"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-72 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with fontWeight=bold 1`] = `
+<ForwardRef(Paragraph)
+  fontWeight="bold"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-weight-bold govgr-body"
+  >
+    <p
+      className="govgr-!-font-weight-bold govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with fontWeight=bold 2`] = `
+<ForwardRef(Paragraph)
+  fontWeight="bold"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-weight-bold govgr-body"
+  >
+    <p
+      className="govgr-!-font-weight-bold govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with fontWeight=regular 1`] = `
+<ForwardRef(Paragraph)
+  fontWeight="regular"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-weight-regular govgr-body"
+  >
+    <p
+      className="govgr-!-font-weight-regular govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with no props 1`] = `
+<ForwardRef(Paragraph)>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body"
+  >
+    <p
+      className="govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=lead 1`] = `
+<ForwardRef(Paragraph)
+  variant="lead"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-l govgr-body"
+  >
+    <p
+      className="govgr-body-l govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=lead and fontSize=14 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="14"
+  variant="lead"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-l govgr-!-font-size-14 govgr-body"
+  >
+    <p
+      className="govgr-body-l govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=lead and fontSize=16 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="16"
+  variant="lead"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-l govgr-!-font-size-16 govgr-body"
+  >
+    <p
+      className="govgr-body-l govgr-!-font-size-16 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=lead and fontSize=19 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="19"
+  variant="lead"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-l govgr-!-font-size-19 govgr-body"
+  >
+    <p
+      className="govgr-body-l govgr-!-font-size-19 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=lead and fontSize=24 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="14"
+  variant="lead"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-l govgr-!-font-size-14 govgr-body"
+  >
+    <p
+      className="govgr-body-l govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=lead and fontSize=30 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="30"
+  variant="lead"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-l govgr-!-font-size-30 govgr-body"
+  >
+    <p
+      className="govgr-body-l govgr-!-font-size-30 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=lead and fontSize=36 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="36"
+  variant="lead"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-l govgr-!-font-size-36 govgr-body"
+  >
+    <p
+      className="govgr-body-l govgr-!-font-size-36 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=lead and fontSize=48 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="48"
+  variant="lead"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-l govgr-!-font-size-48 govgr-body"
+  >
+    <p
+      className="govgr-body-l govgr-!-font-size-48 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=lead and fontSize=72 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="72"
+  variant="lead"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-l govgr-!-font-size-72 govgr-body"
+  >
+    <p
+      className="govgr-body-l govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=normal 1`] = `
+<ForwardRef(Paragraph)
+  variant="normal"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body"
+  >
+    <p
+      className="govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=normal and fontSize=14 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="14"
+  variant="normal"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-14 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=normal and fontSize=16 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="16"
+  variant="normal"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-16 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-16 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=normal and fontSize=19 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="19"
+  variant="normal"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-19 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-19 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=normal and fontSize=24 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="14"
+  variant="normal"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-14 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=normal and fontSize=30 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="30"
+  variant="normal"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-30 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-30 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=normal and fontSize=36 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="36"
+  variant="normal"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-36 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-36 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=normal and fontSize=48 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="48"
+  variant="normal"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-48 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-48 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=normal and fontSize=72 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="72"
+  variant="normal"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-size-72 govgr-body"
+  >
+    <p
+      className="govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=normal, fontSize=72 and fontWeight="bold 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="72"
+  fontWeight="bold"
+  variant="normal"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-weight-bold govgr-!-font-size-72 govgr-body"
+  >
+    <p
+      className="govgr-!-font-weight-bold govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=normal, fontSize=72 and fontWeight="regular 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="72"
+  fontWeight="regular"
+  variant="normal"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-!-font-weight-regular govgr-!-font-size-72 govgr-body"
+  >
+    <p
+      className="govgr-!-font-weight-regular govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=small 1`] = `
+<ForwardRef(Paragraph)
+  variant="small"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-s govgr-body"
+  >
+    <p
+      className="govgr-body-s govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=small and fontSize=14 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="14"
+  variant="small"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-s govgr-!-font-size-14 govgr-body"
+  >
+    <p
+      className="govgr-body-s govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=small and fontSize=16 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="16"
+  variant="small"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-s govgr-!-font-size-16 govgr-body"
+  >
+    <p
+      className="govgr-body-s govgr-!-font-size-16 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=small and fontSize=19 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="19"
+  variant="small"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-s govgr-!-font-size-19 govgr-body"
+  >
+    <p
+      className="govgr-body-s govgr-!-font-size-19 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=small and fontSize=24 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="14"
+  variant="small"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-s govgr-!-font-size-14 govgr-body"
+  >
+    <p
+      className="govgr-body-s govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=small and fontSize=30 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="30"
+  variant="small"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-s govgr-!-font-size-30 govgr-body"
+  >
+    <p
+      className="govgr-body-s govgr-!-font-size-30 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=small and fontSize=36 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="36"
+  variant="small"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-s govgr-!-font-size-36 govgr-body"
+  >
+    <p
+      className="govgr-body-s govgr-!-font-size-36 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=small and fontSize=48 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="48"
+  variant="small"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-s govgr-!-font-size-48 govgr-body"
+  >
+    <p
+      className="govgr-body-s govgr-!-font-size-48 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;
+
+exports[`renders the Paragraph with variant=small and fontSize=72 1`] = `
+<ForwardRef(Paragraph)
+  fontSize="72"
+  variant="small"
+>
+  <ForwardRef(Base)
+    as="p"
+    className="govgr-body-s govgr-!-font-size-72 govgr-body"
+  >
+    <p
+      className="govgr-body-s govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
+</ForwardRef(Paragraph)>
+`;