@digigov/react-core 0.17.2 → 0.18.1

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

@@ -4,11 +4,16 @@ exports[`renders the Paragraph with fontSize=14 1`] = `
 <ForwardRef(Paragraph)
   fontSize="14"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-14 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -16,11 +21,16 @@ exports[`renders the Paragraph with fontSize=16 1`] = `
 <ForwardRef(Paragraph)
   fontSize="16"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-16 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-16 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -28,11 +38,16 @@ exports[`renders the Paragraph with fontSize=19 1`] = `
 <ForwardRef(Paragraph)
   fontSize="19"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-19 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-19 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -40,11 +55,16 @@ exports[`renders the Paragraph with fontSize=24 1`] = `
 <ForwardRef(Paragraph)
   fontSize="24"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-24 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-24 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -52,11 +72,16 @@ exports[`renders the Paragraph with fontSize=30 1`] = `
 <ForwardRef(Paragraph)
   fontSize="30"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-30 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-30 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -64,11 +89,16 @@ exports[`renders the Paragraph with fontSize=36 1`] = `
 <ForwardRef(Paragraph)
   fontSize="36"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-36 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-36 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -76,11 +106,16 @@ exports[`renders the Paragraph with fontSize=48 1`] = `
 <ForwardRef(Paragraph)
   fontSize="48"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-48 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-48 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -88,11 +123,16 @@ exports[`renders the Paragraph with fontSize=72 1`] = `
 <ForwardRef(Paragraph)
   fontSize="72"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-72 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -100,11 +140,16 @@ exports[`renders the Paragraph with fontWeight=bold 1`] = `
 <ForwardRef(Paragraph)
   fontWeight="bold"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-weight-bold govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-weight-bold govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -112,11 +157,16 @@ exports[`renders the Paragraph with fontWeight=bold 2`] = `
 <ForwardRef(Paragraph)
   fontWeight="bold"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-weight-bold govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-weight-bold govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -124,21 +174,31 @@ exports[`renders the Paragraph with fontWeight=regular 1`] = `
 <ForwardRef(Paragraph)
   fontWeight="regular"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-weight-regular govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-weight-regular govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
 exports[`renders the Paragraph with no props 1`] = `
 <ForwardRef(Paragraph)>
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -146,11 +206,16 @@ exports[`renders the Paragraph with variant=lead 1`] = `
 <ForwardRef(Paragraph)
   variant="lead"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-l govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-l govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -159,11 +224,16 @@ exports[`renders the Paragraph with variant=lead and fontSize=14 1`] = `
   fontSize="14"
   variant="lead"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-l govgr-!-font-size-14 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-l govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -172,11 +242,16 @@ exports[`renders the Paragraph with variant=lead and fontSize=16 1`] = `
   fontSize="16"
   variant="lead"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-l govgr-!-font-size-16 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-l govgr-!-font-size-16 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -185,11 +260,16 @@ exports[`renders the Paragraph with variant=lead and fontSize=19 1`] = `
   fontSize="19"
   variant="lead"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-l govgr-!-font-size-19 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-l govgr-!-font-size-19 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -198,11 +278,16 @@ exports[`renders the Paragraph with variant=lead and fontSize=24 1`] = `
   fontSize="14"
   variant="lead"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-l govgr-!-font-size-14 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-l govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -211,11 +296,16 @@ exports[`renders the Paragraph with variant=lead and fontSize=30 1`] = `
   fontSize="30"
   variant="lead"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-l govgr-!-font-size-30 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-l govgr-!-font-size-30 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -224,11 +314,16 @@ exports[`renders the Paragraph with variant=lead and fontSize=36 1`] = `
   fontSize="36"
   variant="lead"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-l govgr-!-font-size-36 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-l govgr-!-font-size-36 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -237,11 +332,16 @@ exports[`renders the Paragraph with variant=lead and fontSize=48 1`] = `
   fontSize="48"
   variant="lead"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-l govgr-!-font-size-48 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-l govgr-!-font-size-48 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -250,11 +350,16 @@ exports[`renders the Paragraph with variant=lead and fontSize=72 1`] = `
   fontSize="72"
   variant="lead"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-l govgr-!-font-size-72 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-l govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -262,11 +367,16 @@ exports[`renders the Paragraph with variant=normal 1`] = `
 <ForwardRef(Paragraph)
   variant="normal"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -275,11 +385,16 @@ exports[`renders the Paragraph with variant=normal and fontSize=14 1`] = `
   fontSize="14"
   variant="normal"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-14 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -288,11 +403,16 @@ exports[`renders the Paragraph with variant=normal and fontSize=16 1`] = `
   fontSize="16"
   variant="normal"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-16 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-16 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -301,11 +421,16 @@ exports[`renders the Paragraph with variant=normal and fontSize=19 1`] = `
   fontSize="19"
   variant="normal"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-19 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-19 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -314,11 +439,16 @@ exports[`renders the Paragraph with variant=normal and fontSize=24 1`] = `
   fontSize="14"
   variant="normal"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-14 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -327,11 +457,16 @@ exports[`renders the Paragraph with variant=normal and fontSize=30 1`] = `
   fontSize="30"
   variant="normal"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-30 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-30 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -340,11 +475,16 @@ exports[`renders the Paragraph with variant=normal and fontSize=36 1`] = `
   fontSize="36"
   variant="normal"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-36 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-36 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -353,11 +493,16 @@ exports[`renders the Paragraph with variant=normal and fontSize=48 1`] = `
   fontSize="48"
   variant="normal"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-48 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-48 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -366,11 +511,16 @@ exports[`renders the Paragraph with variant=normal and fontSize=72 1`] = `
   fontSize="72"
   variant="normal"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-72 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -380,11 +530,16 @@ exports[`renders the Paragraph with variant=normal, fontSize=72 and fontWeight="
   fontWeight="bold"
   variant="normal"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-weight-bold govgr-!-font-size-72 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-weight-bold govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -394,11 +549,16 @@ exports[`renders the Paragraph with variant=normal, fontSize=72 and fontWeight="
   fontWeight="regular"
   variant="normal"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-weight-regular govgr-!-font-size-72 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-weight-regular govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -406,11 +566,16 @@ exports[`renders the Paragraph with variant=small 1`] = `
 <ForwardRef(Paragraph)
   variant="small"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-s govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-s govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -419,11 +584,16 @@ exports[`renders the Paragraph with variant=small and fontSize=14 1`] = `
   fontSize="14"
   variant="small"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-s govgr-!-font-size-14 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-s govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -432,11 +602,16 @@ exports[`renders the Paragraph with variant=small and fontSize=16 1`] = `
   fontSize="16"
   variant="small"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-s govgr-!-font-size-16 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-s govgr-!-font-size-16 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -445,11 +620,16 @@ exports[`renders the Paragraph with variant=small and fontSize=19 1`] = `
   fontSize="19"
   variant="small"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-s govgr-!-font-size-19 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-s govgr-!-font-size-19 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -458,11 +638,16 @@ exports[`renders the Paragraph with variant=small and fontSize=24 1`] = `
   fontSize="14"
   variant="small"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-s govgr-!-font-size-14 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-s govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -471,11 +656,16 @@ exports[`renders the Paragraph with variant=small and fontSize=30 1`] = `
   fontSize="30"
   variant="small"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-s govgr-!-font-size-30 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-s govgr-!-font-size-30 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -484,11 +674,16 @@ exports[`renders the Paragraph with variant=small and fontSize=36 1`] = `
   fontSize="36"
   variant="small"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-s govgr-!-font-size-36 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-s govgr-!-font-size-36 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -497,11 +692,16 @@ exports[`renders the Paragraph with variant=small and fontSize=48 1`] = `
   fontSize="48"
   variant="small"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-s govgr-!-font-size-48 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-s govgr-!-font-size-48 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;
 
@@ -510,10 +710,15 @@ exports[`renders the Paragraph with variant=small and fontSize=72 1`] = `
   fontSize="72"
   variant="small"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-body-s govgr-!-font-size-72 govgr-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-body-s govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Paragraph)>
 `;