@digigov/react-core 0.17.2 → 0.18.1

package/esm/Button/__snapshots__/index.test.tsx.snap

@@ -4,12 +4,19 @@ exports[`renders the Button with ariaLabel prop 1`] = `
 <ForwardRef(Button)
   aria-label="button for opening menu"
 >
-  <button
+  <ForwardRef(Base)
     aria-label="button for opening menu"
+    as="button"
     className="govgr-btn-primary govgr-btn"
+    printHidden={true}
   >
-    Menu
-  </button>
+    <button
+      aria-label="button for opening menu"
+      className="govgr-btn-primary govgr-btn govgr-print-hidden"
+    >
+      Menu
+    </button>
+  </ForwardRef(Base)>
 </ForwardRef(Button)>
 `;
 
@@ -17,11 +24,17 @@ exports[`renders the Button with color=primary 1`] = `
 <ForwardRef(Button)
   color="primary"
 >
-  <button
+  <ForwardRef(Base)
+    as="button"
     className="govgr-btn-primary govgr-btn"
+    printHidden={true}
   >
-    hello
-  </button>
+    <button
+      className="govgr-btn-primary govgr-btn govgr-print-hidden"
+    >
+      hello
+    </button>
+  </ForwardRef(Base)>
 </ForwardRef(Button)>
 `;
 
@@ -30,12 +43,19 @@ exports[`renders the Button with color=primary with disabled=true 1`] = `
   color="primary"
   disabled={true}
 >
-  <button
+  <ForwardRef(Base)
+    as="button"
     className="govgr-btn-primary govgr-btn-disabled govgr-btn"
     disabled={true}
+    printHidden={true}
   >
-    hello
-  </button>
+    <button
+      className="govgr-btn-primary govgr-btn-disabled govgr-btn govgr-print-hidden"
+      disabled={true}
+    >
+      hello
+    </button>
+  </ForwardRef(Base)>
 </ForwardRef(Button)>
 `;
 
@@ -43,11 +63,17 @@ exports[`renders the Button with color=secondary 1`] = `
 <ForwardRef(Button)
   color="secondary"
 >
-  <button
+  <ForwardRef(Base)
+    as="button"
     className="govgr-btn-secondary govgr-btn"
+    printHidden={true}
   >
-    hello
-  </button>
+    <button
+      className="govgr-btn-secondary govgr-btn govgr-print-hidden"
+    >
+      hello
+    </button>
+  </ForwardRef(Base)>
 </ForwardRef(Button)>
 `;
 
@@ -56,12 +82,19 @@ exports[`renders the Button with color=secondary with disabled=true 1`] = `
   color="secondary"
   disabled={true}
 >
-  <button
+  <ForwardRef(Base)
+    as="button"
     className="govgr-btn-secondary govgr-btn-disabled govgr-btn"
     disabled={true}
+    printHidden={true}
   >
-    hello
-  </button>
+    <button
+      className="govgr-btn-secondary govgr-btn-disabled govgr-btn govgr-print-hidden"
+      disabled={true}
+    >
+      hello
+    </button>
+  </ForwardRef(Base)>
 </ForwardRef(Button)>
 `;
 
@@ -69,11 +102,17 @@ exports[`renders the Button with color=warning 1`] = `
 <ForwardRef(Button)
   color="warning"
 >
-  <button
+  <ForwardRef(Base)
+    as="button"
     className="govgr-btn-warning govgr-btn"
+    printHidden={true}
   >
-    hello
-  </button>
+    <button
+      className="govgr-btn-warning govgr-btn govgr-print-hidden"
+    >
+      hello
+    </button>
+  </ForwardRef(Base)>
 </ForwardRef(Button)>
 `;
 
@@ -82,12 +121,19 @@ exports[`renders the Button with color=warning with disabled=true 1`] = `
   color="warning"
   disabled={true}
 >
-  <button
+  <ForwardRef(Base)
+    as="button"
     className="govgr-btn-warning govgr-btn-disabled govgr-btn"
     disabled={true}
+    printHidden={true}
   >
-    hello
-  </button>
+    <button
+      className="govgr-btn-warning govgr-btn-disabled govgr-btn govgr-print-hidden"
+      disabled={true}
+    >
+      hello
+    </button>
+  </ForwardRef(Base)>
 </ForwardRef(Button)>
 `;
 
@@ -95,12 +141,19 @@ exports[`renders the Button with disabled=false 1`] = `
 <ForwardRef(Button)
   disabled={false}
 >
-  <button
+  <ForwardRef(Base)
+    as="button"
     className="govgr-btn-primary govgr-btn"
     disabled={false}
+    printHidden={true}
   >
-    hello
-  </button>
+    <button
+      className="govgr-btn-primary govgr-btn govgr-print-hidden"
+      disabled={false}
+    >
+      hello
+    </button>
+  </ForwardRef(Base)>
 </ForwardRef(Button)>
 `;
 
