@digigov/react-icons 1.2.0-496927f3 → 1.2.0-dcbd7ded

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

@@ -9,26 +9,26 @@ exports[`renders the ArrowIcon with direction down prop 1`] = `
     icon="arrow"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--arrow"
+      className="ds-svg-icon--arrow"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--arrow govgr-svg-icon"
+        className="ds-svg-icon--arrow ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--arrow govgr-svg-icon"
+          className="ds-svg-icon--arrow ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
           <arrow
             direction="down"
           >
-            <polygon
-              points="19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6"
+            <path
+              d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
             />
           </arrow>
         </svg>
@@ -47,26 +47,26 @@ exports[`renders the ArrowIcon with direction left prop 1`] = `
     icon="arrow"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--arrow"
+      className="ds-svg-icon--arrow"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--arrow govgr-svg-icon"
+        className="ds-svg-icon--arrow ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--arrow govgr-svg-icon"
+          className="ds-svg-icon--arrow ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
           <arrow
             direction="left"
           >
-            <polygon
-              points="14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7"
+            <path
+              d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
             />
           </arrow>
         </svg>
@@ -85,26 +85,26 @@ exports[`renders the ArrowIcon with direction up prop 1`] = `
     icon="arrow"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--arrow"
+      className="ds-svg-icon--arrow"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--arrow govgr-svg-icon"
+        className="ds-svg-icon--arrow ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--arrow govgr-svg-icon"
+          className="ds-svg-icon--arrow ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
           <arrow
             direction="up"
           >
-            <polygon
-              points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
+            <path
+              d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
             />
           </arrow>
         </svg>
@@ -120,24 +120,24 @@ exports[`renders the ArrowIcon with no props, direction prop is right by default
     icon="arrow"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--arrow"
+      className="ds-svg-icon--arrow"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--arrow govgr-svg-icon"
+        className="ds-svg-icon--arrow ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--arrow govgr-svg-icon"
+          className="ds-svg-icon--arrow ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
           <arrow>
-            <polygon
-              points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
+            <path
+              d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
             />
           </arrow>
         </svg>

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

@@ -9,19 +9,19 @@ exports[`renders the BurgerIcon prop variant= "error" 1`] = `
     variant="error"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--burger"
+      className="ds-svg-icon--burger"
       variant="error"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--burger govgr-svg-icon--error govgr-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--error ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--burger govgr-svg-icon--error govgr-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--error ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -31,17 +31,17 @@ exports[`renders the BurgerIcon prop variant= "error" 1`] = `
             >
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-1"
+                id="ds-svg-icon--burger__line-1"
                 width="20"
               />
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-2"
+                id="ds-svg-icon--burger__line-2"
                 width="20"
               />
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-3"
+                id="ds-svg-icon--burger__line-3"
                 width="20"
               />
             </g>
@@ -62,19 +62,19 @@ exports[`renders the BurgerIcon prop variant= "light" 1`] = `
     variant="light"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--burger"
+      className="ds-svg-icon--burger"
       variant="light"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--burger govgr-svg-icon--light govgr-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--burger govgr-svg-icon--light govgr-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -84,17 +84,17 @@ exports[`renders the BurgerIcon prop variant= "light" 1`] = `
             >
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-1"
+                id="ds-svg-icon--burger__line-1"
                 width="20"
               />
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-2"
+                id="ds-svg-icon--burger__line-2"
                 width="20"
               />
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-3"
+                id="ds-svg-icon--burger__line-3"
                 width="20"
               />
             </g>
@@ -117,19 +117,19 @@ exports[`renders the BurgerIcon props active variant= "light" 1`] = `
     variant="light"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--burger"
+      className="ds-svg-icon--burger"
       variant="light"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--burger govgr-svg-icon--light govgr-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--burger govgr-svg-icon--light govgr-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -137,21 +137,21 @@ exports[`renders the BurgerIcon props active variant= "light" 1`] = `
             active={true}
           >
             <g
-              className="govgr-svg-icon--burger--active"
+              className="ds-svg-icon--burger--active"
             >
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-1"
+                id="ds-svg-icon--burger__line-1"
                 width="20"
               />
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-2"
+                id="ds-svg-icon--burger__line-2"
                 width="20"
               />
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-3"
+                id="ds-svg-icon--burger__line-3"
                 width="20"
               />
             </g>
@@ -169,18 +169,18 @@ exports[`renders the BurgerIcon with no props 1`] = `
     icon="burger"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--burger"
+      className="ds-svg-icon--burger"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--burger govgr-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--burger govgr-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -190,17 +190,17 @@ exports[`renders the BurgerIcon with no props 1`] = `
             >
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-1"
+                id="ds-svg-icon--burger__line-1"
                 width="20"
               />
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-2"
+                id="ds-svg-icon--burger__line-2"
                 width="20"
               />
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-3"
+                id="ds-svg-icon--burger__line-3"
                 width="20"
               />
             </g>
