@digigov/react-core 0.17.2 → 0.18.1

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

@@ -5,28 +5,36 @@ exports[`renders the MoreVertIcon with no props 1`] = `
   <ForwardRef(SvgIcon)
     className="govgr-svg-icon--check"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      as="svg"
+      className="govgr-svg-icon--check govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <circle
-        cx="12"
-        cy="5"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="12"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="19"
-        r="2"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--check govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <circle
+          cx="12"
+          cy="5"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="19"
+          r="2"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(MoreVertIcon)>
 `;
@@ -39,28 +47,36 @@ exports[`renders the MoreVertIcon with prop size=l 1`] = `
     className="govgr-svg-icon--check"
     size="l"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--l govgr-svg-icon--check govgr-svg-icon"
+      as="svg"
+      className="govgr-svg-icon--check govgr-svg-icon--l govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <circle
-        cx="12"
-        cy="5"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="12"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="19"
-        r="2"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--check govgr-svg-icon--l govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <circle
+          cx="12"
+          cy="5"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="19"
+          r="2"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(MoreVertIcon)>
 `;
@@ -73,28 +89,36 @@ exports[`renders the MoreVertIcon with prop size=m 1`] = `
     className="govgr-svg-icon--check"
     size="m"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      as="svg"
+      className="govgr-svg-icon--check govgr-svg-icon--m govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <circle
-        cx="12"
-        cy="5"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="12"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="19"
-        r="2"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--check govgr-svg-icon--m govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <circle
+          cx="12"
+          cy="5"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="19"
+          r="2"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(MoreVertIcon)>
 `;
@@ -107,28 +131,36 @@ exports[`renders the MoreVertIcon with prop size=s 1`] = `
     className="govgr-svg-icon--check"
     size="s"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--s govgr-svg-icon--check govgr-svg-icon"
+      as="svg"
+      className="govgr-svg-icon--check govgr-svg-icon--s govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <circle
-        cx="12"
-        cy="5"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="12"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="19"
-        r="2"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--check govgr-svg-icon--s govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <circle
+          cx="12"
+          cy="5"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="19"
+          r="2"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(MoreVertIcon)>
 `;
@@ -141,28 +173,36 @@ exports[`renders the MoreVertIcon with prop size=xl 1`] = `
     className="govgr-svg-icon--check"
     size="xl"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--xl govgr-svg-icon--check govgr-svg-icon"
+      as="svg"
+      className="govgr-svg-icon--check govgr-svg-icon--xl govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <circle
-        cx="12"
-        cy="5"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="12"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="19"
-        r="2"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--check govgr-svg-icon--xl govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <circle
+          cx="12"
+          cy="5"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="19"
+          r="2"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(MoreVertIcon)>
 `;
@@ -175,28 +215,36 @@ exports[`renders the MoreVertIcon with prop variant=dark 1`] = `
     className="govgr-svg-icon--check"
     variant="dark"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      as="svg"
+      className="govgr-svg-icon--check govgr-svg-icon--dark govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <circle
-        cx="12"
-        cy="5"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="12"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="19"
-        r="2"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--check govgr-svg-icon--dark govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <circle
+          cx="12"
+          cy="5"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="19"
+          r="2"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(MoreVertIcon)>
 `;
@@ -209,28 +257,36 @@ exports[`renders the MoreVertIcon with prop variant=error 1`] = `
     className="govgr-svg-icon--check"
     variant="error"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--error govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      as="svg"
+      className="govgr-svg-icon--check govgr-svg-icon--error govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <circle
-        cx="12"
-        cy="5"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="12"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="19"
-        r="2"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--check govgr-svg-icon--error govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <circle
+          cx="12"
+          cy="5"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="19"
+          r="2"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(MoreVertIcon)>
 `;