@@ -108,22 +161,35 @@ exports[`renders the Button with disabled=true 1`] = `
 <ForwardRef(Button)
   disabled={true}
 >
-  <button
+  <ForwardRef(Base)
+    as="button"
     className="govgr-btn-primary govgr-btn-disabled govgr-btn"
     disabled={true}
+    printHidden={true}
   >
-    hello
-  </button>
+    <button
+      className="govgr-btn-primary govgr-btn-disabled govgr-btn govgr-print-hidden"
+      disabled={true}
+    >
+      hello
+    </button>
+  </ForwardRef(Base)>
 </ForwardRef(Button)>
 `;
 
 exports[`renders the Button with no props 1`] = `
 <ForwardRef(Button)>
-  <button
+  <ForwardRef(Base)
+    as="button"
     className="govgr-btn-primary govgr-btn"
+    printHidden={true}
   >
-    hello
-  </button>
+    <button
+      className="govgr-btn-primary govgr-btn govgr-print-hidden"
+    >
+      hello
+    </button>
+  </ForwardRef(Base)>
 </ForwardRef(Button)>
 `;
 
@@ -131,11 +197,18 @@ exports[`renders the Button with tabIndex prop 1`] = `
 <ForwardRef(Button)
   tabIndex={0}
 >
-  <button
+  <ForwardRef(Base)
+    as="button"
     className="govgr-btn-primary govgr-btn"
+    printHidden={true}
     tabIndex={0}
   >
-    Menu
-  </button>
+    <button
+      className="govgr-btn-primary govgr-btn govgr-print-hidden"
+      tabIndex={0}
+    >
+      Menu
+    </button>
+  </ForwardRef(Base)>
 </ForwardRef(Button)>
 `;

package/esm/ButtonGroup/__snapshots__/index.test.tsx.snap

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

package/esm/ButtonLink/__snapshots__/index.test.tsx.snap

@@ -4,12 +4,18 @@ exports[`renders the Button with tabIndex prop 1`] = `
 <ForwardRef(ButtonLink)
   tabIndex={0}
 >
-  <a
+  <ForwardRef(Base)
+    as="a"
     className="govgr-btn-primary govgr-btn"
     tabIndex={0}
   >
-    Menu
-  </a>
+    <a
+      className="govgr-btn-primary govgr-btn"
+      tabIndex={0}
+    >
+      Menu
+    </a>
+  </ForwardRef(Base)>
 </ForwardRef(ButtonLink)>
 `;
 
@@ -17,12 +23,18 @@ exports[`renders the ButtonLink with ariaLabel prop 1`] = `
 <ForwardRef(ButtonLink)
   aria-label="button for opening menu"
 >
-  <a
+  <ForwardRef(Base)
     aria-label="button for opening menu"
+    as="a"
     className="govgr-btn-primary govgr-btn"
   >
-    Menu
-  </a>
+    <a
+      aria-label="button for opening menu"
+      className="govgr-btn-primary govgr-btn"
+    >
+      Menu
+    </a>
+  </ForwardRef(Base)>
 </ForwardRef(ButtonLink)>
 `;
 
@@ -30,11 +42,16 @@ exports[`renders the ButtonLink with color=primary 1`] = `
 <ForwardRef(ButtonLink)
   color="primary"
 >
-  <a
+  <ForwardRef(Base)
+    as="a"
     className="govgr-btn-primary govgr-btn"
   >
-    hello
-  </a>
+    <a
+      className="govgr-btn-primary govgr-btn"
+    >
+      hello
+    </a>
+  </ForwardRef(Base)>
 </ForwardRef(ButtonLink)>
 `;
 
@@ -43,12 +60,18 @@ exports[`renders the ButtonLink with color=primary with href=# 1`] = `
   color="primary"
   href="#"
 >
-  <a
+  <ForwardRef(Base)
+    as="a"
     className="govgr-btn-primary govgr-btn"
     href="#"
   >
-    hello
-  </a>
+    <a
+      className="govgr-btn-primary govgr-btn"
+      href="#"
+    >
+      hello
+    </a>
+  </ForwardRef(Base)>
 </ForwardRef(ButtonLink)>
 `;
 