@@ -221,18 +221,18 @@ exports[`renders the BurgerIcon with prop active=true 1`] = `
     icon="burger"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--burger"
+      className="ds-svg-icon--burger"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--burger govgr-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--burger govgr-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -240,21 +240,21 @@ exports[`renders the BurgerIcon with prop active=true 1`] = `
             active={true}
           >
             <g
-              className="govgr-svg-icon--burger--active"
+              className="ds-svg-icon--burger--active"
             >
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-1"
+                id="ds-svg-icon--burger__line-1"
                 width="20"
               />
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-2"
+                id="ds-svg-icon--burger__line-2"
                 width="20"
               />
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-3"
+                id="ds-svg-icon--burger__line-3"
                 width="20"
               />
             </g>
@@ -275,19 +275,19 @@ exports[`renders the BurgerIcon with prop variant=dark 1`] = `
     variant="dark"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--burger"
+      className="ds-svg-icon--burger"
       variant="dark"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--burger govgr-svg-icon--dark govgr-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--dark ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--burger govgr-svg-icon--dark govgr-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--dark ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -297,17 +297,17 @@ exports[`renders the BurgerIcon with prop variant=dark 1`] = `
             >
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-1"
+                id="ds-svg-icon--burger__line-1"
                 width="20"
               />
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-2"
+                id="ds-svg-icon--burger__line-2"
                 width="20"
               />
               <rect
                 height="3.3"
-                id="govgr-svg-icon--burger__line-3"
+                id="ds-svg-icon--burger__line-3"
                 width="20"
               />
             </g>

package/cjs/BurgerIcon/config/index.js

@@ -8,17 +8,17 @@ exports["default"] = exports.burger = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _ref2 = /*#__PURE__*/_react["default"].createElement("rect", {
-  id: "govgr-svg-icon--burger__line-1",
+  id: "ds-svg-icon--burger__line-1",
   width: "20",
   height: "3.3"
 });
 var _ref3 = /*#__PURE__*/_react["default"].createElement("rect", {
-  id: "govgr-svg-icon--burger__line-2",
+  id: "ds-svg-icon--burger__line-2",
   width: "20",
   height: "3.3"
 });
 var _ref4 = /*#__PURE__*/_react["default"].createElement("rect", {
-  id: "govgr-svg-icon--burger__line-3",
+  id: "ds-svg-icon--burger__line-3",
   width: "20",
   height: "3.3"
 });
@@ -26,7 +26,7 @@ var burger = exports.burger = function burger(_ref) {
   var _ref$active = _ref.active,
     active = _ref$active === void 0 ? false : _ref$active;
   return /*#__PURE__*/_react["default"].createElement("g", {
-    className: (0, _clsx["default"])(active && "govgr-svg-icon--burger--active")
+    className: (0, _clsx["default"])(active && "ds-svg-icon--burger--active")
   }, _ref2, _ref3, _ref4);
 };
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment

package/cjs/CaretIcon/__snapshots__/index.test.tsx.snap

@@ -9,18 +9,18 @@ exports[`renders the CaretIcon with direction down prop 1`] = `
     icon="caret"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--caret"
+      className="ds-svg-icon--caret"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--caret govgr-svg-icon"
+        className="ds-svg-icon--caret ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--caret govgr-svg-icon"
+          className="ds-svg-icon--caret ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -47,18 +47,18 @@ exports[`renders the CaretIcon with direction right prop 1`] = `
     icon="caret"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--caret"
+      className="ds-svg-icon--caret"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--caret govgr-svg-icon"
+        className="ds-svg-icon--caret ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--caret govgr-svg-icon"
+          className="ds-svg-icon--caret ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -85,18 +85,18 @@ exports[`renders the CaretIcon with direction up prop 1`] = `
     icon="caret"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--caret"
+      className="ds-svg-icon--caret"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--caret govgr-svg-icon"
+        className="ds-svg-icon--caret ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--caret govgr-svg-icon"
+          className="ds-svg-icon--caret ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -120,18 +120,18 @@ exports[`renders the CaretIcon with no props, direction prop is left by default
     icon="caret"
   >
     <ForwardRef(SvgIcon)
-      className="govgr-svg-icon--caret"
+      className="ds-svg-icon--caret"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="govgr-svg-icon--caret govgr-svg-icon"
+        className="ds-svg-icon--caret ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="govgr-svg-icon--caret govgr-svg-icon"
+          className="ds-svg-icon--caret ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >