@digigov/react-core 0.17.2 → 0.18.1

package/es/NormalText/__snapshots__/index.test.tsx.snap

@@ -4,11 +4,16 @@ exports[`renders the NormalText with fontSize=14 1`] = `
 <ForwardRef(NormalText)
   fontSize="14"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-14 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -16,11 +21,16 @@ exports[`renders the NormalText with fontSize=16 1`] = `
 <ForwardRef(NormalText)
   fontSize="16"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-16 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-16 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -28,11 +38,16 @@ exports[`renders the NormalText with fontSize=19 1`] = `
 <ForwardRef(NormalText)
   fontSize="19"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-19 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-19 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -40,11 +55,16 @@ exports[`renders the NormalText with fontSize=24 1`] = `
 <ForwardRef(NormalText)
   fontSize="24"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-24 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-24 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -52,11 +72,16 @@ exports[`renders the NormalText with fontSize=30 1`] = `
 <ForwardRef(NormalText)
   fontSize="30"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-30 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-30 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -64,11 +89,16 @@ exports[`renders the NormalText with fontSize=36 1`] = `
 <ForwardRef(NormalText)
   fontSize="36"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-36 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-36 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -76,11 +106,16 @@ exports[`renders the NormalText with fontSize=48 1`] = `
 <ForwardRef(NormalText)
   fontSize="48"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-48 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-48 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -88,11 +123,16 @@ exports[`renders the NormalText with fontSize=72 1`] = `
 <ForwardRef(NormalText)
   fontSize="72"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-72 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -100,11 +140,16 @@ exports[`renders the NormalText with fontWeight=bold 1`] = `
 <ForwardRef(NormalText)
   fontWeight="bold"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-weight-bold govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-weight-bold govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -112,21 +157,31 @@ exports[`renders the NormalText with fontWeight=regular 1`] = `
 <ForwardRef(NormalText)
   fontWeight="regular"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-weight-regular govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-weight-regular govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
 exports[`renders the NormalText with no props 1`] = `
 <ForwardRef(NormalText)>
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -134,11 +189,16 @@ exports[`renders the NormalText with variant=lead 1`] = `
 <ForwardRef(NormalText)
   variant="lead"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-l govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-l govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -147,11 +207,16 @@ exports[`renders the NormalText with variant=lead and font size fontSize=48 1`]
   fontSize="48"
   variant="lead"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-l govgr-!-font-size-48 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-l govgr-!-font-size-48 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -160,11 +225,16 @@ exports[`renders the NormalText with variant=lead and font size fontSize=72 1`]
   fontSize="72"
   variant="lead"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-l govgr-!-font-size-72 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-l govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -173,11 +243,16 @@ exports[`renders the NormalText with variant=lead and fontSize=14 1`] = `
   fontSize="14"
   variant="lead"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-l govgr-!-font-size-14 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-l govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -186,11 +261,16 @@ exports[`renders the NormalText with variant=lead and fontSize=19 1`] = `
   fontSize="19"
   variant="lead"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-l govgr-!-font-size-19 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-l govgr-!-font-size-19 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -199,11 +279,16 @@ exports[`renders the NormalText with variant=lead and fontSize=24 1`] = `
   fontSize="24"
   variant="lead"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-l govgr-!-font-size-24 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-l govgr-!-font-size-24 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -212,11 +297,16 @@ exports[`renders the NormalText with variant=lead and fontSize=30 1`] = `
   fontSize="30"
   variant="lead"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-l govgr-!-font-size-30 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-l govgr-!-font-size-30 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -225,11 +315,16 @@ exports[`renders the NormalText with variant=lead and fontSize=36 1`] = `
   fontSize="36"
   variant="lead"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-l govgr-!-font-size-36 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-l govgr-!-font-size-36 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -238,11 +333,16 @@ exports[`renders the NormalText with variant=lead and fontSize=36 2`] = `
   fontSize="36"
   variant="lead"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-l govgr-!-font-size-36 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-l govgr-!-font-size-36 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -251,11 +351,16 @@ exports[`renders the NormalText with variant=lead and ontSize=16 1`] = `
   fontSize="16"
   variant="lead"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-l govgr-!-font-size-16 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-l govgr-!-font-size-16 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -263,11 +368,16 @@ exports[`renders the NormalText with variant=normal 1`] = `
 <ForwardRef(NormalText)
   variant="normal"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -276,11 +386,16 @@ exports[`renders the NormalText with variant=normal and font size fontSize=48 1`
   fontSize="48"
   variant="normal"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-48 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-48 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -289,11 +404,16 @@ exports[`renders the NormalText with variant=normal and font size fontSize=72 1`
   fontSize="72"
   variant="normal"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-72 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -302,11 +422,16 @@ exports[`renders the NormalText with variant=normal and fontSize=14 1`] = `
   fontSize="14"
   variant="normal"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-14 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -315,11 +440,16 @@ exports[`renders the NormalText with variant=normal and fontSize=19 1`] = `
   fontSize="19"
   variant="normal"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-19 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-19 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -328,11 +458,16 @@ exports[`renders the NormalText with variant=normal and fontSize=24 1`] = `
   fontSize="24"
   variant="normal"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-24 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-24 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -341,11 +476,16 @@ exports[`renders the NormalText with variant=normal and fontSize=30 1`] = `
   fontSize="30"
   variant="normal"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-30 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-30 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -354,11 +494,16 @@ exports[`renders the NormalText with variant=normal and fontSize=36 1`] = `
   fontSize="36"
   variant="normal"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-36 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-36 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -367,11 +512,16 @@ exports[`renders the NormalText with variant=normal and ontSize=16 1`] = `
   fontSize="16"
   variant="normal"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-size-16 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-size-16 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -379,11 +529,16 @@ exports[`renders the NormalText with variant=small 1`] = `
 <ForwardRef(NormalText)
   variant="small"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-s govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-s govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -392,11 +547,16 @@ exports[`renders the NormalText with variant=small and font size fontSize=48 1`]
   fontSize="48"
   variant="small"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-s govgr-!-font-size-48 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-s govgr-!-font-size-48 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -405,11 +565,16 @@ exports[`renders the NormalText with variant=small and font size fontSize=72 1`]
   fontSize="72"
   variant="small"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-s govgr-!-font-size-72 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-s govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -418,11 +583,16 @@ exports[`renders the NormalText with variant=small and fontSize=14 1`] = `
   fontSize="14"
   variant="small"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-s govgr-!-font-size-14 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-s govgr-!-font-size-14 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -431,11 +601,16 @@ exports[`renders the NormalText with variant=small and fontSize=19 1`] = `
   fontSize="19"
   variant="small"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-s govgr-!-font-size-19 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-s govgr-!-font-size-19 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -444,11 +619,16 @@ exports[`renders the NormalText with variant=small and fontSize=24 1`] = `
   fontSize="24"
   variant="small"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-s govgr-!-font-size-24 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-s govgr-!-font-size-24 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -457,11 +637,16 @@ exports[`renders the NormalText with variant=small and fontSize=30 1`] = `
   fontSize="30"
   variant="small"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-s govgr-!-font-size-30 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-s govgr-!-font-size-30 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -470,11 +655,16 @@ exports[`renders the NormalText with variant=small and ontSize=16 1`] = `
   fontSize="16"
   variant="small"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-body-s govgr-!-font-size-16 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-body-s govgr-!-font-size-16 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -484,11 +674,16 @@ exports[`renders the NormalText with variant=small, font size fontSize=72 and fo
   fontWeight="bold"
   variant="small"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-weight-bold govgr-body-s govgr-!-font-size-72 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-weight-bold govgr-body-s govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;
 
@@ -498,10 +693,15 @@ exports[`renders the NormalText with variant=small, font size fontSize=72 and fo
   fontWeight="regular"
   variant="small"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-!-font-weight-regular govgr-body-s govgr-!-font-size-72 govgr-body"
   >
-    hello
-  </span>
+    <span
+      className="govgr-!-font-weight-regular govgr-body-s govgr-!-font-size-72 govgr-body"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(NormalText)>
 `;