@digigov/react-core 0.17.2 → 0.18.1

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

@@ -4,11 +4,16 @@ exports[`renders the List with listStyle=bullet 1`] = `
 <ForwardRef(List)
   listStyle="bullet"
 >
-  <ol
+  <ForwardRef(Base)
+    as="ol"
     className="govgr-list--bullet govgr-list"
   >
-    hello
-  </ol>
+    <ol
+      className="govgr-list--bullet govgr-list"
+    >
+      hello
+    </ol>
+  </ForwardRef(Base)>
 </ForwardRef(List)>
 `;
 
@@ -16,24 +21,39 @@ exports[`renders the List with listStyle=bullet 2`] = `
 <ForwardRef(List)
   listStyle="bullet"
 >
-  <ol
+  <ForwardRef(Base)
+    as="ol"
     className="govgr-list--bullet govgr-list"
   >
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Giorgos
-      </li>
-    </ForwardRef(ListItem)>
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Katerina
-      </li>
-    </ForwardRef(ListItem)>
-  </ol>
+    <ol
+      className="govgr-list--bullet govgr-list"
+    >
+      <ForwardRef(ListItem)>
+        <ForwardRef(Base)
+          as="li"
+          className="govgr-list__item"
+        >
+          <li
+            className="govgr-list__item"
+          >
+            hello Giorgos
+          </li>
+        </ForwardRef(Base)>
+      </ForwardRef(ListItem)>
+      <ForwardRef(ListItem)>
+        <ForwardRef(Base)
+          as="li"
+          className="govgr-list__item"
+        >
+          <li
+            className="govgr-list__item"
+          >
+            hello Katerina
+          </li>
+        </ForwardRef(Base)>
+      </ForwardRef(ListItem)>
+    </ol>
+  </ForwardRef(Base)>
 </ForwardRef(List)>
 `;
 
@@ -42,24 +62,39 @@ exports[`renders the List with listStyle=bullet and spaced 1`] = `
   listStyle="bullet"
   spaced={true}
 >
-  <ol
+  <ForwardRef(Base)
+    as="ol"
     className="govgr-list--bullet govgr-list--spaced govgr-list"
   >
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Giorgos
-      </li>
-    </ForwardRef(ListItem)>
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Katerina
-      </li>
-    </ForwardRef(ListItem)>
-  </ol>
+    <ol
+      className="govgr-list--bullet govgr-list--spaced govgr-list"
+    >
+      <ForwardRef(ListItem)>
+        <ForwardRef(Base)
+          as="li"
+          className="govgr-list__item"
+        >
+          <li
+            className="govgr-list__item"
+          >
+            hello Giorgos
+          </li>
+        </ForwardRef(Base)>
+      </ForwardRef(ListItem)>
+      <ForwardRef(ListItem)>
+        <ForwardRef(Base)
+          as="li"
+          className="govgr-list__item"
+        >
+          <li
+            className="govgr-list__item"
+          >
+            hello Katerina
+          </li>
+        </ForwardRef(Base)>
+      </ForwardRef(ListItem)>
+    </ol>
+  </ForwardRef(Base)>
 </ForwardRef(List)>
 `;
 
@@ -67,11 +102,16 @@ exports[`renders the List with listStyle=number 1`] = `
 <ForwardRef(List)
   listStyle="number"
 >
-  <ol
+  <ForwardRef(Base)
+    as="ol"
     className="govgr-list--number govgr-list"
   >
-    hello
-  </ol>
+    <ol
+      className="govgr-list--number govgr-list"
+    >
+      hello
+    </ol>
+  </ForwardRef(Base)>
 </ForwardRef(List)>
 `;
 