@@ -56,11 +79,16 @@ exports[`renders the ButtonLink with color=secondary 1`] = `
 <ForwardRef(ButtonLink)
   color="secondary"
 >
-  <a
+  <ForwardRef(Base)
+    as="a"
     className="govgr-btn-secondary govgr-btn"
   >
-    hello
-  </a>
+    <a
+      className="govgr-btn-secondary govgr-btn"
+    >
+      hello
+    </a>
+  </ForwardRef(Base)>
 </ForwardRef(ButtonLink)>
 `;
 
@@ -69,12 +97,18 @@ exports[`renders the ButtonLink with color=secondary with href=# 1`] = `
   color="secondary"
   href="#"
 >
-  <a
+  <ForwardRef(Base)
+    as="a"
     className="govgr-btn-secondary govgr-btn"
     href="#"
   >
-    hello
-  </a>
+    <a
+      className="govgr-btn-secondary govgr-btn"
+      href="#"
+    >
+      hello
+    </a>
+  </ForwardRef(Base)>
 </ForwardRef(ButtonLink)>
 `;
 
@@ -82,11 +116,16 @@ exports[`renders the ButtonLink with color=warning 1`] = `
 <ForwardRef(ButtonLink)
   color="warning"
 >
-  <a
+  <ForwardRef(Base)
+    as="a"
     className="govgr-btn-warning govgr-btn"
   >
-    hello
-  </a>
+    <a
+      className="govgr-btn-warning govgr-btn"
+    >
+      hello
+    </a>
+  </ForwardRef(Base)>
 </ForwardRef(ButtonLink)>
 `;
 
@@ -95,22 +134,33 @@ exports[`renders the ButtonLink with color=warning with href=# 1`] = `
   color="warning"
   href="#"
 >
-  <a
+  <ForwardRef(Base)
+    as="a"
     className="govgr-btn-warning govgr-btn"
     href="#"
   >
-    hello
-  </a>
+    <a
+      className="govgr-btn-warning govgr-btn"
+      href="#"
+    >
+      hello
+    </a>
+  </ForwardRef(Base)>
 </ForwardRef(ButtonLink)>
 `;
 
 exports[`renders the ButtonLink with disabled=false 1`] = `
 <ForwardRef(ButtonLink)>
-  <a
+  <ForwardRef(Base)
+    as="a"
     className="govgr-btn-primary govgr-btn"
   >
-    hello
-  </a>
+    <a
+      className="govgr-btn-primary govgr-btn"
+    >
+      hello
+    </a>
+  </ForwardRef(Base)>
 </ForwardRef(ButtonLink)>
 `;
 
@@ -118,21 +168,32 @@ exports[`renders the ButtonLink with href=# 1`] = `
 <ForwardRef(ButtonLink)
   href="#"
 >
-  <a
+  <ForwardRef(Base)
+    as="a"
     className="govgr-btn-primary govgr-btn"
     href="#"
   >
-    hello
-  </a>
+    <a
+      className="govgr-btn-primary govgr-btn"
+      href="#"
+    >
+      hello
+    </a>
+  </ForwardRef(Base)>
 </ForwardRef(ButtonLink)>
 `;
 
 exports[`renders the ButtonLink with no props 1`] = `
 <ForwardRef(ButtonLink)>
-  <a
+  <ForwardRef(Base)
+    as="a"
     className="govgr-btn-primary govgr-btn"
   >
-    hello
-  </a>
+    <a
+      className="govgr-btn-primary govgr-btn"
+    >
+      hello
+    </a>
+  </ForwardRef(Base)>
 </ForwardRef(ButtonLink)>
 `;

package/esm/CallToAction/__snapshots__/index.test.tsx.snap

@@ -2,12 +2,45 @@
 
 exports[`renders the CallToAction with no props 1`] = `
 <ForwardRef(CallToAction)>
-  <button
-    className="govgr-btn govgr-btn-primary govgr-btn-cta"
+  <ForwardRef(ButtonLink)
+    className="govgr-btn-cta"
+    printHidden={true}
   >
-    <span
-      className="right-arrow"
-    />
-  </button>
+    <ForwardRef(Base)
+      as="a"
+      className="govgr-btn-cta govgr-btn-primary govgr-btn"
+      printHidden={true}
+    >
+      <a
+        className="govgr-btn-cta govgr-btn-primary govgr-btn govgr-print-hidden"
+      >
+        hello
+        <ForwardRef(ArrowIcon)>
+          <ForwardRef(SvgIcon)
+            className="govgr-arrow--right"
+          >
+            <ForwardRef(Base)
+              aria-hidden="true"
+              as="svg"
+              className="govgr-arrow--right govgr-svg-icon"
+              focusable="false"
+              viewBox="0 0 24 24"
+            >
+              <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)>
+      </a>
+    </ForwardRef(Base)>
+  </ForwardRef(ButtonLink)>
 </ForwardRef(CallToAction)>
 `;