@digigov/react-icons 2.0.0-36b707c1 → 2.0.0-385c7994

package/registry.d.ts

@@ -1,31 +1,54 @@
 declare const _default: {
+    '@digigov/react-icons/icons': {};
+    '@digigov/react-icons': {};
+    '@digigov/react-icons/AccessibilityIcon/config': {};
     '@digigov/react-icons/AccessibilityIcon': {};
+    '@digigov/react-icons/ArrowIcon/config': {};
     '@digigov/react-icons/ArrowIcon': {};
-    '@digigov/react-icons/Base': {};
+    '@digigov/react-icons/BurgerIcon/config': {};
     '@digigov/react-icons/BurgerIcon': {};
+    '@digigov/react-icons/CancelIcon/config': {};
     '@digigov/react-icons/CancelIcon': {};
+    '@digigov/react-icons/CaretIcon/config': {};
     '@digigov/react-icons/CaretIcon': {};
+    '@digigov/react-icons/ChatIcon/config': {};
     '@digigov/react-icons/ChatIcon': {};
+    '@digigov/react-icons/CheckIcon/config': {};
     '@digigov/react-icons/CheckIcon': {};
+    '@digigov/react-icons/ChevronIcon/config': {};
     '@digigov/react-icons/ChevronIcon': {};
+    '@digigov/react-icons/CloseIcon/config': {};
     '@digigov/react-icons/CloseIcon': {};
+    '@digigov/react-icons/DownloadIcon/config': {};
     '@digigov/react-icons/DownloadIcon': {};
+    '@digigov/react-icons/ExclamationIcon/config': {};
     '@digigov/react-icons/ExclamationIcon': {};
+    '@digigov/react-icons/GlobeIcon/config': {};
     '@digigov/react-icons/GlobeIcon': {};
     '@digigov/react-icons/Icon': {};
-    '@digigov/react-icons/icons': {};
-    '@digigov/react-icons': {};
+    '@digigov/react-icons/IconBase': {};
+    '@digigov/react-icons/LockIcon/config': {};
     '@digigov/react-icons/LockIcon': {};
+    '@digigov/react-icons/LoginIcon/config': {};
     '@digigov/react-icons/LoginIcon': {};
+    '@digigov/react-icons/MinusIcon/config': {};
     '@digigov/react-icons/MinusIcon': {};
+    '@digigov/react-icons/MoreVertIcon/config': {};
     '@digigov/react-icons/MoreVertIcon': {};
+    '@digigov/react-icons/PdfFileIcon/config': {};
     '@digigov/react-icons/PdfFileIcon': {};
+    '@digigov/react-icons/PlusIcon/config': {};
     '@digigov/react-icons/PlusIcon': {};
+    '@digigov/react-icons/PrintIcon/config': {};
     '@digigov/react-icons/PrintIcon': {};
+    '@digigov/react-icons/ReplyIcon/config': {};
     '@digigov/react-icons/ReplyIcon': {};
+    '@digigov/react-icons/RestoreIcon/config': {};
     '@digigov/react-icons/RestoreIcon': {};
+    '@digigov/react-icons/SearchIcon/config': {};
     '@digigov/react-icons/SearchIcon': {};
     '@digigov/react-icons/SvgIcon': {};
+    '@digigov/react-icons/UncheckIcon/config': {};
     '@digigov/react-icons/UncheckIcon': {};
 };
 export default _default;

package/registry.js