@@ -245,28 +301,36 @@ exports[`renders the MoreVertIcon with prop variant=error and size= xl 1`] = `
     size="xl"
     variant="warning"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon--check govgr-svg-icon"
+      as="svg"
+      className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <circle
-        cx="12"
-        cy="5"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="12"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="19"
-        r="2"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <circle
+          cx="12"
+          cy="5"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="19"
+          r="2"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(MoreVertIcon)>
 `;
@@ -279,28 +343,36 @@ exports[`renders the MoreVertIcon with prop variant=focus 1`] = `
     className="govgr-svg-icon--check"
     variant="focus"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--focus govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      as="svg"
+      className="govgr-svg-icon--check govgr-svg-icon--focus govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <circle
-        cx="12"
-        cy="5"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="12"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="19"
-        r="2"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--check govgr-svg-icon--focus govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <circle
+          cx="12"
+          cy="5"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="19"
+          r="2"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(MoreVertIcon)>
 `;
@@ -313,28 +385,36 @@ exports[`renders the MoreVertIcon with prop variant=gray 1`] = `
     className="govgr-svg-icon--check"
     variant="gray"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--gray govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      as="svg"
+      className="govgr-svg-icon--check govgr-svg-icon--gray govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <circle
-        cx="12"
-        cy="5"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="12"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="19"
-        r="2"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--check govgr-svg-icon--gray govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <circle
+          cx="12"
+          cy="5"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="19"
+          r="2"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(MoreVertIcon)>
 `;
@@ -347,28 +427,36 @@ exports[`renders the MoreVertIcon with prop variant=light 1`] = `
     className="govgr-svg-icon--check"
     variant="light"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--light govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      as="svg"
+      className="govgr-svg-icon--check govgr-svg-icon--light govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <circle
-        cx="12"
-        cy="5"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="12"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="19"
-        r="2"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--check govgr-svg-icon--light govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <circle
+          cx="12"
+          cy="5"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="19"
+          r="2"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(MoreVertIcon)>
 `;
@@ -381,28 +469,36 @@ exports[`renders the MoreVertIcon with prop variant=primary 1`] = `
     className="govgr-svg-icon--check"
     variant="primary"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--primary govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      as="svg"
+      className="govgr-svg-icon--check govgr-svg-icon--primary govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <circle
-        cx="12"
-        cy="5"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="12"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="19"
-        r="2"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--check govgr-svg-icon--primary govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <circle
+          cx="12"
+          cy="5"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="19"
+          r="2"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(MoreVertIcon)>
 `;
@@ -415,28 +511,36 @@ exports[`renders the MoreVertIcon with prop variant=success 1`] = `
     className="govgr-svg-icon--check"
     variant="success"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--success govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      as="svg"
+      className="govgr-svg-icon--check govgr-svg-icon--success govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <circle
-        cx="12"
-        cy="5"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="12"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="19"
-        r="2"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--check govgr-svg-icon--success govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <circle
+          cx="12"
+          cy="5"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="19"
+          r="2"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(MoreVertIcon)>
 `;
@@ -449,28 +553,36 @@ exports[`renders the MoreVertIcon with prop variant=warning 1`] = `
     className="govgr-svg-icon--check"
     variant="warning"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--warning govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      as="svg"
+      className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <circle
-        cx="12"
-        cy="5"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="12"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="19"
-        r="2"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <circle
+          cx="12"
+          cy="5"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="19"
+          r="2"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(MoreVertIcon)>
 `;
@@ -485,28 +597,36 @@ exports[`renders the MoreVertIcon with prop variant=warning and size=s 1`] = `
     size="s"
     variant="warning"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon--check govgr-svg-icon"
+      as="svg"
+      className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <circle
-        cx="12"
-        cy="5"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="12"
-        r="2"
-      />
-      <circle
-        cx="12"
-        cy="19"
-        r="2"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <circle
+          cx="12"
+          cy="5"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+        />
+        <circle
+          cx="12"
+          cy="19"
+          r="2"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(MoreVertIcon)>
 `;