@digigov/react-icons 1.2.0-a7ffb5dc → 2.0.0-af1b5f33

package/cjs/registry/index.js

@@ -8,17 +8,28 @@ exports["default"] = void 0;
 var _digigov_react_icons_AccessibilityIcon = _interopRequireWildcard(require("@digigov/react-icons/AccessibilityIcon"));
 var _digigov_react_icons_ArrowIcon = _interopRequireWildcard(require("@digigov/react-icons/ArrowIcon"));
 var _digigov_react_icons_BurgerIcon = _interopRequireWildcard(require("@digigov/react-icons/BurgerIcon"));
+var _digigov_react_icons_CancelIcon = _interopRequireWildcard(require("@digigov/react-icons/CancelIcon"));
 var _digigov_react_icons_CaretIcon = _interopRequireWildcard(require("@digigov/react-icons/CaretIcon"));
+var _digigov_react_icons_ChatIcon = _interopRequireWildcard(require("@digigov/react-icons/ChatIcon"));
 var _digigov_react_icons_CheckIcon = _interopRequireWildcard(require("@digigov/react-icons/CheckIcon"));
 var _digigov_react_icons_ChevronIcon = _interopRequireWildcard(require("@digigov/react-icons/ChevronIcon"));
 var _digigov_react_icons_CloseIcon = _interopRequireWildcard(require("@digigov/react-icons/CloseIcon"));
+var _digigov_react_icons_DownloadIcon = _interopRequireWildcard(require("@digigov/react-icons/DownloadIcon"));
 var _digigov_react_icons_GlobeIcon = _interopRequireWildcard(require("@digigov/react-icons/GlobeIcon"));
 var _digigov_react_icons_Icon = _interopRequireWildcard(require("@digigov/react-icons/Icon"));
 var _digigov_react_icons_icons = _interopRequireWildcard(require("@digigov/react-icons/icons"));
 var _digigov_react_icons = _interopRequireWildcard(require("@digigov/react-icons"));
+var _digigov_react_icons_LockIcon = _interopRequireWildcard(require("@digigov/react-icons/LockIcon"));
+var _digigov_react_icons_LoginIcon = _interopRequireWildcard(require("@digigov/react-icons/LoginIcon"));
+var _digigov_react_icons_MinusIcon = _interopRequireWildcard(require("@digigov/react-icons/MinusIcon"));
 var _digigov_react_icons_MoreVertIcon = _interopRequireWildcard(require("@digigov/react-icons/MoreVertIcon"));
+var _digigov_react_icons_PdfFileIcon = _interopRequireWildcard(require("@digigov/react-icons/PdfFileIcon"));
+var _digigov_react_icons_PlusIcon = _interopRequireWildcard(require("@digigov/react-icons/PlusIcon"));
+var _digigov_react_icons_ReplyIcon = _interopRequireWildcard(require("@digigov/react-icons/ReplyIcon"));
+var _digigov_react_icons_RestoreIcon = _interopRequireWildcard(require("@digigov/react-icons/RestoreIcon"));
 var _digigov_react_icons_SearchIcon = _interopRequireWildcard(require("@digigov/react-icons/SearchIcon"));
 var _digigov_react_icons_UncheckIcon = _interopRequireWildcard(require("@digigov/react-icons/UncheckIcon"));
