@digigov/react-core 0.17.2 → 0.18.1

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

@@ -7,28 +7,36 @@ exports[`renders the BurgerIcon prop hidden="l" 1`] = `
   <ForwardRef(SvgIcon)
     className="govgr-burger-icon--hidden-l govgr-burger-icon"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
+      as="svg"
       className="govgr-burger-icon--hidden-l govgr-burger-icon govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-1"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-2"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-3"
-        width="20"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-burger-icon--hidden-l govgr-burger-icon govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-1"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-2"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-3"
+          width="20"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(BurgerIcon)>
 `;
@@ -40,28 +48,36 @@ exports[`renders the BurgerIcon prop hidden="m" 1`] = `
   <ForwardRef(SvgIcon)
     className="govgr-burger-icon--hidden-m govgr-burger-icon"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
+      as="svg"
       className="govgr-burger-icon--hidden-m govgr-burger-icon govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-1"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-2"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-3"
-        width="20"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-burger-icon--hidden-m govgr-burger-icon govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-1"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-2"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-3"
+          width="20"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(BurgerIcon)>
 `;
@@ -73,28 +89,36 @@ exports[`renders the BurgerIcon prop hidden="s" 1`] = `
   <ForwardRef(SvgIcon)
     className="govgr-burger-icon--hidden-s govgr-burger-icon"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
+      as="svg"
       className="govgr-burger-icon--hidden-s govgr-burger-icon govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-1"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-2"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-3"
-        width="20"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-burger-icon--hidden-s govgr-burger-icon govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-1"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-2"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-3"
+          width="20"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(BurgerIcon)>
 `;
@@ -107,28 +131,36 @@ exports[`renders the BurgerIcon prop variant= "error" 1`] = `
     className="govgr-burger-icon"
     variant="error"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--error govgr-burger-icon govgr-svg-icon"
+      as="svg"
+      className="govgr-burger-icon govgr-svg-icon--error govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-1"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-2"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-3"
-        width="20"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-burger-icon govgr-svg-icon--error govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-1"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-2"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-3"
+          width="20"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(BurgerIcon)>
 `;
@@ -141,28 +173,36 @@ exports[`renders the BurgerIcon prop variant= "light" 1`] = `
     className="govgr-burger-icon"
     variant="light"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--light govgr-burger-icon govgr-svg-icon"
+      as="svg"
+      className="govgr-burger-icon govgr-svg-icon--light govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-1"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-2"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-3"
-        width="20"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-burger-icon govgr-svg-icon--light govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-1"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-2"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-3"
+          width="20"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(BurgerIcon)>
 `;
@@ -176,28 +216,36 @@ exports[`renders the BurgerIcon props active hidden="no" variant= "light" 1`] =
     className="govgr-burger-icon--active govgr-burger-icon"
     variant="light"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--light govgr-burger-icon--active govgr-burger-icon govgr-svg-icon"
+      as="svg"
+      className="govgr-burger-icon--active govgr-burger-icon govgr-svg-icon--light govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-1"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-2"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-3"
-        width="20"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-burger-icon--active govgr-burger-icon govgr-svg-icon--light govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-1"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-2"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-3"
+          width="20"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(BurgerIcon)>
 `;
@@ -207,28 +255,36 @@ exports[`renders the BurgerIcon with no props 1`] = `
   <ForwardRef(SvgIcon)
     className="govgr-burger-icon"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
+      as="svg"
       className="govgr-burger-icon govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-1"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-2"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-3"
-        width="20"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-burger-icon govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-1"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-2"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-3"
+          width="20"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(BurgerIcon)>
 `;
@@ -240,28 +296,36 @@ exports[`renders the BurgerIcon with prop active=true 1`] = `
   <ForwardRef(SvgIcon)
     className="govgr-burger-icon--active govgr-burger-icon"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
+      as="svg"
       className="govgr-burger-icon--active govgr-burger-icon govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-1"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-2"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-3"
-        width="20"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-burger-icon--active govgr-burger-icon govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-1"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-2"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-3"
+          width="20"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(BurgerIcon)>
 `;
@@ -274,28 +338,36 @@ exports[`renders the BurgerIcon with prop variant=dark 1`] = `
     className="govgr-burger-icon"
     variant="dark"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-burger-icon govgr-svg-icon"
+      as="svg"
+      className="govgr-burger-icon govgr-svg-icon--dark govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-1"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-2"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-3"
-        width="20"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-burger-icon govgr-svg-icon--dark govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-1"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-2"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-3"
+          width="20"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(BurgerIcon)>
 `;
@@ -310,28 +382,36 @@ exports[`renders the BurgerIcon with props active hidden="s" and variant="dark"
     className="govgr-burger-icon--active govgr-burger-icon--hidden-s govgr-burger-icon"
     variant="dark"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-burger-icon--active govgr-burger-icon--hidden-s govgr-burger-icon govgr-svg-icon"
+      as="svg"
+      className="govgr-burger-icon--active govgr-burger-icon--hidden-s govgr-burger-icon govgr-svg-icon--dark govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-1"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-2"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-3"
-        width="20"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-burger-icon--active govgr-burger-icon--hidden-s govgr-burger-icon govgr-svg-icon--dark govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-1"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-2"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-3"
+          width="20"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(BurgerIcon)>
 `;
@@ -345,28 +425,36 @@ exports[`renders the BurgerIcon with props hidden="l" and variant="success" 1`]
     className="govgr-burger-icon--hidden-l govgr-burger-icon"
     variant="success"
   >
-    <svg
+    <ForwardRef(Base)
       aria-hidden="true"
-      className="govgr-svg-icon--success govgr-burger-icon--hidden-l govgr-burger-icon govgr-svg-icon"
+      as="svg"
+      className="govgr-burger-icon--hidden-l govgr-burger-icon govgr-svg-icon--success govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-1"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-2"
-        width="20"
-      />
-      <rect
-        height="3.3"
-        id="govgr-burger-icon__line-3"
-        width="20"
-      />
-    </svg>
+      <svg
+        aria-hidden="true"
+        className="govgr-burger-icon--hidden-l govgr-burger-icon govgr-svg-icon--success govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-1"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-2"
+          width="20"
+        />
+        <rect
+          height="3.3"
+          id="govgr-burger-icon__line-3"
+          width="20"
+        />
+      </svg>
+    </ForwardRef(Base)>
   </ForwardRef(SvgIcon)>
 </ForwardRef(BurgerIcon)>
 `;