@digigov/react-icons 1.0.0-rc.2 → 1.0.0-rc.4

package/cjs/CloseIcon/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.CloseIcon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var CloseIcon = function CloseIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], (0, _extends2["default"])({}, props, {
+    icon: "close"
+  }));
+};
+
+exports.CloseIcon = CloseIcon;
+var _default = CloseIcon;
+exports["default"] = _default;

package/cjs/CloseIcon/index.test.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _ = _interopRequireDefault(require("./"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_["default"], null);
+
+it('renders the CloseIcon with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});

package/{esm → cjs}/GlobeIcon/config.js

@@ -1,11 +1,23 @@
-import React from 'react';
+"use strict";
 
-var _ref = /*#__PURE__*/React.createElement("path", {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.globe = globe;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement("path", {
   d: "M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
 });
 
-export function globe() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, ' ');
+function globe() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, ' ');
 }
+
 globe.props = [];
-export default globe;
+var _default = globe;
+exports["default"] = _default;

package/cjs/GlobeIcon/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.GlobeIcon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var GlobeIcon = function GlobeIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], (0, _extends2["default"])({}, props, {
+    icon: "globe"
+  }));
+};
+
+exports.GlobeIcon = GlobeIcon;
+var _default = GlobeIcon;
+exports["default"] = _default;

package/cjs/GlobeIcon/index.test.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _ = _interopRequireDefault(require("./"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_["default"], null);
+
+it('renders the GlobeIcon with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  variant: "dark"
+});
+
+it('renders the GlobeIcon with prop variant=dark', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  variant: "light"
+});
+
+it('renders the GlobeIcon prop variant= "light"', function () {
+  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  variant: "error"
+});
+
+it('renders the GlobeIcon prop variant= "error"', function () {
+  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});

package/cjs/Icon/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Icon = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
+
+var icons = _interopRequireWildcard(require("../icons"));
+
+var _excluded = ["icon", "className"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * Icon is used whenever we need a GOV.GR icon.
+ * Choose the icon from the list in icon prop.
+ */
+var Icon = /*#__PURE__*/_react["default"].forwardRef(function Icon(_ref, ref) {
+  var _ref$icon = _ref.icon,
+      icon = _ref$icon === void 0 ? 'chevron' : _ref$icon,
+      className = _ref.className,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var IconComponent = icons[icon]; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+
+  var iconProps = IconComponent === null || IconComponent === void 0 ? void 0 : IconComponent.props.reduce(function (compProps, propName) {
+    var value = props[propName];
+    delete props[propName];
+    return (0, _extends3["default"])({}, compProps, (0, _defineProperty2["default"])({}, propName, value));
+  }, {});
+  return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends3["default"])({
+    ref: ref
+  }, props, {
+    className: (0, _clsx["default"])(className, true && "govgr-svg-icon--".concat(icon))
+  }), /*#__PURE__*/_react["default"].createElement(IconComponent, iconProps));
+});
+
+exports.Icon = Icon;
+var _default = Icon;
+exports["default"] = _default;

package/cjs/Icon/index.test.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _ = _interopRequireDefault(require("./"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_["default"], null);
+
+it('renders the Icon with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  direction: "up"
+});
+
+it('renders the Icon with prop icon=arrow and direction=up', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  icon: "burger"
+});
+
+it('renders the Icon with prop prop icon=burger', function () {
+  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  icon: "caret"
+});
+
+it('renders the Icon prop icon= "caret"', function () {
+  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  icon: "caret",
+  direction: "left"
+});
+
+it('renders the Icon prop icon= "caret" and direction=left', function () {
+  expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  icon: "check"
+});
+
+it('renders the Icon prop icon= "check"', function () {
+  expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  icon: "close"
+});
+
+it('renders the Icon prop icon= "close"', function () {
+  expect((0, _enzyme.mount)(_ref7)).toMatchSnapshot();
+});
+
+var _ref8 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  icon: "globe"
+});
+
+it('renders the Icon with prop prop icon=globe', function () {
+  expect((0, _enzyme.mount)(_ref8)).toMatchSnapshot();
+});
+
+var _ref9 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  icon: "moreVert"
+});
+
+it('renders the Icon props icon= "moreVert"', function () {
+  expect((0, _enzyme.mount)(_ref9)).toMatchSnapshot();
+});
+
+var _ref10 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  icon: "uncheck"
+});
+
+it('renders the Icon prop icon= "uncheck"', function () {
+  expect((0, _enzyme.mount)(_ref10)).toMatchSnapshot();
+});

package/cjs/MoreVertIcon/config.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.moreVert = moreVert;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement("circle", {
+  cx: "12",
+  cy: "5",
+  r: "2"
+});
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement("circle", {
+  cx: "12",
+  cy: "12",
+  r: "2"
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement("circle", {
+  cx: "12",
+  cy: "19",
+  r: "2"
+});
+
+function moreVert() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3);
+}
+
+moreVert.props = [];
+var _default = moreVert;
+exports["default"] = _default;

