@digigov/react-core 0.17.2 → 0.18.1

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

@@ -2,12 +2,20 @@
 
 exports[`renders the SvgIcon with no props 1`] = `
 <ForwardRef(SvgIcon)>
-  <svg
+  <ForwardRef(Base)
     aria-hidden="true"
-    className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon"
+    as="svg"
+    className="govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
-  />
+  >
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    />
+  </ForwardRef(Base)>
 </ForwardRef(SvgIcon)>
 `;
 
@@ -15,14 +23,22 @@ exports[`renders the SvgIcon with prop size=l 1`] = `
 <ForwardRef(SvgIcon)
   size="l"
 >
-  <svg
+  <ForwardRef(Base)
     aria-hidden="true"
-    className="govgr-svg-icon--dark govgr-svg-icon--l govgr-svg-icon"
+    as="svg"
+    className="govgr-svg-icon--l govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
-    hello
-  </svg>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--l govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
 </ForwardRef(SvgIcon)>
 `;
 
@@ -30,14 +46,22 @@ exports[`renders the SvgIcon with prop size=m 1`] = `
 <ForwardRef(SvgIcon)
   size="m"
 >
-  <svg
+  <ForwardRef(Base)
     aria-hidden="true"
-    className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon"
+    as="svg"
+    className="govgr-svg-icon--m govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
-    hello
-  </svg>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--m govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
 </ForwardRef(SvgIcon)>
 `;
 
@@ -45,14 +69,22 @@ exports[`renders the SvgIcon with prop size=s 1`] = `
 <ForwardRef(SvgIcon)
   size="s"
 >
-  <svg
+  <ForwardRef(Base)
     aria-hidden="true"
-    className="govgr-svg-icon--dark govgr-svg-icon--s govgr-svg-icon"
+    as="svg"
+    className="govgr-svg-icon--s govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
-    hello
-  </svg>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--s govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
 </ForwardRef(SvgIcon)>
 `;
 
@@ -60,14 +92,22 @@ exports[`renders the SvgIcon with prop size=xl 1`] = `
 <ForwardRef(SvgIcon)
   size="xl"
 >
-  <svg
+  <ForwardRef(Base)
     aria-hidden="true"
-    className="govgr-svg-icon--dark govgr-svg-icon--xl govgr-svg-icon"
+    as="svg"
+    className="govgr-svg-icon--xl govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
-    hello
-  </svg>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--xl govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
 </ForwardRef(SvgIcon)>
 `;
 
@@ -75,14 +115,22 @@ exports[`renders the SvgIcon with prop variant=dark 1`] = `
 <ForwardRef(SvgIcon)
   variant="dark"
 >
-  <svg
+  <ForwardRef(Base)
     aria-hidden="true"
-    className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon"
+    as="svg"
+    className="govgr-svg-icon--dark govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
-    hello
-  </svg>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--dark govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
 </ForwardRef(SvgIcon)>
 `;
 
@@ -90,14 +138,22 @@ exports[`renders the SvgIcon with prop variant=error 1`] = `
 <ForwardRef(SvgIcon)
   variant="error"
 >
-  <svg
+  <ForwardRef(Base)
     aria-hidden="true"
-    className="govgr-svg-icon--error govgr-svg-icon--m govgr-svg-icon"
+    as="svg"
+    className="govgr-svg-icon--error govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
-    hello
-  </svg>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--error govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
 </ForwardRef(SvgIcon)>
 `;
 
@@ -106,14 +162,22 @@ exports[`renders the SvgIcon with prop variant=error and size= xl 1`] = `
   size="xl"
   variant="warning"
 >
-  <svg
+  <ForwardRef(Base)
     aria-hidden="true"
+    as="svg"
     className="govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
-    hello
-  </svg>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
 </ForwardRef(SvgIcon)>
 `;
 
@@ -121,14 +185,22 @@ exports[`renders the SvgIcon with prop variant=focus 1`] = `
 <ForwardRef(SvgIcon)
   variant="focus"
 >
-  <svg
+  <ForwardRef(Base)
     aria-hidden="true"
-    className="govgr-svg-icon--focus govgr-svg-icon--m govgr-svg-icon"
+    as="svg"
+    className="govgr-svg-icon--focus govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
-    hello
-  </svg>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--focus govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
 </ForwardRef(SvgIcon)>
 `;
 
@@ -136,14 +208,22 @@ exports[`renders the SvgIcon with prop variant=gray 1`] = `
 <ForwardRef(SvgIcon)
   variant="gray"
 >
-  <svg
+  <ForwardRef(Base)
     aria-hidden="true"
-    className="govgr-svg-icon--gray govgr-svg-icon--m govgr-svg-icon"
+    as="svg"
+    className="govgr-svg-icon--gray govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
-    hello
-  </svg>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--gray govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
 </ForwardRef(SvgIcon)>
 `;
 
