@digigov/react-core 0.17.2 → 0.18.1

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

@@ -2,18 +2,23 @@
 
 exports[`renders the AccordionSectionHeader with no props 1`] = `
 <ForwardRef(AccordionSectionHeader)>
-  <summary
+  <ForwardRef(Base)
+    as="summary"
     className="govgr-accordion__section-header"
   >
-    <h2
-      className="govgr-accordion__section-heading"
+    <summary
+      className="govgr-accordion__section-header"
     >
-      <span
-        className="govgr-accordion__section-button"
+      <h2
+        className="govgr-accordion__section-heading"
       >
-        hello
-      </span>
-    </h2>
-  </summary>
+        <span
+          className="govgr-accordion__section-button"
+        >
+          hello
+        </span>
+      </h2>
+    </summary>
+  </ForwardRef(Base)>
 </ForwardRef(AccordionSectionHeader)>
 `;

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

@@ -2,10 +2,19 @@
 
 exports[`renders the AccordionSectionSummary with no props 1`] = `
 <ForwardRef(AccordionSectionSummary)>
-  <summary
+  <ForwardRef(Base)
+    aria-level={2}
+    as="summary"
     className="govgr-accordion__section-summary"
+    role="heading"
   >
-    hello
-  </summary>
+    <summary
+      aria-level={2}
+      className="govgr-accordion__section-summary"
+      role="heading"
+    >
+      hello
+    </summary>
+  </ForwardRef(Base)>
 </ForwardRef(AccordionSectionSummary)>
 `;

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

@@ -2,14 +2,25 @@
 
 exports[`renders the AccordionSectionSummaryHeading with no props 1`] = `
 <ForwardRef(AccordionSectionSummaryHeading)>
-  <h2
+  <ForwardRef(Base)
+    aria-expanded={false}
+    as="h2"
     className="govgr-accordion__section-heading"
+    onClick={[Function]}
+    role="button"
   >
-    <span
-      className="govgr-accordion__section-button"
+    <h2
+      aria-expanded={false}
+      className="govgr-accordion__section-heading"
+      onClick={[Function]}
+      role="button"
     >
-      hello
-    </span>
-  </h2>
+      <span
+        className="govgr-accordion__section-button"
+      >
+        hello
+      </span>
+    </h2>
+  </ForwardRef(Base)>
 </ForwardRef(AccordionSectionSummaryHeading)>
 `;

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

@@ -7,16 +7,24 @@ exports[`renders the ArrowIcon with direction down prop 1`] = `
   <ForwardRef(SvgIcon)
     className="govgr-arrow--down"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-arrow--down govgr-svg-icon"
+      as="svg"
+      className="govgr-arrow--down govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <path
-        d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-arrow--down govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(ArrowIcon)>
 `;
@@ -28,16 +36,24 @@ exports[`renders the ArrowIcon with direction left prop 1`] = `
   <ForwardRef(SvgIcon)
     className="govgr-arrow--left"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-arrow--left govgr-svg-icon"
+      as="svg"
+      className="govgr-arrow--left govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <path
-        d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-arrow--left govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(ArrowIcon)>
 `;
@@ -49,16 +65,24 @@ exports[`renders the ArrowIcon with direction up prop 1`] = `
   <ForwardRef(SvgIcon)
     className="govgr-arrow--up"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-arrow--up govgr-svg-icon"
+      as="svg"
+      className="govgr-arrow--up govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <path
-        d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-arrow--up govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(ArrowIcon)>
 `;