@@ -0,0 +1,114 @@
+import * as __WEBPACK_EXTERNAL_MODULE__icons_js_35dd7702__ from "./icons.js";
+import * as __WEBPACK_EXTERNAL_MODULE__index_js_fb10b2a7__ from "./index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__AccessibilityIcon_config_js_217f1bd3__ from "./AccessibilityIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__AccessibilityIcon_index_js_dcea26e2__ from "./AccessibilityIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ArrowIcon_config_js_433ed3dc__ from "./ArrowIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ArrowIcon_index_js_ea2adc04__ from "./ArrowIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__BurgerIcon_config_js_175cd701__ from "./BurgerIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__BurgerIcon_index_js_6263a4e3__ from "./BurgerIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CancelIcon_config_js_b17309d0__ from "./CancelIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CancelIcon_index_js_e2825a12__ from "./CancelIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CaretIcon_config_js_37858e65__ from "./CaretIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CaretIcon_index_js_c0454e02__ from "./CaretIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ChatIcon_config_js_6f55f82b__ from "./ChatIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ChatIcon_index_js_67b989cb__ from "./ChatIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CheckIcon_config_js_2eb128ed__ from "./CheckIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CheckIcon_index_js_b5b78d3d__ from "./CheckIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ChevronIcon_config_js_c1175ce3__ from "./ChevronIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ChevronIcon_index_js_ebffc61a__ from "./ChevronIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CloseIcon_config_js_30951dec__ from "./CloseIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CloseIcon_index_js_8b097c21__ from "./CloseIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__DownloadIcon_config_js_45a8aefd__ from "./DownloadIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__DownloadIcon_index_js_0617dec9__ from "./DownloadIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ExclamationIcon_config_js_82d94d6c__ from "./ExclamationIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ExclamationIcon_index_js_0f32f7c8__ from "./ExclamationIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__GlobeIcon_config_js_40438d21__ from "./GlobeIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__GlobeIcon_index_js_962dc4c7__ from "./GlobeIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Icon_index_js_064f8901__ from "./Icon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__IconBase_index_js_011233c2__ from "./IconBase/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__LockIcon_config_js_3ea11d73__ from "./LockIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__LockIcon_index_js_3d1ff667__ from "./LockIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__LoginIcon_config_js_a00ec56f__ from "./LoginIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__LoginIcon_index_js_7333572c__ from "./LoginIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__MinusIcon_config_js_a7fcbbb2__ from "./MinusIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__MinusIcon_index_js_b1e223d2__ from "./MinusIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__MoreVertIcon_config_js_03d2731b__ from "./MoreVertIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__MoreVertIcon_index_js_c3ca12f2__ from "./MoreVertIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__PdfFileIcon_config_js_0cd8edcb__ from "./PdfFileIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__PdfFileIcon_index_js_a87870d7__ from "./PdfFileIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__PlusIcon_config_js_b68a8a1f__ from "./PlusIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__PlusIcon_index_js_8a93dbaa__ from "./PlusIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__PrintIcon_config_js_1590b4ab__ from "./PrintIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__PrintIcon_index_js_32cb88f6__ from "./PrintIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ReplyIcon_config_js_2c33b56c__ from "./ReplyIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ReplyIcon_index_js_17e44978__ from "./ReplyIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__RestoreIcon_config_js_cc0feadf__ from "./RestoreIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__RestoreIcon_index_js_2a8eed7b__ from "./RestoreIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__SearchIcon_config_js_d33ac1fb__ from "./SearchIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__SearchIcon_index_js_abb28f47__ from "./SearchIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__SvgIcon_index_js_080b5b54__ from "./SvgIcon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__UncheckIcon_config_js_f7926cf2__ from "./UncheckIcon/config.js";
+import * as __WEBPACK_EXTERNAL_MODULE__UncheckIcon_index_js_33932e18__ from "./UncheckIcon/index.js";
+function lazyImport(pkgImport) {
+    return new Proxy({}, {
+        get: (_target, name)=>{
+            if ('__esModule' === name || 'default' === name) return pkgImport.default;
+            if ('*' === name) return pkgImport;
+            return pkgImport[name];
+        }
+    });
+}
+const registry = {
+    '@digigov/react-icons/icons': lazyImport(__WEBPACK_EXTERNAL_MODULE__icons_js_35dd7702__),
+    '@digigov/react-icons': lazyImport(__WEBPACK_EXTERNAL_MODULE__index_js_fb10b2a7__),
+    '@digigov/react-icons/AccessibilityIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__AccessibilityIcon_config_js_217f1bd3__),
+    '@digigov/react-icons/AccessibilityIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__AccessibilityIcon_index_js_dcea26e2__),
+    '@digigov/react-icons/ArrowIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__ArrowIcon_config_js_433ed3dc__),
+    '@digigov/react-icons/ArrowIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__ArrowIcon_index_js_ea2adc04__),
+    '@digigov/react-icons/BurgerIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__BurgerIcon_config_js_175cd701__),
+    '@digigov/react-icons/BurgerIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__BurgerIcon_index_js_6263a4e3__),
+    '@digigov/react-icons/CancelIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__CancelIcon_config_js_b17309d0__),
+    '@digigov/react-icons/CancelIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__CancelIcon_index_js_e2825a12__),
+    '@digigov/react-icons/CaretIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__CaretIcon_config_js_37858e65__),
+    '@digigov/react-icons/CaretIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__CaretIcon_index_js_c0454e02__),
+    '@digigov/react-icons/ChatIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__ChatIcon_config_js_6f55f82b__),
+    '@digigov/react-icons/ChatIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__ChatIcon_index_js_67b989cb__),
+    '@digigov/react-icons/CheckIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__CheckIcon_config_js_2eb128ed__),
+    '@digigov/react-icons/CheckIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__CheckIcon_index_js_b5b78d3d__),
+    '@digigov/react-icons/ChevronIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__ChevronIcon_config_js_c1175ce3__),
+    '@digigov/react-icons/ChevronIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__ChevronIcon_index_js_ebffc61a__),
+    '@digigov/react-icons/CloseIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__CloseIcon_config_js_30951dec__),
+    '@digigov/react-icons/CloseIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__CloseIcon_index_js_8b097c21__),
+    '@digigov/react-icons/DownloadIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__DownloadIcon_config_js_45a8aefd__),
+    '@digigov/react-icons/DownloadIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__DownloadIcon_index_js_0617dec9__),
+    '@digigov/react-icons/ExclamationIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__ExclamationIcon_config_js_82d94d6c__),
+    '@digigov/react-icons/ExclamationIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__ExclamationIcon_index_js_0f32f7c8__),
+    '@digigov/react-icons/GlobeIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__GlobeIcon_config_js_40438d21__),
+    '@digigov/react-icons/GlobeIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__GlobeIcon_index_js_962dc4c7__),
+    '@digigov/react-icons/Icon': lazyImport(__WEBPACK_EXTERNAL_MODULE__Icon_index_js_064f8901__),
+    '@digigov/react-icons/IconBase': lazyImport(__WEBPACK_EXTERNAL_MODULE__IconBase_index_js_011233c2__),
+    '@digigov/react-icons/LockIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__LockIcon_config_js_3ea11d73__),
+    '@digigov/react-icons/LockIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__LockIcon_index_js_3d1ff667__),
+    '@digigov/react-icons/LoginIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__LoginIcon_config_js_a00ec56f__),
+    '@digigov/react-icons/LoginIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__LoginIcon_index_js_7333572c__),
+    '@digigov/react-icons/MinusIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__MinusIcon_config_js_a7fcbbb2__),
+    '@digigov/react-icons/MinusIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__MinusIcon_index_js_b1e223d2__),
+    '@digigov/react-icons/MoreVertIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__MoreVertIcon_config_js_03d2731b__),
+    '@digigov/react-icons/MoreVertIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__MoreVertIcon_index_js_c3ca12f2__),
+    '@digigov/react-icons/PdfFileIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__PdfFileIcon_config_js_0cd8edcb__),
+    '@digigov/react-icons/PdfFileIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__PdfFileIcon_index_js_a87870d7__),
+    '@digigov/react-icons/PlusIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__PlusIcon_config_js_b68a8a1f__),
+    '@digigov/react-icons/PlusIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__PlusIcon_index_js_8a93dbaa__),
+    '@digigov/react-icons/PrintIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__PrintIcon_config_js_1590b4ab__),
+    '@digigov/react-icons/PrintIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__PrintIcon_index_js_32cb88f6__),
+    '@digigov/react-icons/ReplyIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__ReplyIcon_config_js_2c33b56c__),
+    '@digigov/react-icons/ReplyIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__ReplyIcon_index_js_17e44978__),
+    '@digigov/react-icons/RestoreIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__RestoreIcon_config_js_cc0feadf__),
+    '@digigov/react-icons/RestoreIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__RestoreIcon_index_js_2a8eed7b__),
+    '@digigov/react-icons/SearchIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__SearchIcon_config_js_d33ac1fb__),
+    '@digigov/react-icons/SearchIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__SearchIcon_index_js_abb28f47__),
+    '@digigov/react-icons/SvgIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__SvgIcon_index_js_080b5b54__),
+    '@digigov/react-icons/UncheckIcon/config': lazyImport(__WEBPACK_EXTERNAL_MODULE__UncheckIcon_config_js_f7926cf2__),
+    '@digigov/react-icons/UncheckIcon': lazyImport(__WEBPACK_EXTERNAL_MODULE__UncheckIcon_index_js_33932e18__)
+};
+export { registry as default };