@@ -151,14 +231,22 @@ exports[`renders the SvgIcon with prop variant=light 1`] = `
 <ForwardRef(SvgIcon)
   variant="light"
 >
-  <svg
+  <ForwardRef(Base)
     aria-hidden="true"
-    className="govgr-svg-icon--light govgr-svg-icon--m govgr-svg-icon"
+    as="svg"
+    className="govgr-svg-icon--light govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
-    hello
-  </svg>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--light govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
 </ForwardRef(SvgIcon)>
 `;
 
@@ -166,14 +254,22 @@ exports[`renders the SvgIcon with prop variant=primary 1`] = `
 <ForwardRef(SvgIcon)
   variant="primary"
 >
-  <svg
+  <ForwardRef(Base)
     aria-hidden="true"
-    className="govgr-svg-icon--primary govgr-svg-icon--m govgr-svg-icon"
+    as="svg"
+    className="govgr-svg-icon--primary govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
-    hello
-  </svg>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--primary govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
 </ForwardRef(SvgIcon)>
 `;
 
@@ -181,14 +277,22 @@ exports[`renders the SvgIcon with prop variant=success 1`] = `
 <ForwardRef(SvgIcon)
   variant="success"
 >
-  <svg
+  <ForwardRef(Base)
     aria-hidden="true"
-    className="govgr-svg-icon--success govgr-svg-icon--m govgr-svg-icon"
+    as="svg"
+    className="govgr-svg-icon--success govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
-    hello
-  </svg>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--success govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
 </ForwardRef(SvgIcon)>
 `;
 
@@ -196,14 +300,22 @@ exports[`renders the SvgIcon with prop variant=warning 1`] = `
 <ForwardRef(SvgIcon)
   variant="warning"
 >
-  <svg
+  <ForwardRef(Base)
     aria-hidden="true"
-    className="govgr-svg-icon--warning govgr-svg-icon--m govgr-svg-icon"
+    as="svg"
+    className="govgr-svg-icon--warning govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
-    hello
-  </svg>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--warning govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
 </ForwardRef(SvgIcon)>
 `;
 
@@ -212,13 +324,21 @@ exports[`renders the SvgIcon with prop variant=warning and size=s 1`] = `
   size="s"
   variant="warning"
 >
-  <svg
+  <ForwardRef(Base)
     aria-hidden="true"
+    as="svg"
     className="govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
-    hello
-  </svg>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
 </ForwardRef(SvgIcon)>
 `;

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

@@ -4,11 +4,16 @@ exports[`renders the Table with dark variant prop 1`] = `
 <ForwardRef(Table)
   variant="dark"
 >
-  <table
+  <ForwardRef(Base)
+    as="table"
     className="govgr-table--dark govgr-table"
   >
-    hello
-  </table>
+    <table
+      className="govgr-table--dark govgr-table"
+    >
+      hello
+    </table>
+  </ForwardRef(Base)>
 </ForwardRef(Table)>
 `;
 
@@ -16,21 +21,31 @@ exports[`renders the Table with light variant prop 1`] = `
 <ForwardRef(Table)
   variant="light"
 >
-  <table
+  <ForwardRef(Base)
+    as="table"
     className="govgr-table--light govgr-table"
   >
-    hello
-  </table>
+    <table
+      className="govgr-table--light govgr-table"
+    >
+      hello
+    </table>
+  </ForwardRef(Base)>
 </ForwardRef(Table)>
 `;
 
 exports[`renders the Table with no props 1`] = `
 <ForwardRef(Table)>
-  <table
+  <ForwardRef(Base)
+    as="table"
     className="govgr-table"
   >
-    hello
-  </table>
+    <table
+      className="govgr-table"
+    >
+      hello
+    </table>
+  </ForwardRef(Base)>
 </ForwardRef(Table)>
 `;
 
@@ -38,11 +53,16 @@ exports[`renders the Table with zebra prop 1`] = `
 <ForwardRef(Table)
   zebra={true}
 >
-  <table
+  <ForwardRef(Base)
+    as="table"
     className="govgr-table--zebra govgr-table"
   >
-    hello
-  </table>
+    <table
+      className="govgr-table--zebra govgr-table"
+    >
+      hello
+    </table>
+  </ForwardRef(Base)>
 </ForwardRef(Table)>
 `;
 