+var _digigov_react_icons_WarningIcon = _interopRequireWildcard(require("@digigov/react-icons/ExclamationIcon"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function lazyImport(pkgImport) {
@@ -39,15 +50,26 @@ var _default = exports["default"] = {
   '@digigov/react-icons/AccessibilityIcon': lazyImport(_digigov_react_icons_AccessibilityIcon),
   '@digigov/react-icons/ArrowIcon': lazyImport(_digigov_react_icons_ArrowIcon),
   '@digigov/react-icons/BurgerIcon': lazyImport(_digigov_react_icons_BurgerIcon),
+  '@digigov/react-icons/CancelIcon': lazyImport(_digigov_react_icons_CancelIcon),
   '@digigov/react-icons/CaretIcon': lazyImport(_digigov_react_icons_CaretIcon),
+  '@digigov/react-icons/ChatIcon': lazyImport(_digigov_react_icons_ChatIcon),
   '@digigov/react-icons/CheckIcon': lazyImport(_digigov_react_icons_CheckIcon),
   '@digigov/react-icons/ChevronIcon': lazyImport(_digigov_react_icons_ChevronIcon),
   '@digigov/react-icons/CloseIcon': lazyImport(_digigov_react_icons_CloseIcon),
+  '@digigov/react-icons/DownloadIcon': lazyImport(_digigov_react_icons_DownloadIcon),
   '@digigov/react-icons/GlobeIcon': lazyImport(_digigov_react_icons_GlobeIcon),
   '@digigov/react-icons/Icon': lazyImport(_digigov_react_icons_Icon),
   '@digigov/react-icons/icons': lazyImport(_digigov_react_icons_icons),
   '@digigov/react-icons': lazyImport(_digigov_react_icons),
+  '@digigov/react-icons/LockIcon': lazyImport(_digigov_react_icons_LockIcon),
+  '@digigov/react-icons/LoginIcon': lazyImport(_digigov_react_icons_LoginIcon),
+  '@digigov/react-icons/MinusIcon': lazyImport(_digigov_react_icons_MinusIcon),
   '@digigov/react-icons/MoreVertIcon': lazyImport(_digigov_react_icons_MoreVertIcon),
+  '@digigov/react-icons/PdfFileIcon': lazyImport(_digigov_react_icons_PdfFileIcon),
+  '@digigov/react-icons/PlusIcon': lazyImport(_digigov_react_icons_PlusIcon),
+  '@digigov/react-icons/ReplyIcon': lazyImport(_digigov_react_icons_ReplyIcon),
+  '@digigov/react-icons/RestoreIcon': lazyImport(_digigov_react_icons_RestoreIcon),
   '@digigov/react-icons/SearchIcon': lazyImport(_digigov_react_icons_SearchIcon),
-  '@digigov/react-icons/UncheckIcon': lazyImport(_digigov_react_icons_UncheckIcon)
+  '@digigov/react-icons/UncheckIcon': lazyImport(_digigov_react_icons_UncheckIcon),
+  '@digigov/react-icons/WarningIcon': lazyImport(_digigov_react_icons_WarningIcon)
 };

package/icons/index.js

@@ -9,4 +9,15 @@ export * from '@digigov/react-icons/GlobeIcon/config';
 export * from '@digigov/react-icons/MoreVertIcon/config';
 export * from '@digigov/react-icons/UncheckIcon/config';
 export * from '@digigov/react-icons/SearchIcon/config';
+export * from '@digigov/react-icons/LockIcon/config';
+export * from '@digigov/react-icons/DownloadIcon/config';
+export * from '@digigov/react-icons/PdfFileIcon/config';
+export * from '@digigov/react-icons/CancelIcon/config';
+export * from '@digigov/react-icons/PlusIcon/config';
+export * from '@digigov/react-icons/MinusIcon/config';
+export * from '@digigov/react-icons/LoginIcon/config';
+export * from '@digigov/react-icons/RestoreIcon/config';
+export * from '@digigov/react-icons/ReplyIcon/config';
+export * from '@digigov/react-icons/ChatIcon/config';
+export * from '@digigov/react-icons/ExclamationIcon/config';
 export {};

package/icons.d.ts

@@ -9,6 +9,17 @@ import type { GlobeType } from '@digigov/react-icons/GlobeIcon/config';
 import type { MoreVertType } from '@digigov/react-icons/MoreVertIcon/config';
 import type { SearchType } from '@digigov/react-icons/SearchIcon/config';
 import type { UncheckType } from '@digigov/react-icons/UncheckIcon/config';
+import type { LockType } from '@digigov/react-icons/LockIcon/config';
+import type { DownloadType } from '@digigov/react-icons/DownloadIcon/config';
+import type { PdfFileType } from '@digigov/react-icons/PdfFileIcon/config';
+import type { CancelType } from '@digigov/react-icons/CancelIcon/config';
+import type { PlusType } from '@digigov/react-icons/PlusIcon/config';
+import type { MinusType } from '@digigov/react-icons/MinusIcon/config';
+import type { LoginType } from '@digigov/react-icons/LoginIcon/config';
+import type { RestoreType } from '@digigov/react-icons/RestoreIcon/config';
+import type { ReplyType } from '@digigov/react-icons/ReplyIcon/config';
+import type { ChatType } from '@digigov/react-icons/ChatIcon/config';
+import type { ExclamationType } from '@digigov/react-icons/ExclamationIcon/config';
 export * from '@digigov/react-icons/AccessibilityIcon/config';
 export * from '@digigov/react-icons/ArrowIcon/config';
 export * from '@digigov/react-icons/BurgerIcon/config';
@@ -20,6 +31,17 @@ export * from '@digigov/react-icons/GlobeIcon/config';
 export * from '@digigov/react-icons/MoreVertIcon/config';
 export * from '@digigov/react-icons/UncheckIcon/config';
 export * from '@digigov/react-icons/SearchIcon/config';
+export * from '@digigov/react-icons/LockIcon/config';
+export * from '@digigov/react-icons/DownloadIcon/config';
+export * from '@digigov/react-icons/PdfFileIcon/config';
+export * from '@digigov/react-icons/CancelIcon/config';
+export * from '@digigov/react-icons/PlusIcon/config';
+export * from '@digigov/react-icons/MinusIcon/config';
+export * from '@digigov/react-icons/LoginIcon/config';
+export * from '@digigov/react-icons/RestoreIcon/config';
+export * from '@digigov/react-icons/ReplyIcon/config';
+export * from '@digigov/react-icons/ChatIcon/config';
+export * from '@digigov/react-icons/ExclamationIcon/config';
 export interface IconTypes {
     accessibility: AccessibilityType;
     arrow: ArrowType;
@@ -32,4 +54,15 @@ export interface IconTypes {
     uncheck: UncheckType;
     search: SearchType;
     chevron: ChevronType;
+    lock: LockType;
+    download: DownloadType;
+    pdfFile: PdfFileType;
+    cancel: CancelType;
+    plus: PlusType;
+    minus: MinusType;
+    login: LoginType;
+    restore: RestoreType;
+    reply: ReplyType;
+    chat: ChatType;
+    exclamation: ExclamationType;
 }

package/index.d.ts

@@ -9,3 +9,14 @@ export * from '@digigov/react-icons/CloseIcon';
 export * from '@digigov/react-icons/GlobeIcon';
 export * from '@digigov/react-icons/MoreVertIcon';
 export * from '@digigov/react-icons/SearchIcon';
+export * from '@digigov/react-icons/CancelIcon';
+export * from '@digigov/react-icons/LockIcon';
+export * from '@digigov/react-icons/DownloadIcon';
+export * from '@digigov/react-icons/PdfFileIcon';
+export * from '@digigov/react-icons/PlusIcon';
+export * from '@digigov/react-icons/MinusIcon';
+export * from '@digigov/react-icons/LoginIcon';
+export * from '@digigov/react-icons/RestoreIcon';
+export * from '@digigov/react-icons/ReplyIcon';
+export * from '@digigov/react-icons/ChatIcon';
+export * from '@digigov/react-icons/ExclamationIcon';

package/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v1.2.0-a7ffb5dc
+/** @license Digigov v2.0.0-af1b5f33
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.
@@ -13,4 +13,15 @@ export * from '@digigov/react-icons/UncheckIcon';
 export * from '@digigov/react-icons/CloseIcon';
 export * from '@digigov/react-icons/GlobeIcon';
 export * from '@digigov/react-icons/MoreVertIcon';
-export * from '@digigov/react-icons/SearchIcon';
+export * from '@digigov/react-icons/SearchIcon';
+export * from '@digigov/react-icons/CancelIcon';
+export * from '@digigov/react-icons/LockIcon';
+export * from '@digigov/react-icons/DownloadIcon';
+export * from '@digigov/react-icons/PdfFileIcon';
+export * from '@digigov/react-icons/PlusIcon';
+export * from '@digigov/react-icons/MinusIcon';
+export * from '@digigov/react-icons/LoginIcon';
+export * from '@digigov/react-icons/RestoreIcon';
+export * from '@digigov/react-icons/ReplyIcon';
+export * from '@digigov/react-icons/ChatIcon';
+export * from '@digigov/react-icons/ExclamationIcon';

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@digigov/react-icons",
-  "version": "1.2.0-a7ffb5dc",
+  "version": "2.0.0-af1b5f33",
   "description": "@digigov react icons",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
   "main": "./cjs/index.js",
   "module": "./index.js",
   "peerDependencies": {
-    "@digigov/css": "2.0.0-a7ffb5dc",
+    "@digigov/css": "2.0.0-af1b5f33",
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react-dom": "^16.8.0 || ^17.0.0",
+    "@digigov/react-core": "2.0.0-af1b5f33"
   },
   "dependencies": {
     "ts-morph": "18.0.0"

package/registry/index.js

@@ -1,17 +1,28 @@
 import * as _digigov_react_icons_AccessibilityIcon from '@digigov/react-icons/AccessibilityIcon';
 import * as _digigov_react_icons_ArrowIcon from '@digigov/react-icons/ArrowIcon';
 import * as _digigov_react_icons_BurgerIcon from '@digigov/react-icons/BurgerIcon';
+import * as _digigov_react_icons_CancelIcon from '@digigov/react-icons/CancelIcon';
 import * as _digigov_react_icons_CaretIcon from '@digigov/react-icons/CaretIcon';
+import * as _digigov_react_icons_ChatIcon from '@digigov/react-icons/ChatIcon';
 import * as _digigov_react_icons_CheckIcon from '@digigov/react-icons/CheckIcon';
 import * as _digigov_react_icons_ChevronIcon from '@digigov/react-icons/ChevronIcon';
 import * as _digigov_react_icons_CloseIcon from '@digigov/react-icons/CloseIcon';
+import * as _digigov_react_icons_DownloadIcon from '@digigov/react-icons/DownloadIcon';
 import * as _digigov_react_icons_GlobeIcon from '@digigov/react-icons/GlobeIcon';
 import * as _digigov_react_icons_Icon from '@digigov/react-icons/Icon';
 import * as _digigov_react_icons_icons from '@digigov/react-icons/icons';
 import * as _digigov_react_icons from '@digigov/react-icons';
+import * as _digigov_react_icons_LockIcon from '@digigov/react-icons/LockIcon';
+import * as _digigov_react_icons_LoginIcon from '@digigov/react-icons/LoginIcon';
+import * as _digigov_react_icons_MinusIcon from '@digigov/react-icons/MinusIcon';
 import * as _digigov_react_icons_MoreVertIcon from '@digigov/react-icons/MoreVertIcon';
+import * as _digigov_react_icons_PdfFileIcon from '@digigov/react-icons/PdfFileIcon';
+import * as _digigov_react_icons_PlusIcon from '@digigov/react-icons/PlusIcon';
+import * as _digigov_react_icons_ReplyIcon from '@digigov/react-icons/ReplyIcon';
+import * as _digigov_react_icons_RestoreIcon from '@digigov/react-icons/RestoreIcon';
 import * as _digigov_react_icons_SearchIcon from '@digigov/react-icons/SearchIcon';
 import * as _digigov_react_icons_UncheckIcon from '@digigov/react-icons/UncheckIcon';
+import * as _digigov_react_icons_WarningIcon from '@digigov/react-icons/ExclamationIcon';
 function lazyImport(pkgImport) {
   // eslint-disable-next-line no-undef
   return new Proxy({}, {
@@ -30,15 +41,26 @@ export default {
   '@digigov/react-icons/AccessibilityIcon': lazyImport(_digigov_react_icons_AccessibilityIcon),
   '@digigov/react-icons/ArrowIcon': lazyImport(_digigov_react_icons_ArrowIcon),
   '@digigov/react-icons/BurgerIcon': lazyImport(_digigov_react_icons_BurgerIcon),
+  '@digigov/react-icons/CancelIcon': lazyImport(_digigov_react_icons_CancelIcon),
   '@digigov/react-icons/CaretIcon': lazyImport(_digigov_react_icons_CaretIcon),
+  '@digigov/react-icons/ChatIcon': lazyImport(_digigov_react_icons_ChatIcon),
   '@digigov/react-icons/CheckIcon': lazyImport(_digigov_react_icons_CheckIcon),
   '@digigov/react-icons/ChevronIcon': lazyImport(_digigov_react_icons_ChevronIcon),
   '@digigov/react-icons/CloseIcon': lazyImport(_digigov_react_icons_CloseIcon),
+  '@digigov/react-icons/DownloadIcon': lazyImport(_digigov_react_icons_DownloadIcon),
   '@digigov/react-icons/GlobeIcon': lazyImport(_digigov_react_icons_GlobeIcon),
   '@digigov/react-icons/Icon': lazyImport(_digigov_react_icons_Icon),
   '@digigov/react-icons/icons': lazyImport(_digigov_react_icons_icons),
   '@digigov/react-icons': lazyImport(_digigov_react_icons),
+  '@digigov/react-icons/LockIcon': lazyImport(_digigov_react_icons_LockIcon),
+  '@digigov/react-icons/LoginIcon': lazyImport(_digigov_react_icons_LoginIcon),
+  '@digigov/react-icons/MinusIcon': lazyImport(_digigov_react_icons_MinusIcon),
   '@digigov/react-icons/MoreVertIcon': lazyImport(_digigov_react_icons_MoreVertIcon),
+  '@digigov/react-icons/PdfFileIcon': lazyImport(_digigov_react_icons_PdfFileIcon),
+  '@digigov/react-icons/PlusIcon': lazyImport(_digigov_react_icons_PlusIcon),
+  '@digigov/react-icons/ReplyIcon': lazyImport(_digigov_react_icons_ReplyIcon),
+  '@digigov/react-icons/RestoreIcon': lazyImport(_digigov_react_icons_RestoreIcon),
   '@digigov/react-icons/SearchIcon': lazyImport(_digigov_react_icons_SearchIcon),
-  '@digigov/react-icons/UncheckIcon': lazyImport(_digigov_react_icons_UncheckIcon)
+  '@digigov/react-icons/UncheckIcon': lazyImport(_digigov_react_icons_UncheckIcon),
+  '@digigov/react-icons/WarningIcon': lazyImport(_digigov_react_icons_WarningIcon)
 };

package/registry.d.ts

@@ -2,16 +2,27 @@ declare const _default: {
     '@digigov/react-icons/AccessibilityIcon': {};
     '@digigov/react-icons/ArrowIcon': {};
     '@digigov/react-icons/BurgerIcon': {};
+    '@digigov/react-icons/CancelIcon': {};
     '@digigov/react-icons/CaretIcon': {};
+    '@digigov/react-icons/ChatIcon': {};
     '@digigov/react-icons/CheckIcon': {};
     '@digigov/react-icons/ChevronIcon': {};
     '@digigov/react-icons/CloseIcon': {};
+    '@digigov/react-icons/DownloadIcon': {};
     '@digigov/react-icons/GlobeIcon': {};
     '@digigov/react-icons/Icon': {};
     '@digigov/react-icons/icons': {};
     '@digigov/react-icons': {};
+    '@digigov/react-icons/LockIcon': {};
+    '@digigov/react-icons/LoginIcon': {};
+    '@digigov/react-icons/MinusIcon': {};
     '@digigov/react-icons/MoreVertIcon': {};
+    '@digigov/react-icons/PdfFileIcon': {};
+    '@digigov/react-icons/PlusIcon': {};
+    '@digigov/react-icons/ReplyIcon': {};
+    '@digigov/react-icons/RestoreIcon': {};
     '@digigov/react-icons/SearchIcon': {};
     '@digigov/react-icons/UncheckIcon': {};
+    '@digigov/react-icons/WarningIcon': {};
 };
 export default _default;

package/src/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/src/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 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>
+`;
+
+exports[`renders the CancelIcon with prop variant=error and size= xl 1`] = `
+<CancelIcon
+  size="xl"
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="cancel"
+    size="xl"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      size="xl"
+      variant="warning"
+    >
+      <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 variant=light 1`] = `
+<CancelIcon
+  variant="light"
+>
+  <ForwardRef(Icon)
+    icon="cancel"
+    variant="light"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      variant="light"
+    >
+      <ForwardRef(Base)
+        aria-hidden="true"
+        as="svg"
+        className="ds-svg-icon--cancel ds-svg-icon--light ds-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <svg
+          aria-hidden="true"
+          className="ds-svg-icon--cancel ds-svg-icon--light 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 variant=warning 1`] = `
+<CancelIcon
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="cancel"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      variant="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 variant=warning and size=s 1`] = `
+<CancelIcon
+  size="sm"
+  variant="warning"
+>
+  <ForwardRef(Icon)
+    icon="cancel"
+    size="sm"
+    variant="warning"
+  >
+    <ForwardRef(SvgIcon)
+      className="ds-svg-icon--cancel"
+      size="sm"
+      variant="warning"
+    >
+      <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>
+`;

package/src/CancelIcon/config.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+export interface CancelType {}
+
+export function cancel(): React.ReactElement {
+  return (
+    <>
+      <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.props = [];
+
+export default cancel;

package/src/CancelIcon/index.test.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { mount } from 'enzyme';
+
+import CancelIcon from '@digigov/react-icons/CancelIcon';
+
+it('renders the CancelIcon with no props', () => {
+  expect(mount(<CancelIcon />)).toMatchSnapshot();
+});
+it('renders the CancelIcon with prop size=m', () => {
+  expect(mount(<CancelIcon size="md" />)).toMatchSnapshot();
+});
+it('renders the CancelIcon with prop size=xl', () => {
+  expect(mount(<CancelIcon size="xl" />)).toMatchSnapshot();
+});
+it('renders the CancelIcon with prop variant=light', () => {
+  expect(mount(<CancelIcon variant="light" />)).toMatchSnapshot();
+});
+it('renders the CancelIcon with prop variant=warning', () => {
+  expect(mount(<CancelIcon variant="warning" />)).toMatchSnapshot();
+});
+it('renders the CancelIcon with prop variant=warning and size=s', () => {
+  expect(mount(<CancelIcon variant="warning" size="sm" />)).toMatchSnapshot();
+});
+it('renders the CancelIcon with prop variant=error and size= xl', () => {
+  expect(mount(<CancelIcon variant="warning" size="xl" />)).toMatchSnapshot();
+});

package/src/CancelIcon/index.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
+
+export const CancelIcon: React.FC<IconProps<'cancel'>> = (props) => {
+  return <Icon {...props} icon="cancel"></Icon>;
+};
+
+export default CancelIcon;