@@ -68,16 +92,24 @@ exports[`renders the ArrowIcon with no props, direction prop is right by default
   <ForwardRef(SvgIcon)
     className="govgr-arrow--right"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-arrow--right govgr-svg-icon"
+      as="svg"
+      className="govgr-arrow--right govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <path
-        d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-arrow--right govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(ArrowIcon)>
 `;

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

@@ -2,10 +2,15 @@
 
 exports[`renders the Aside with no props 1`] = `
 <ForwardRef(Aside)>
-  <aside
+  <ForwardRef(Base)
+    as="aside"
     className="govgr-grid-column-one-third"
   >
-    hello
-  </aside>
+    <aside
+      className="govgr-grid-column-one-third"
+    >
+      hello
+    </aside>
+  </ForwardRef(Base)>
 </ForwardRef(Aside)>
 `;

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

@@ -4,57 +4,90 @@ exports[`renders the BackLink with href="#" 1`] = `
 <ForwardRef(BackLink)
   href="#"
 >
-  <a
+  <ForwardRef(Base)
+    as="a"
     className="govgr-back-link"
     href="#"
     onClick={[Function]}
+    printHidden={true}
     tabIndex={0}
   >
-    <ForwardRef(CaretIcon)>
-      <ForwardRef(SvgIcon)
-        className="govgr-caret--left"
-      >
-        <svg
-          aria-hidden="true"
-          className="govgr-caret--left govgr-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
+    <a
+      className="govgr-back-link govgr-print-hidden"
+      href="#"
+      onClick={[Function]}
+      tabIndex={0}
+    >
+      <ForwardRef(CaretIcon)>
+        <ForwardRef(SvgIcon)
+          className="govgr-caret--left"
         >
-          <path
-            d="M18,22V2L6,12L18,22z"
-          />
-        </svg>
-      </ForwardRef(SvgIcon)>
-    </ForwardRef(CaretIcon)>
-    hello
-  </a>
+          <ForwardRef(Base)
+            aria-hidden="true"
+            as="svg"
+            className="govgr-caret--left govgr-svg-icon"
+            focusable="false"
+            viewBox="0 0 24 24"
+          >
+            <svg
+              aria-hidden="true"
+              className="govgr-caret--left govgr-svg-icon"
+              focusable="false"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M18,22V2L6,12L18,22z"
+              />
+            </svg>
+          </ForwardRef(Base)>
+        </ForwardRef(SvgIcon)>
+      </ForwardRef(CaretIcon)>
+      hello
+    </a>
+  </ForwardRef(Base)>
 </ForwardRef(BackLink)>
 `;
 
 exports[`renders the BackLink with no props 1`] = `
 <ForwardRef(BackLink)>
-  <a
+  <ForwardRef(Base)
+    as="a"
     className="govgr-back-link"
     onClick={[Function]}
+    printHidden={true}
     tabIndex={0}
   >
-    <ForwardRef(CaretIcon)>
-      <ForwardRef(SvgIcon)
-        className="govgr-caret--left"
-      >
-        <svg
-          aria-hidden="true"
-          className="govgr-caret--left govgr-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
+    <a
+      className="govgr-back-link govgr-print-hidden"
+      onClick={[Function]}
+      tabIndex={0}
+    >
+      <ForwardRef(CaretIcon)>
+        <ForwardRef(SvgIcon)
+          className="govgr-caret--left"
         >
-          <path
-            d="M18,22V2L6,12L18,22z"
-          />
-        </svg>
-      </ForwardRef(SvgIcon)>
-    </ForwardRef(CaretIcon)>
-    hello
-  </a>
+          <ForwardRef(Base)
+            aria-hidden="true"
+            as="svg"
+            className="govgr-caret--left govgr-svg-icon"
+            focusable="false"
+            viewBox="0 0 24 24"
+          >
+            <svg
+              aria-hidden="true"
+              className="govgr-caret--left govgr-svg-icon"
+              focusable="false"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M18,22V2L6,12L18,22z"
+              />
+            </svg>
+          </ForwardRef(Base)>
+        </ForwardRef(SvgIcon)>
+      </ForwardRef(CaretIcon)>
+      hello
+    </a>
+  </ForwardRef(Base)>
 </ForwardRef(BackLink)>
 `;

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

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

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

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

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

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

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

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

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

@@ -4,29 +4,39 @@ exports[`renders the BreadcrumbsListItem with href 1`] = `
 <ForwardRef(BreadcrumbsListItem)
   href="#"
 >
-  <li
+  <ForwardRef(Base)
+    as="li"
     className="govgr-breadcrumbs__list-item"
   >
-    <a
-      className="govgr-breadcrumbs__link"
-      href="#"
+    <li
+      className="govgr-breadcrumbs__list-item"
     >
-      hello
-    </a>
-  </li>
+      <a
+        className="govgr-breadcrumbs__link"
+        href="#"
+      >
+        hello
+      </a>
+    </li>
+  </ForwardRef(Base)>
 </ForwardRef(BreadcrumbsListItem)>
 `;
 
 exports[`renders the BreadcrumbsListItem with no props 1`] = `
 <ForwardRef(BreadcrumbsListItem)>
-  <li
+  <ForwardRef(Base)
+    as="li"
     className="govgr-breadcrumbs__list-item"
   >
-    <a
-      className="govgr-breadcrumbs__link"
+    <li
+      className="govgr-breadcrumbs__list-item"
     >
-      hello
-    </a>
-  </li>
+      <a
+        className="govgr-breadcrumbs__link"
+      >
+        hello
+      </a>
+    </li>
+  </ForwardRef(Base)>
 </ForwardRef(BreadcrumbsListItem)>
 `;