@digigov/react-icons 1.2.0-a7ffb5dc → 2.0.0-462194bf

package/cjs/AccessibilityIcon/index.test/index.js

@@ -21,40 +21,40 @@ it('renders the AccessibilityIcon with prop size=l', function () {
   expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
-  variant: "dark"
+  color: "base-content"
 });
-it('renders the AccessibilityIcon with prop variant=dark', function () {
+it('renders the AccessibilityIcon with prop color=base-content', function () {
   expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
-  variant: "primary"
+  color: "primary"
 });
-it('renders the AccessibilityIcon with prop variant=primary', function () {
+it('renders the AccessibilityIcon with prop color=primary', function () {
   expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
 });
 var _ref6 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
-  variant: "success"
+  color: "success"
 });
-it('renders the AccessibilityIcon with prop variant=success', function () {
+it('renders the AccessibilityIcon with prop color=success', function () {
   expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
 });
 var _ref7 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
-  variant: "error"
+  color: "error"
 });
-it('renders the AccessibilityIcon with prop variant=error', function () {
+it('renders the AccessibilityIcon with prop color=error', function () {
   expect((0, _enzyme.mount)(_ref7)).toMatchSnapshot();
 });
 var _ref8 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
-  variant: "warning",
+  color: "warning",
   size: "sm"
 });
-it('renders the AccessibilityIcon with prop variant=warning and size=s', function () {
+it('renders the AccessibilityIcon with prop color=warning and size=s', function () {
   expect((0, _enzyme.mount)(_ref8)).toMatchSnapshot();
 });
 var _ref9 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
-  variant: "warning",
+  color: "warning",
   size: "xl"
 });
-it('renders the AccessibilityIcon with prop variant=error and size= xl', function () {
+it('renders the AccessibilityIcon with prop color=error and size= xl', function () {
   expect((0, _enzyme.mount)(_ref9)).toMatchSnapshot();
 });

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

@@ -27,8 +27,8 @@ exports[`renders the ArrowIcon with direction down prop 1`] = `
           <arrow
             direction="down"
           >
-            <path
-              d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
+            <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"
             />
           </arrow>
         </svg>
@@ -65,8 +65,8 @@ exports[`renders the ArrowIcon with direction left prop 1`] = `
           <arrow
             direction="left"
           >
-            <path
-              d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
+            <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"
             />
           </arrow>
         </svg>
@@ -103,8 +103,8 @@ exports[`renders the ArrowIcon with direction up prop 1`] = `
           <arrow
             direction="up"
           >
-            <path
-              d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
+            <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"
             />
           </arrow>
         </svg>
@@ -136,8 +136,8 @@ exports[`renders the ArrowIcon with no props, direction prop is right by default
           viewBox="0 0 24 24"
         >
           <arrow>
-            <path
-              d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
+            <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"
             />
           </arrow>
         </svg>

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

@@ -1,16 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the BurgerIcon prop variant= "error" 1`] = `
+exports[`renders the BurgerIcon prop color= "error" 1`] = `
 <BurgerIcon
-  variant="error"
+  color="error"
 >
   <ForwardRef(Icon)
+    color="error"
     icon="burger"
-    variant="error"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--burger"
-      variant="error"
+      color="error"
     >
       <ForwardRef(Base)
         aria-hidden="true"
@@ -53,28 +53,28 @@ exports[`renders the BurgerIcon prop variant= "error" 1`] = `
 </BurgerIcon>
 `;
 
-exports[`renders the BurgerIcon prop variant= "light" 1`] = `
+exports[`renders the BurgerIcon prop color= "white" 1`] = `
 <BurgerIcon
-  variant="light"
+  color="white"
 >
   <ForwardRef(Icon)
+    color="white"
     icon="burger"
-    variant="light"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--burger"
-      variant="light"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -106,30 +106,30 @@ exports[`renders the BurgerIcon prop variant= "light" 1`] = `
 </BurgerIcon>
 `;
 
-exports[`renders the BurgerIcon props active variant= "light" 1`] = `
+exports[`renders the BurgerIcon props active color= "white" 1`] = `
 <BurgerIcon
   active={true}
-  variant="light"
+  color="white"
 >
   <ForwardRef(Icon)
     active={true}
+    color="white"
     icon="burger"
-    variant="light"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--burger"
-      variant="light"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -266,28 +266,28 @@ exports[`renders the BurgerIcon with prop active=true 1`] = `
 </BurgerIcon>
 `;
 
-exports[`renders the BurgerIcon with prop variant=dark 1`] = `
+exports[`renders the BurgerIcon with prop color=base-content 1`] = `
 <BurgerIcon
-  variant="dark"
+  color="base-content"
 >
   <ForwardRef(Icon)
+    color="base-content"
     icon="burger"
-    variant="dark"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--burger"
-      variant="dark"
+      color="base-content"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--burger ds-svg-icon--dark ds-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--base-content ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--burger ds-svg-icon--dark ds-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--base-content ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/cjs/BurgerIcon/index.test/index.js

@@ -15,27 +15,27 @@ it('renders the BurgerIcon with prop active=true', function () {
   expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
 });
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_BurgerIcon["default"], {
-  variant: "dark"
+  color: "base-content"
 });
-it('renders the BurgerIcon with prop variant=dark', function () {
+it('renders the BurgerIcon with prop color=base-content', function () {
   expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_BurgerIcon["default"], {
-  variant: "light"
+  color: "white"
 });
-it('renders the BurgerIcon prop variant= "light"', function () {
+it('renders the BurgerIcon prop color= "white"', function () {
   expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_BurgerIcon["default"], {
-  variant: "error"
+  color: "error"
 });
-it('renders the BurgerIcon prop variant= "error"', function () {
+it('renders the BurgerIcon prop color= "error"', function () {
   expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
 });
 var _ref6 = /*#__PURE__*/_react["default"].createElement(_BurgerIcon["default"], {
   active: true,
-  variant: "light"
+  color: "white"
 });
-it('renders the BurgerIcon props active variant= "light"', function () {
+it('renders the BurgerIcon props active color= "white"', function () {
   expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
 });

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

@@ -0,0 +1,262 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CancelIcon with no props 1`] = `
+<CancelIcon>
+  <ForwardRef(Icon)
+    icon="cancel"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--cancel ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--cancel ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <cancel>
+            <path
+              d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+            />
+          </cancel>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CancelIcon>
+`;
+
+exports[`renders the CancelIcon with prop color=error and size= xl 1`] = `
+<CancelIcon
+  color="warning"
+  size="xl"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="cancel"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      color="warning"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <cancel>
+            <path
+              d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+            />
+          </cancel>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CancelIcon>
+`;
+
+exports[`renders the CancelIcon with prop color=warning 1`] = `
+<CancelIcon
+  color="warning"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="cancel"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      color="warning"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <cancel>
+            <path
+              d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+            />
+          </cancel>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CancelIcon>
+`;
+
+exports[`renders the CancelIcon with prop color=warning and size=s 1`] = `
+<CancelIcon
+  color="warning"
+  size="sm"
+>
+  <ForwardRef(Icon)
+    color="warning"
+    icon="cancel"
+    size="sm"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      color="warning"
+      size="sm"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <cancel>
+            <path
+              d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+            />
+          </cancel>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CancelIcon>
+`;
+
+exports[`renders the CancelIcon with prop color=white 1`] = `
+<CancelIcon
+  color="white"
+>
+  <ForwardRef(Icon)
+    color="white"
+    icon="cancel"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      color="white"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--cancel ds-svg-icon--white ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--cancel ds-svg-icon--white ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <cancel>
+            <path
+              d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+            />
+          </cancel>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CancelIcon>
+`;
+
+exports[`renders the CancelIcon with prop size=m 1`] = `
+<CancelIcon
+  size="md"
+>
+  <ForwardRef(Icon)
+    icon="cancel"
+    size="md"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      size="md"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--cancel ds-svg-icon--md ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--cancel ds-svg-icon--md ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <cancel>
+            <path
+              d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+            />
+          </cancel>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CancelIcon>
+`;
+
+exports[`renders the CancelIcon with prop size=xl 1`] = `
+<CancelIcon
+  size="xl"
+>
+  <ForwardRef(Icon)
+    icon="cancel"
+    size="xl"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      size="xl"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--cancel ds-svg-icon--xl ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--cancel ds-svg-icon--xl ds-svg-icon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <cancel>
+            <path
+              d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+            />
+          </cancel>
+        </svg>
+      </ForwardRef(Base)>
+    </ForwardRef(SvgIcon)>
+  </ForwardRef(Icon)>
+</CancelIcon>
+`;

package/cjs/CancelIcon/config/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cancel = cancel;
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ref = /*#__PURE__*/_react["default"].createElement("path", {
+  d: "M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+});
+function cancel() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
+}
+cancel.props = [];
+var _default = exports["default"] = cancel;

package/cjs/CancelIcon/index.js

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

package/cjs/CancelIcon/index.test/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _CancelIcon = _interopRequireDefault(require("@digigov/react-icons/CancelIcon"));
+var _ref = /*#__PURE__*/_react["default"].createElement(_CancelIcon["default"], null);
+it('renders the CancelIcon with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_CancelIcon["default"], {
+  size: "md"
+});
+it('renders the CancelIcon with prop size=m', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+});
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_CancelIcon["default"], {
+  size: "xl"
+});
+it('renders the CancelIcon with prop size=xl', function () {
+  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
+});
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_CancelIcon["default"], {
+  color: "white"
+});
+it('renders the CancelIcon with prop color=white', function () {
+  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_CancelIcon["default"], {
+  color: "warning"
+});
+it('renders the CancelIcon with prop color=warning', function () {
+  expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
+});
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_CancelIcon["default"], {
+  color: "warning",
+  size: "sm"
+});
+it('renders the CancelIcon with prop color=warning and size=s', function () {
+  expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
+});
+var _ref7 = /*#__PURE__*/_react["default"].createElement(_CancelIcon["default"], {
+  color: "warning",
+  size: "xl"
+});
+it('renders the CancelIcon with prop color=error and size= xl', function () {
+  expect((0, _enzyme.mount)(_ref7)).toMatchSnapshot();
+});