@@ -79,24 +119,39 @@ exports[`renders the List with listStyle=number 2`] = `
 <ForwardRef(List)
   listStyle="number"
 >
-  <ol
+  <ForwardRef(Base)
+    as="ol"
     className="govgr-list--number govgr-list"
   >
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Giorgos
-      </li>
-    </ForwardRef(ListItem)>
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Katerina
-      </li>
-    </ForwardRef(ListItem)>
-  </ol>
+    <ol
+      className="govgr-list--number govgr-list"
+    >
+      <ForwardRef(ListItem)>
+        <ForwardRef(Base)
+          as="li"
+          className="govgr-list__item"
+        >
+          <li
+            className="govgr-list__item"
+          >
+            hello Giorgos
+          </li>
+        </ForwardRef(Base)>
+      </ForwardRef(ListItem)>
+      <ForwardRef(ListItem)>
+        <ForwardRef(Base)
+          as="li"
+          className="govgr-list__item"
+        >
+          <li
+            className="govgr-list__item"
+          >
+            hello Katerina
+          </li>
+        </ForwardRef(Base)>
+      </ForwardRef(ListItem)>
+    </ol>
+  </ForwardRef(Base)>
 </ForwardRef(List)>
 `;
 
@@ -105,33 +160,53 @@ exports[`renders the List with listStyle=number and spaced 1`] = `
   listStyle="number"
   spaced={true}
 >
-  <ol
+  <ForwardRef(Base)
+    as="ol"
     className="govgr-list--number govgr-list--spaced govgr-list"
   >
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Giorgos
-      </li>
-    </ForwardRef(ListItem)>
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Katerina
-      </li>
-    </ForwardRef(ListItem)>
-  </ol>
+    <ol
+      className="govgr-list--number govgr-list--spaced govgr-list"
+    >
+      <ForwardRef(ListItem)>
+        <ForwardRef(Base)
+          as="li"
+          className="govgr-list__item"
+        >
+          <li
+            className="govgr-list__item"
+          >
+            hello Giorgos
+          </li>
+        </ForwardRef(Base)>
+      </ForwardRef(ListItem)>
+      <ForwardRef(ListItem)>
+        <ForwardRef(Base)
+          as="li"
+          className="govgr-list__item"
+        >
+          <li
+            className="govgr-list__item"
+          >
+            hello Katerina
+          </li>
+        </ForwardRef(Base)>
+      </ForwardRef(ListItem)>
+    </ol>
+  </ForwardRef(Base)>
 </ForwardRef(List)>
 `;
 
 exports[`renders the List with no props 1`] = `
 <ForwardRef(List)>
-  <ol
-    className="govgr-list--bullet govgr-list"
+  <ForwardRef(Base)
+    as="ol"
+    className="govgr-list"
   >
-    hello
-  </ol>
+    <ol
+      className="govgr-list"
+    >
+      hello
+    </ol>
+  </ForwardRef(Base)>
 </ForwardRef(List)>
 `;

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

@@ -2,10 +2,15 @@
 
 exports[`renders the ListItem with no props 1`] = `
 <ForwardRef(ListItem)>
-  <li
+  <ForwardRef(Base)
+    as="li"
     className="govgr-list__item"
   >
-    hello
-  </li>
+    <li
+      className="govgr-list__item"
+    >
+      hello
+    </li>
+  </ForwardRef(Base)>
 </ForwardRef(ListItem)>
 `;

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

@@ -2,10 +2,17 @@
 
 exports[`renders the Main with no props 1`] = `
 <ForwardRef(Main)>
-  <main
+  <ForwardRef(Base)
+    as="main"
     className="govgr-grid-column-two-thirds"
+    id="main-content"
   >
-    hello
-  </main>
+    <main
+      className="govgr-grid-column-two-thirds"
+      id="main-content"
+    >
+      hello
+    </main>
+  </ForwardRef(Base)>
 </ForwardRef(Main)>
 `;

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

@@ -2,10 +2,15 @@
 
 exports[`renders the Masthead with no props 1`] = `
 <ForwardRef(Masthead)>
-  <div
+  <ForwardRef(Base)
+    as="div"
     className="govgr-masthead govgr-background-dark"
   >
-    hello
-  </div>
+    <div
+      className="govgr-masthead govgr-background-dark"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
 </ForwardRef(Masthead)>
 `;

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

@@ -2,10 +2,15 @@
 
 exports[`renders the MastheadBody with no props 1`] = `
 <ForwardRef(MastheadBody)>
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-masthead-body"
   >
-    hello
-  </p>
+    <p
+      className="govgr-masthead-body"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(MastheadBody)>
 `;