@digigov/react-core 0.6.0 → 0.6.3

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

@@ -1,256 +1,332 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the UncheckIcon with no props 1`] = `
-<ForwardRef(UncheckIcon)>
-  <svg
-    aria-hidden="true"
-    className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
-    focusable="false"
-    viewBox="0 0 24 24"
+<ForwardRef(UnCheckIcon)>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
   >
-    <polygon
-      points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
-    />
-  </svg>
-</ForwardRef(UncheckIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(UnCheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop size=l 1`] = `
-<ForwardRef(UncheckIcon)
+<ForwardRef(UnCheckIcon)
   size="l"
 >
-  <svg
-    aria-hidden="true"
-    className="govgr-svg-icon--dark govgr-svg-icon--l govgr-svg-icon govgr-svg-icon--uncheck"
-    focusable="false"
-    viewBox="0 0 24 24"
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    size="l"
   >
-    <polygon
-      points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
-    />
-  </svg>
-</ForwardRef(UncheckIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--dark govgr-svg-icon--l govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(UnCheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop size=m 1`] = `
-<ForwardRef(UncheckIcon)
+<ForwardRef(UnCheckIcon)
   size="m"
 >
-  <svg
-    aria-hidden="true"
-    className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
-    focusable="false"
-    viewBox="0 0 24 24"
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    size="m"
   >
-    <polygon
-      points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
-    />
-  </svg>
-</ForwardRef(UncheckIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(UnCheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop size=s 1`] = `
-<ForwardRef(UncheckIcon)
+<ForwardRef(UnCheckIcon)
   size="s"
 >
-  <svg
-    aria-hidden="true"
-    className="govgr-svg-icon--dark govgr-svg-icon--s govgr-svg-icon govgr-svg-icon--uncheck"
-    focusable="false"
-    viewBox="0 0 24 24"
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    size="s"
   >
-    <polygon
-      points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
-    />
-  </svg>
-</ForwardRef(UncheckIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--dark govgr-svg-icon--s govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(UnCheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop size=xl 1`] = `
-<ForwardRef(UncheckIcon)
+<ForwardRef(UnCheckIcon)
   size="xl"
 >
-  <svg
-    aria-hidden="true"
-    className="govgr-svg-icon--dark govgr-svg-icon--xl govgr-svg-icon govgr-svg-icon--uncheck"
-    focusable="false"
-    viewBox="0 0 24 24"
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    size="xl"
   >
-    <polygon
-      points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
-    />
-  </svg>
-</ForwardRef(UncheckIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--dark govgr-svg-icon--xl govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(UnCheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=dark 1`] = `
-<ForwardRef(UncheckIcon)
+<ForwardRef(UnCheckIcon)
   variant="dark"
 >
-  <svg
-    aria-hidden="true"
-    className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
-    focusable="false"
-    viewBox="0 0 24 24"
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="dark"
   >
-    <polygon
-      points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
-    />
-  </svg>
-</ForwardRef(UncheckIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(UnCheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=error 1`] = `
-<ForwardRef(UncheckIcon)
+<ForwardRef(UnCheckIcon)
   variant="error"
 >
-  <svg
-    aria-hidden="true"
-    className="govgr-svg-icon--error govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
-    focusable="false"
-    viewBox="0 0 24 24"
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="error"
   >
-    <polygon
-      points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
-    />
-  </svg>
-</ForwardRef(UncheckIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--error govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(UnCheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=error and size= xl 1`] = `
-<ForwardRef(UncheckIcon)
+<ForwardRef(UnCheckIcon)
   size="xl"
   variant="warning"
 >
-  <svg
-    aria-hidden="true"
-    className="govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon govgr-svg-icon--uncheck"
-    focusable="false"
-    viewBox="0 0 24 24"
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    size="xl"
+    variant="warning"
   >
-    <polygon
-      points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
-    />
-  </svg>
-</ForwardRef(UncheckIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(UnCheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=focus 1`] = `
-<ForwardRef(UncheckIcon)
+<ForwardRef(UnCheckIcon)
   variant="focus"
 >
-  <svg
-    aria-hidden="true"
-    className="govgr-svg-icon--focus govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
-    focusable="false"
-    viewBox="0 0 24 24"
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="focus"
   >
-    <polygon
-      points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
-    />
-  </svg>
-</ForwardRef(UncheckIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--focus govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(UnCheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=gray 1`] = `
-<ForwardRef(UncheckIcon)
+<ForwardRef(UnCheckIcon)
   variant="gray"
 >
-  <svg
-    aria-hidden="true"
-    className="govgr-svg-icon--gray govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
-    focusable="false"
-    viewBox="0 0 24 24"
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="gray"
   >
-    <polygon
-      points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
-    />
-  </svg>
-</ForwardRef(UncheckIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--gray govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(UnCheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=light 1`] = `
-<ForwardRef(UncheckIcon)
+<ForwardRef(UnCheckIcon)
   variant="light"
 >
-  <svg
-    aria-hidden="true"
-    className="govgr-svg-icon--light govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
-    focusable="false"
-    viewBox="0 0 24 24"
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="light"
   >
-    <polygon
-      points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
-    />
-  </svg>
-</ForwardRef(UncheckIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--light govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(UnCheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=primary 1`] = `
-<ForwardRef(UncheckIcon)
+<ForwardRef(UnCheckIcon)
   variant="primary"
 >
-  <svg
-    aria-hidden="true"
-    className="govgr-svg-icon--primary govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
-    focusable="false"
-    viewBox="0 0 24 24"
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="primary"
   >
-    <polygon
-      points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
-    />
-  </svg>
-</ForwardRef(UncheckIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--primary govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(UnCheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=success 1`] = `
-<ForwardRef(UncheckIcon)
+<ForwardRef(UnCheckIcon)
   variant="success"
 >
-  <svg
-    aria-hidden="true"
-    className="govgr-svg-icon--success govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
-    focusable="false"
-    viewBox="0 0 24 24"
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="success"
   >
-    <polygon
-      points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
-    />
-  </svg>
-</ForwardRef(UncheckIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--success govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(UnCheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=warning 1`] = `
-<ForwardRef(UncheckIcon)
+<ForwardRef(UnCheckIcon)
   variant="warning"
 >
-  <svg
-    aria-hidden="true"
-    className="govgr-svg-icon--warning govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
-    focusable="false"
-    viewBox="0 0 24 24"
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="warning"
   >
-    <polygon
-      points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
-    />
-  </svg>
-</ForwardRef(UncheckIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--warning govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(UnCheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=warning and size=s 1`] = `
-<ForwardRef(UncheckIcon)
+<ForwardRef(UnCheckIcon)
   size="s"
   variant="warning"
 >
-  <svg
-    aria-hidden="true"
-    className="govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon govgr-svg-icon--uncheck"
-    focusable="false"
-    viewBox="0 0 24 24"
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    size="s"
+    variant="warning"
   >
-    <polygon
-      points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
-    />
-  </svg>
-</ForwardRef(UncheckIcon)>
+    <svg
+      aria-hidden="true"
+      className="govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon--check govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
+      />
+    </svg>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(UnCheckIcon)>
 `;

package/esm/UncheckIcon/index.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size", "variant", "className"];
-import React, { useEffect, useState } from 'react';
+import React from 'react';
+import SvgIcon from '@digigov/react-core/SvgIcon';
 import clsx from 'clsx';
 
 var _ref2 = /*#__PURE__*/React.createElement("polygon", {
@@ -10,36 +10,19 @@ var _ref2 = /*#__PURE__*/React.createElement("polygon", {
 });
 
 /**
- * Use UncheckIcon component when you need a uncheck/decline icon.
+ * Use UnunCheckIcon component when you need a uncheck/decline icon.
  */
-export var UncheckIcon = /*#__PURE__*/React.forwardRef(function UncheckIcon(_ref, ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'm' : _ref$size,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'dark' : _ref$variant,
+export var UnCheckIcon = /*#__PURE__*/React.forwardRef(function UnCheckIcon(_ref, ref) {
+  var size = _ref.size,
+      variant = _ref.variant,
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var _useState = useState(size),
-      _useState2 = _slicedToArray(_useState, 2),
-      uncheckSize = _useState2[0],
-      setSize = _useState2[1];
-
-  var _useState3 = useState(variant),
-      _useState4 = _slicedToArray(_useState3, 2),
-      uncheckVariant = _useState4[0],
-      setVariant = _useState4[1];
-
-  useEffect(function () {
-    setSize(size);
-    setVariant(variant);
-  }, [size, variant]);
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    ref: ref,
-    className: clsx(uncheckVariant === 'success' && 'govgr-svg-icon--success', uncheckVariant === 'primary' && 'govgr-svg-icon--primary', uncheckVariant === 'warning' && 'govgr-svg-icon--warning', uncheckVariant === 'light' && 'govgr-svg-icon--light', uncheckVariant === 'error' && 'govgr-svg-icon--error', uncheckVariant === 'focus' && 'govgr-svg-icon--focus', uncheckVariant === 'dark' && 'govgr-svg-icon--dark', uncheckVariant === 'gray' && 'govgr-svg-icon--gray', uncheckVariant === 'link' && 'govgr-svg-icon--link', uncheckSize === 'xl' && 'govgr-svg-icon--xl', uncheckSize === 's' && 'govgr-svg-icon--s', uncheckSize === 'm' && 'govgr-svg-icon--m', uncheckSize === 'l' && 'govgr-svg-icon--l', className && className, true && ['govgr-svg-icon', 'govgr-svg-icon--uncheck']),
-    focusable: "false",
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true"
+  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
+    size: size,
+    variant: variant,
+    className: clsx(className && className, true && 'govgr-svg-icon--check'),
+    ref: ref
   }, props), _ref2);
 });
-export default UncheckIcon;
+export default UnCheckIcon;

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v0.6.0
+/** @license Digigov v0.6.3
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -119,6 +119,7 @@ export { default as SummaryListItem } from '@digigov/react-core/SummaryListItem'
 export { default as SummaryListItemAction } from '@digigov/react-core/SummaryListItemAction';
 export { default as SummaryListItemKey } from '@digigov/react-core/SummaryListItemKey';
 export { default as SummaryListItemValue } from '@digigov/react-core/SummaryListItemValue';
+export { default as SvgIcon } from '@digigov/react-core/SvgIcon';
 export { default as Table } from '@digigov/react-core/Table';
 export { default as TableBody } from '@digigov/react-core/TableBody';
 export { default as TableCaption } from '@digigov/react-core/TableCaption';

package/index.d.ts

@@ -114,6 +114,7 @@ export { default as SummaryListItem } from '@digigov/react-core/SummaryListItem'
 export { default as SummaryListItemAction } from '@digigov/react-core/SummaryListItemAction';
 export { default as SummaryListItemKey } from '@digigov/react-core/SummaryListItemKey';
 export { default as SummaryListItemValue } from '@digigov/react-core/SummaryListItemValue';
+export { default as SvgIcon } from '@digigov/react-core/SvgIcon';
 export { default as Table } from '@digigov/react-core/Table';
 export { default as TableBody } from '@digigov/react-core/TableBody';
 export { default as TableCaption } from '@digigov/react-core/TableCaption';

package/index.js

@@ -695,6 +695,12 @@ Object.defineProperty(exports, "SummaryListItemValue", {
     return _SummaryListItemValue["default"];
   }
 });
+Object.defineProperty(exports, "SvgIcon", {
+  enumerable: true,
+  get: function get() {
+    return _SvgIcon["default"];
+  }
+});
 Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function get() {
@@ -1036,6 +1042,8 @@ var _SummaryListItemKey = _interopRequireDefault(require("@digigov/react-core/Su
 
 var _SummaryListItemValue = _interopRequireDefault(require("@digigov/react-core/SummaryListItemValue"));
 
+var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
+
 var _Table = _interopRequireDefault(require("@digigov/react-core/Table"));
 
 var _TableBody = _interopRequireDefault(require("@digigov/react-core/TableBody"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/react-core",
-  "version": "0.6.0",
+  "version": "0.6.3",
   "description": "@digigov react core components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "MIT",
@@ -11,7 +11,7 @@
     "directory": "dist"
   },
   "peerDependencies": {
-    "@digigov/css": "0.9.0",
+    "@digigov/css": "0.12.0",
     "clsx": "1.1.1",
     "react": "16.14.0",
     "react-dom": "16.14.0"