@digigov/react-core 0.5.5 → 0.6.2

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

@@ -0,0 +1,224 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the SvgIcon with no props 1`] = `
+<ForwardRef(SvgIcon)>
+  <svg
+    aria-hidden="true"
+    className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  />
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop size=l 1`] = `
+<ForwardRef(SvgIcon)
+  size="l"
+>
+  <svg
+    aria-hidden="true"
+    className="govgr-svg-icon--dark govgr-svg-icon--l govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    hello
+  </svg>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop size=m 1`] = `
+<ForwardRef(SvgIcon)
+  size="m"
+>
+  <svg
+    aria-hidden="true"
+    className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    hello
+  </svg>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop size=s 1`] = `
+<ForwardRef(SvgIcon)
+  size="s"
+>
+  <svg
+    aria-hidden="true"
+    className="govgr-svg-icon--dark govgr-svg-icon--s govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    hello
+  </svg>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop size=xl 1`] = `
+<ForwardRef(SvgIcon)
+  size="xl"
+>
+  <svg
+    aria-hidden="true"
+    className="govgr-svg-icon--dark govgr-svg-icon--xl govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    hello
+  </svg>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop variant=dark 1`] = `
+<ForwardRef(SvgIcon)
+  variant="dark"
+>
+  <svg
+    aria-hidden="true"
+    className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    hello
+  </svg>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop variant=error 1`] = `
+<ForwardRef(SvgIcon)
+  variant="error"
+>
+  <svg
+    aria-hidden="true"
+    className="govgr-svg-icon--error govgr-svg-icon--m govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    hello
+  </svg>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop variant=error and size= xl 1`] = `
+<ForwardRef(SvgIcon)
+  size="xl"
+  variant="warning"
+>
+  <svg
+    aria-hidden="true"
+    className="govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    hello
+  </svg>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop variant=focus 1`] = `
+<ForwardRef(SvgIcon)
+  variant="focus"
+>
+  <svg
+    aria-hidden="true"
+    className="govgr-svg-icon--focus govgr-svg-icon--m govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    hello
+  </svg>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop variant=gray 1`] = `
+<ForwardRef(SvgIcon)
+  variant="gray"
+>
+  <svg
+    aria-hidden="true"
+    className="govgr-svg-icon--gray govgr-svg-icon--m govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    hello
+  </svg>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop variant=light 1`] = `
+<ForwardRef(SvgIcon)
+  variant="light"
+>
+  <svg
+    aria-hidden="true"
+    className="govgr-svg-icon--light govgr-svg-icon--m govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    hello
+  </svg>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop variant=primary 1`] = `
+<ForwardRef(SvgIcon)
+  variant="primary"
+>
+  <svg
+    aria-hidden="true"
+    className="govgr-svg-icon--primary govgr-svg-icon--m govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    hello
+  </svg>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop variant=success 1`] = `
+<ForwardRef(SvgIcon)
+  variant="success"
+>
+  <svg
+    aria-hidden="true"
+    className="govgr-svg-icon--success govgr-svg-icon--m govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    hello
+  </svg>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop variant=warning 1`] = `
+<ForwardRef(SvgIcon)
+  variant="warning"
+>
+  <svg
+    aria-hidden="true"
+    className="govgr-svg-icon--warning govgr-svg-icon--m govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    hello
+  </svg>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop variant=warning and size=s 1`] = `
+<ForwardRef(SvgIcon)
+  size="s"
+  variant="warning"
+>
+  <svg
+    aria-hidden="true"
+    className="govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    hello
+  </svg>
+</ForwardRef(SvgIcon)>
+`;

package/esm/SvgIcon/index.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["size", "variant", "children", "className"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * Use SvgIcon as global svg component.
+ *  SvgIcon can be used inside other svg components as childern such as CheckIcon, CaretIcon etc.
+ */
+export var SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(_ref, ref) {
+  var size = _ref.size,
+      variant = _ref.variant,
+      children = _ref.children,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    ref: ref,
+    className: clsx(variant === 'success' && 'govgr-svg-icon--success', variant === 'primary' && 'govgr-svg-icon--primary', variant === 'warning' && 'govgr-svg-icon--warning', variant === 'light' && 'govgr-svg-icon--light', variant === 'error' && 'govgr-svg-icon--error', variant === 'focus' && 'govgr-svg-icon--focus', variant === 'dark' && 'govgr-svg-icon--dark', variant === 'gray' && 'govgr-svg-icon--gray', variant === 'link' && 'govgr-svg-icon--link', size === 'xl' && 'govgr-svg-icon--xl', size === 's' && 'govgr-svg-icon--s', size === 'm' && 'govgr-svg-icon--m', size === 'l' && 'govgr-svg-icon--l', className && className, true && 'govgr-svg-icon'),
+    focusable: "false",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true"
+  }, props), children);
+});
+export default SvgIcon;

package/esm/SvgIcon/index.test.js

@@ -0,0 +1,123 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import SvgIcon from '@digigov/react-core/SvgIcon';
+
+var _ref = /*#__PURE__*/React.createElement(SvgIcon, null);
+
+it('renders the SvgIcon with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(SvgIcon, {
+  size: "s"
+}, "hello");
+
+it('renders the SvgIcon with prop size=s', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(SvgIcon, {
+  size: "m"
+}, "hello");
+
+it('renders the SvgIcon with prop size=m', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(SvgIcon, {
+  size: "l"
+}, "hello");
+
+it('renders the SvgIcon with prop size=l', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(SvgIcon, {
+  size: "xl"
+}, "hello");
+
+it('renders the SvgIcon with prop size=xl', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/React.createElement(SvgIcon, {
+  variant: "dark"
+}, "hello");
+
+it('renders the SvgIcon with prop variant=dark', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/React.createElement(SvgIcon, {
+  variant: "light"
+}, "hello");
+
+it('renders the SvgIcon with prop variant=light', function () {
+  expect(mount(_ref7)).toMatchSnapshot();
+});
+
+var _ref8 = /*#__PURE__*/React.createElement(SvgIcon, {
+  variant: "gray"
+}, "hello");
+
+it('renders the SvgIcon with prop variant=gray', function () {
+  expect(mount(_ref8)).toMatchSnapshot();
+});
+
+var _ref9 = /*#__PURE__*/React.createElement(SvgIcon, {
+  variant: "primary"
+}, "hello");
+
+it('renders the SvgIcon with prop variant=primary', function () {
+  expect(mount(_ref9)).toMatchSnapshot();
+});
+
+var _ref10 = /*#__PURE__*/React.createElement(SvgIcon, {
+  variant: "success"
+}, "hello");
+
+it('renders the SvgIcon with prop variant=success', function () {
+  expect(mount(_ref10)).toMatchSnapshot();
+});
+
+var _ref11 = /*#__PURE__*/React.createElement(SvgIcon, {
+  variant: "warning"
+}, "hello");
+
+it('renders the SvgIcon with prop variant=warning', function () {
+  expect(mount(_ref11)).toMatchSnapshot();
+});
+
+var _ref12 = /*#__PURE__*/React.createElement(SvgIcon, {
+  variant: "error"
+}, "hello");
+
+it('renders the SvgIcon with prop variant=error', function () {
+  expect(mount(_ref12)).toMatchSnapshot();
+});
+
+var _ref13 = /*#__PURE__*/React.createElement(SvgIcon, {
+  variant: "focus"
+}, "hello");
+
+it('renders the SvgIcon with prop variant=focus', function () {
+  expect(mount(_ref13)).toMatchSnapshot();
+});
+
+var _ref14 = /*#__PURE__*/React.createElement(SvgIcon, {
+  variant: "warning",
+  size: "s"
+}, "hello");
+
+it('renders the SvgIcon with prop variant=warning and size=s', function () {
+  expect(mount(_ref14)).toMatchSnapshot();
+});
+
+var _ref15 = /*#__PURE__*/React.createElement(SvgIcon, {
+  variant: "warning",
+  size: "xl"
+}, "hello");
+
+it('renders the SvgIcon with prop variant=error and size= xl', function () {
+  expect(mount(_ref15)).toMatchSnapshot();
+});

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

@@ -0,0 +1,332 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the UncheckIcon with no props 1`] = `
+<ForwardRef(UnCheckIcon)>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+  >
+    <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)
+  size="l"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    size="l"
+  >
+    <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)
+  size="m"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    size="m"
+  >
+    <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)
+  size="s"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    size="s"
+  >
+    <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)
+  size="xl"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    size="xl"
+  >
+    <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)
+  variant="dark"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="dark"
+  >
+    <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)
+  variant="error"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="error"
+  >
+    <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)
+  size="xl"
+  variant="warning"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    size="xl"
+    variant="warning"
+  >
+    <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)
+  variant="focus"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="focus"
+  >
+    <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)
+  variant="gray"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="gray"
+  >
+    <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)
+  variant="light"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="light"
+  >
+    <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)
+  variant="primary"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="primary"
+  >
+    <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)
+  variant="success"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="success"
+  >
+    <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)
+  variant="warning"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    variant="warning"
+  >
+    <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)
+  size="s"
+  variant="warning"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-svg-icon--check"
+    size="s"
+    variant="warning"
+  >
+    <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)>
+`;