@@ -50,10 +70,15 @@ exports[`renders the Table with zebra prop 2`] = `
 <ForwardRef(Table)
   verticalBorders={true}
 >
-  <table
+  <ForwardRef(Base)
+    as="table"
     className="govgr-table--with-vertical-header govgr-table--with-vertical-lines govgr-table"
   >
-    hello
-  </table>
+    <table
+      className="govgr-table--with-vertical-header govgr-table--with-vertical-lines govgr-table"
+    >
+      hello
+    </table>
+  </ForwardRef(Base)>
 </ForwardRef(Table)>
 `;

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

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

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

@@ -2,11 +2,16 @@
 
 exports[`renders the TableCaption with no props 1`] = `
 <ForwardRef(TableCaption)>
-  <caption
+  <ForwardRef(Base)
+    as="caption"
     className="govgr-table__caption--m govgr-table__caption"
   >
-    hello
-  </caption>
+    <caption
+      className="govgr-table__caption--m govgr-table__caption"
+    >
+      hello
+    </caption>
+  </ForwardRef(Base)>
 </ForwardRef(TableCaption)>
 `;
 
@@ -14,11 +19,16 @@ exports[`renders the TableCaption with size m prop 1`] = `
 <ForwardRef(TableCaption)
   size="m"
 >
-  <caption
+  <ForwardRef(Base)
+    as="caption"
     className="govgr-table__caption--m govgr-table__caption"
   >
-    hello
-  </caption>
+    <caption
+      className="govgr-table__caption--m govgr-table__caption"
+    >
+      hello
+    </caption>
+  </ForwardRef(Base)>
 </ForwardRef(TableCaption)>
 `;
 
@@ -26,11 +36,16 @@ exports[`renders the TableCaption with size s prop 1`] = `
 <ForwardRef(TableCaption)
   size="s"
 >
-  <caption
+  <ForwardRef(Base)
+    as="caption"
     className="govgr-table__caption--s govgr-table__caption"
   >
-    hello
-  </caption>
+    <caption
+      className="govgr-table__caption--s govgr-table__caption"
+    >
+      hello
+    </caption>
+  </ForwardRef(Base)>
 </ForwardRef(TableCaption)>
 `;
 
@@ -38,11 +53,16 @@ exports[`renders the TableCaption with size x prop 1`] = `
 <ForwardRef(TableCaption)
   size="l"
 >
-  <caption
+  <ForwardRef(Base)
+    as="caption"
     className="govgr-table__caption--l govgr-table__caption"
   >
-    hello
-  </caption>
+    <caption
+      className="govgr-table__caption--l govgr-table__caption"
+    >
+      hello
+    </caption>
+  </ForwardRef(Base)>
 </ForwardRef(TableCaption)>
 `;
 
@@ -50,10 +70,15 @@ exports[`renders the TableCaption with size xl prop 1`] = `
 <ForwardRef(TableCaption)
   size="xl"
 >
-  <caption
+  <ForwardRef(Base)
+    as="caption"
     className="govgr-table__caption--xl govgr-table__caption"
   >
-    hello
-  </caption>
+    <caption
+      className="govgr-table__caption--xl govgr-table__caption"
+    >
+      hello
+    </caption>
+  </ForwardRef(Base)>
 </ForwardRef(TableCaption)>
 `;

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

@@ -4,20 +4,30 @@ exports[`renders the TableContainer with  border prop 1`] = `
 <ForwardRef(TableContainer)
   border={true}
 >
-  <div
+  <ForwardRef(Base)
+    as="div"
     className="govgr-table-container--border govgr-table-container"
   >
-    hello
-  </div>
+    <div
+      className="govgr-table-container--border govgr-table-container"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
 </ForwardRef(TableContainer)>
 `;
 
 exports[`renders the TableContainer with no props 1`] = `
 <ForwardRef(TableContainer)>
-  <div
+  <ForwardRef(Base)
+    as="div"
     className="govgr-table-container"
   >
-    hello
-  </div>
+    <div
+      className="govgr-table-container"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
 </ForwardRef(TableContainer)>
 `;

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

@@ -4,20 +4,30 @@ exports[`renders the Table with dataType numeric prop 1`] = `
 <ForwardRef(TableDataCell)
   dataType="numeric"
 >
-  <td
+  <ForwardRef(Base)
+    as="td"
     className="govgr-table__cell--numeric govgr-table__cell"
   >
-    hello
-  </td>
+    <td
+      className="govgr-table__cell--numeric govgr-table__cell"
+    >
+      hello
+    </td>
+  </ForwardRef(Base)>
 </ForwardRef(TableDataCell)>
 `;
 
 exports[`renders the Table with no props 1`] = `
 <ForwardRef(TableDataCell)>
-  <td
+  <ForwardRef(Base)
+    as="td"
     className="govgr-table__cell"
   >
-    hello
-  </td>
+    <td
+      className="govgr-table__cell"
+    >
+      hello
+    </td>
+  </ForwardRef(Base)>
 </ForwardRef(TableDataCell)>
 `;

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

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