package/src/AccessibilityIcon/__snapshots__/index.test.tsx.snap

@@ -1,24 +1,35 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`renders the AccessibilityIcon with no props 1`] = `
 <body>
   <div>
     <svg
       aria-hidden="true"
+      as="svg"
       class="ds-svg-icon--accessibility ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <title>
+      <title
+        as="title"
+        class=""
+      >
         Μενού Προσβασιμότητας
       </title>
       <circle
+        as="circle"
+        class=""
         cx="12"
         cy="3"
         r="3"
       />
       <path
-        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        as="path"
+        class=""
+        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
+	c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
+	l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
+	C22.89,8.04,21.58,5.38,19.76,6.13z"
       />
     </svg>
   </div>
@@ -30,20 +41,31 @@ exports[`renders the AccessibilityIcon with prop color=base-content 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--accessibility ds-svg-icon--base-content ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--base-content"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <title>
+      <title
+        as="title"
+        class=""
+      >
         Μενού Προσβασιμότητας
       </title>
       <circle
+        as="circle"
+        class=""
         cx="12"
         cy="3"
         r="3"
       />
       <path
-        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        as="path"
+        class=""
+        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
+	c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
+	l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
+	C22.89,8.04,21.58,5.38,19.76,6.13z"
       />
     </svg>
   </div>