package/cjs/MoreVertIcon/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.MoreVertIcon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var MoreVertIcon = function MoreVertIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], (0, _extends2["default"])({}, props, {
+    icon: "moreVert"
+  }));
+};
+
+exports.MoreVertIcon = MoreVertIcon;
+var _default = MoreVertIcon;
+exports["default"] = _default;

package/cjs/MoreVertIcon/index.test.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _ = _interopRequireDefault(require("./"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_["default"], null);
+
+it('renders the MoreVertIcon with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  size: "sm"
+});
+
+it('renders the MoreVertIcon with prop size=s', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  size: "lg"
+});
+
+it('renders the MoreVertIcon with prop size=l', function () {
+  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  variant: "dark"
+});
+
+it('renders the MoreVertIcon with prop variant=dark', function () {
+  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  variant: "primary"
+});
+
+it('renders the MoreVertIcon with prop variant=primary', function () {
+  expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  variant: "success"
+});
+
+it('renders the MoreVertIcon with prop variant=success', function () {
+  expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  variant: "focus"
+});
+
+it('renders the MoreVertIcon with prop variant=focus', function () {
+  expect((0, _enzyme.mount)(_ref7)).toMatchSnapshot();
+});
+
+var _ref8 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  variant: "warning",
+  size: "sm"
+});
+
+it('renders the MoreVertIcon with prop variant=warning and size=s', function () {
+  expect((0, _enzyme.mount)(_ref8)).toMatchSnapshot();
+});
+
+var _ref9 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  variant: "warning",
+  size: "xl"
+});
+
+it('renders the MoreVertIcon with prop variant=error and size= xl', function () {
+  expect((0, _enzyme.mount)(_ref9)).toMatchSnapshot();
+});

package/cjs/SearchIcon/config.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.search = search;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement("path", {
+  d: "M22,19.9l-5.4-5.4c0.9-1.3,1.4-2.8,1.4-4.5c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.7,0,3.2-0.5,4.5-1.4l5.4,5.4L22,19.9z M10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z"
+});
+
+function search() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
+}
+
+search.props = [];
+var _default = search;
+exports["default"] = _default;

package/cjs/SearchIcon/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SearchIcon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var SearchIcon = function SearchIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], (0, _extends2["default"])({}, props, {
+    icon: "search"
+  }));
+};
+
+exports.SearchIcon = SearchIcon;
+var _default = SearchIcon;
+exports["default"] = _default;

package/cjs/SearchIcon/index.test.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _ = _interopRequireDefault(require("./"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_["default"], null);
+
+it('renders the SearchIcon with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});

package/cjs/UncheckIcon/config.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.uncheck = uncheck;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement("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"
+});
+
+function uncheck() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
+}
+
+uncheck.props = [];
+var _default = uncheck;
+exports["default"] = _default;

package/cjs/UncheckIcon/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.UncheckIcon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var UncheckIcon = function UncheckIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], (0, _extends2["default"])({}, props, {
+    icon: "uncheck"
+  }));
+};
+
+exports.UncheckIcon = UncheckIcon;
+var _default = UncheckIcon;
+exports["default"] = _default;

package/cjs/UncheckIcon/index.test.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _ = _interopRequireDefault(require("./"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_["default"], null);
+
+it('renders the UncheckIcon with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  size: "md"
+});
+
+it('renders the UncheckIcon with prop size=m', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  size: "lg"
+});
+
+it('renders the UncheckIcon with prop size=l', function () {
+  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  variant: "dark"
+});
+
+it('renders the UncheckIcon with prop variant=dark', function () {
+  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  variant: "light"
+});
+
+it('renders the UncheckIcon with prop variant=light', function () {
+  expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  variant: "gray"
+});
+
+it('renders the UncheckIcon with prop variant=gray', function () {
+  expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  variant: "primary"
+});
+
+it('renders the UncheckIcon with prop variant=primary', function () {
+  expect((0, _enzyme.mount)(_ref7)).toMatchSnapshot();
+});
+
+var _ref8 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  variant: "warning",
+  size: "sm"
+});
+
+it('renders the UncheckIcon with prop variant=warning and size=s', function () {
+  expect((0, _enzyme.mount)(_ref8)).toMatchSnapshot();
+});
+
+var _ref9 = /*#__PURE__*/_react["default"].createElement(_["default"], {
+  variant: "warning",
+  size: "xl"
+});
+
+it('renders the UncheckIcon with prop variant=error and size= xl', function () {
+  expect((0, _enzyme.mount)(_ref9)).toMatchSnapshot();
+});