@@ -55,20 +77,31 @@ exports[`renders the AccessibilityIcon with prop color=error 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--accessibility ds-svg-icon--error ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--error"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <title>
+      <title
+        as="title"
+        class=""
+      >
         Μενού Προσβασιμότητας
       </title>
       <circle
+        as="circle"
+        class=""
         cx="12"
         cy="3"
         r="3"
       />
       <path
-        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        as="path"
+        class=""
+        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
+	c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
+	l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
+	C22.89,8.04,21.58,5.38,19.76,6.13z"
       />
     </svg>
   </div>
@@ -80,20 +113,31 @@ exports[`renders the AccessibilityIcon with prop color=error and size= xl 1`] =
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--accessibility ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <title>
+      <title
+        as="title"
+        class=""
+      >
         Μενού Προσβασιμότητας
       </title>
       <circle
+        as="circle"
+        class=""
         cx="12"
         cy="3"
         r="3"
       />
       <path
-        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        as="path"
+        class=""
+        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
+	c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
+	l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
+	C22.89,8.04,21.58,5.38,19.76,6.13z"
       />
     </svg>
   </div>
@@ -105,20 +149,31 @@ exports[`renders the AccessibilityIcon with prop color=primary 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--accessibility ds-svg-icon--primary ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--primary"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <title>
+      <title
+        as="title"
+        class=""
+      >
         Μενού Προσβασιμότητας
       </title>
       <circle
+        as="circle"
+        class=""
         cx="12"
         cy="3"
         r="3"
       />
       <path
-        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        as="path"
+        class=""
+        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
+	c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
+	l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
+	C22.89,8.04,21.58,5.38,19.76,6.13z"
       />
     </svg>
   </div>
@@ -130,20 +185,31 @@ exports[`renders the AccessibilityIcon with prop color=success 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--accessibility ds-svg-icon--success ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--success"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <title>
+      <title
+        as="title"
+        class=""
+      >
         Μενού Προσβασιμότητας
       </title>
       <circle
+        as="circle"
+        class=""
         cx="12"
         cy="3"
         r="3"
       />
       <path
-        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        as="path"
+        class=""
+        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
+	c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
+	l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
+	C22.89,8.04,21.58,5.38,19.76,6.13z"
       />
     </svg>
   </div>
@@ -155,20 +221,31 @@ exports[`renders the AccessibilityIcon with prop color=warning and size=s 1`] =
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--accessibility ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <title>
+      <title
+        as="title"
+        class=""
+      >
         Μενού Προσβασιμότητας
       </title>
       <circle
+        as="circle"
+        class=""
         cx="12"
         cy="3"
         r="3"
       />
       <path
-        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        as="path"
+        class=""
+        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
+	c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
+	l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
+	C22.89,8.04,21.58,5.38,19.76,6.13z"
       />
     </svg>
   </div>
@@ -180,20 +257,31 @@ exports[`renders the AccessibilityIcon with prop size=l 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--accessibility ds-svg-icon--lg ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--lg"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <title>
+      <title
+        as="title"
+        class=""
+      >
         Μενού Προσβασιμότητας
       </title>
       <circle
+        as="circle"
+        class=""
         cx="12"
         cy="3"
         r="3"
       />
       <path
-        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        as="path"
+        class=""
+        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
+	c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
+	l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
+	C22.89,8.04,21.58,5.38,19.76,6.13z"
       />
     </svg>
   </div>
@@ -205,20 +293,31 @@ exports[`renders the AccessibilityIcon with prop size=s 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--accessibility ds-svg-icon--sm ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--sm"
       focusable="false"
       viewBox="0 0 24 24"
     >
-      <title>
+      <title
+        as="title"
+        class=""
+      >
         Μενού Προσβασιμότητας
       </title>
       <circle
+        as="circle"
+        class=""
         cx="12"
         cy="3"
         r="3"
       />
       <path
-        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
+        as="path"
+        class=""
+        d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
+	c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
+	l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
+	C22.89,8.04,21.58,5.38,19.76,6.13z"
       />
     </svg>
   </div>

package/src/AccessibilityIcon/config.tsx

@@ -1,14 +1,15 @@
 import React from 'react';
-import Base from '@digigov/react-icons/Base';
+import IconBase from '@digigov/react-icons/IconBase';
 
-export interface AccessibilityType { }
+export interface AccessibilityType {}
 
-export function accessibility(): React.ReactElement {
+export function accessibility(): React.ReactElement<any> {
   return (
     <>
-      <Base as="title">Μενού Προσβασιμότητας</Base>
-      <Base as="circle" cx="12" cy="3" r="3" />
-      <Base as="path"
+      <IconBase as="title">Μενού Προσβασιμότητας</IconBase>
+      <IconBase as="circle" cx="12" cy="3" r="3" />
+      <IconBase
+        as="path"
         d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
 	c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
 	l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31

package/src/AccessibilityIcon/index.test.tsx

@@ -13,16 +13,24 @@ it('renders the AccessibilityIcon with prop size=l', () => {
   expect(render(<AccessibilityIcon size="lg" />).baseElement).toMatchSnapshot();
 });
 it('renders the AccessibilityIcon with prop color=base-content', () => {
-  expect(render(<AccessibilityIcon color="base-content" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<AccessibilityIcon color="base-content" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the AccessibilityIcon with prop color=primary', () => {
-  expect(render(<AccessibilityIcon color="primary" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<AccessibilityIcon color="primary" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the AccessibilityIcon with prop color=success', () => {
-  expect(render(<AccessibilityIcon color="success" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<AccessibilityIcon color="success" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the AccessibilityIcon with prop color=error', () => {
-  expect(render(<AccessibilityIcon color="error" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<AccessibilityIcon color="error" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the AccessibilityIcon with prop color=warning and size=s', () => {
   expect(

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

@@ -1,15 +1,18 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`renders the ArrowIcon with direction down prop 1`] = `
 <body>
   <div>
     <svg
       aria-hidden="true"
+      as="svg"
       class="ds-svg-icon--arrow ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <polygon
+        as="polygon"
+        class=""
         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"
       />
     </svg>
@@ -22,11 +25,14 @@ exports[`renders the ArrowIcon with direction left prop 1`] = `
   <div>
     <svg
       aria-hidden="true"
+      as="svg"
       class="ds-svg-icon--arrow ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <polygon
+        as="polygon"
+        class=""
         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"
       />
     </svg>
@@ -39,11 +45,14 @@ exports[`renders the ArrowIcon with direction up prop 1`] = `
   <div>
     <svg
       aria-hidden="true"
+      as="svg"
       class="ds-svg-icon--arrow ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <polygon
+        as="polygon"
+        class=""
         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"
       />
     </svg>
@@ -56,11 +65,14 @@ exports[`renders the ArrowIcon with no props, direction prop is right by default
   <div>
     <svg
       aria-hidden="true"
+      as="svg"
       class="ds-svg-icon--arrow ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <polygon
+        as="polygon"
+        class=""
         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"
       />
     </svg>

package/src/ArrowIcon/config.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Base from '@digigov/react-icons/Base';
+import IconBase from '@digigov/react-icons/IconBase';
 
 export interface ArrowType {
   /**
@@ -16,16 +16,28 @@ export const arrow: React.FC<ArrowType> = ({ direction = 'up' }) => {
   return (
     <>
       {direction === 'left' && (
-        <Base as="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" />
+        <IconBase
+          as="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"
+        />
       )}
       {direction === 'right' && (
-        <Base as="polygon" points="9.6 4.3 15.52 10.3 2.07 10.3 2 13.63 15.52 13.68 9.6 19.6 12 22 22 12 12 2 9.6 4.3" />
+        <IconBase
+          as="polygon"
+          points="9.6 4.3 15.52 10.3 2.07 10.3 2 13.63 15.52 13.68 9.6 19.6 12 22 22 12 12 2 9.6 4.3"
+        />
       )}
       {direction === 'up' && (
-        <Base as="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" />
+        <IconBase
+          as="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"
+        />
       )}
       {direction === 'down' && (
-        <Base as="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" />
+        <IconBase
+          as="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"
+        />
       )}
     </>
   );