@digigov/react-icons 2.0.0-2445d5cb → 2.0.0-298cfc51

package/lazy/index.js

@@ -2,7 +2,6 @@ import { lazy } from "react";
 var lazy_default = {
   "AccessibilityIcon": lazy(() => import("@digigov/react-icons/AccessibilityIcon").then((module) => ({ default: module["AccessibilityIcon"] }))),
   "ArrowIcon": lazy(() => import("@digigov/react-icons/ArrowIcon").then((module) => ({ default: module["ArrowIcon"] }))),
-  "Base": lazy(() => import("@digigov/react-icons/Base").then((module) => ({ default: module["Base"] }))),
   "BurgerIcon": lazy(() => import("@digigov/react-icons/BurgerIcon").then((module) => ({ default: module["BurgerIcon"] }))),
   "CancelIcon": lazy(() => import("@digigov/react-icons/CancelIcon").then((module) => ({ default: module["CancelIcon"] }))),
   "CaretIcon": lazy(() => import("@digigov/react-icons/CaretIcon").then((module) => ({ default: module["CaretIcon"] }))),
@@ -14,6 +13,7 @@ var lazy_default = {
   "ExclamationIcon": lazy(() => import("@digigov/react-icons/ExclamationIcon").then((module) => ({ default: module["ExclamationIcon"] }))),
   "GlobeIcon": lazy(() => import("@digigov/react-icons/GlobeIcon").then((module) => ({ default: module["GlobeIcon"] }))),
   "Icon": lazy(() => import("@digigov/react-icons/Icon").then((module) => ({ default: module["Icon"] }))),
+  "IconBase": lazy(() => import("@digigov/react-icons/IconBase").then((module) => ({ default: module["IconBase"] }))),
   "UncheckIcon": lazy(() => import("@digigov/react-icons/UncheckIcon").then((module) => ({ default: module["UncheckIcon"] }))),
   "MoreVertIcon": lazy(() => import("@digigov/react-icons/MoreVertIcon").then((module) => ({ default: module["MoreVertIcon"] }))),
   "SearchIcon": lazy(() => import("@digigov/react-icons/SearchIcon").then((module) => ({ default: module["SearchIcon"] }))),

package/lazy.d.ts

@@ -1,7 +1,6 @@
 declare namespace _default {
     let AccessibilityIcon: import("react").LazyExoticComponent<import("react").FC<import("@digigov/react-icons/Icon").IconProps<"accessibility">>>;
     let ArrowIcon: import("react").LazyExoticComponent<import("react").FC<import("@digigov/react-icons/Icon").IconProps<"arrow">>>;
-    let Base: import("react").LazyExoticComponent<(<C extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "span">(props: import("@digigov/react-icons/Base").BaseProps<C>) => import("react").ReactNode)>;
     let BurgerIcon: import("react").LazyExoticComponent<import("react").FC<import("@digigov/react-icons/Icon").IconProps<"burger">>>;
     let CancelIcon: import("react").LazyExoticComponent<import("react").FC<import("@digigov/react-icons/Icon").IconProps<"cancel">>>;
     let CaretIcon: import("react").LazyExoticComponent<import("react").FC<import("@digigov/react-icons/Icon").IconProps<"caret">>>;
@@ -12,7 +11,8 @@ declare namespace _default {
     let DownloadIcon: import("react").LazyExoticComponent<import("react").FC<import("@digigov/react-icons/Icon").IconProps<"download">>>;
     let ExclamationIcon: import("react").LazyExoticComponent<import("react").FC<import("@digigov/react-icons/Icon").IconProps<"exclamation">>>;
     let GlobeIcon: import("react").LazyExoticComponent<import("react").FC<import("@digigov/react-icons/Icon").IconProps<"globe">>>;
-    let Icon: import("react").LazyExoticComponent<(<C extends keyof import("./icons").IconTypes>(props: import("@digigov/react-icons/Icon").IconProps<C>) => import("react").ReactNode)>;
+    let Icon: import("react").LazyExoticComponent<(<C extends keyof import("./icons").IconTypes>(props: import("@digigov/react-icons/Icon").IconProps<C>) => React.ReactNode | null)>;
+    let IconBase: import("react").LazyExoticComponent<(<C extends React.ElementType = "span">(props: import("@digigov/react-icons/IconBase").IconBaseProps<C>) => React.ReactNode | null)>;
     let UncheckIcon: import("react").LazyExoticComponent<import("react").FC<import("@digigov/react-icons/Icon").IconProps<"uncheck">>>;
     let MoreVertIcon: import("react").LazyExoticComponent<import("react").FC<import("@digigov/react-icons/Icon").IconProps<"moreVert">>>;
     let SearchIcon: import("react").LazyExoticComponent<import("react").FC<import("@digigov/react-icons/Icon").IconProps<"search">>>;

package/lazy.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/lazy.js"],
-  "sourcesContent": ["import {lazy} from 'react';\nexport default {\n    'AccessibilityIcon': lazy(() => import('@digigov/react-icons/AccessibilityIcon').then((module)=> ({default: module['AccessibilityIcon']}))),\n  'ArrowIcon': lazy(() => import('@digigov/react-icons/ArrowIcon').then((module)=> ({default: module['ArrowIcon']}))),\n  'Base': lazy(() => import('@digigov/react-icons/Base').then((module)=> ({default: module['Base']}))),\n  'BurgerIcon': lazy(() => import('@digigov/react-icons/BurgerIcon').then((module)=> ({default: module['BurgerIcon']}))),\n  'CancelIcon': lazy(() => import('@digigov/react-icons/CancelIcon').then((module)=> ({default: module['CancelIcon']}))),\n  'CaretIcon': lazy(() => import('@digigov/react-icons/CaretIcon').then((module)=> ({default: module['CaretIcon']}))),\n  'ChatIcon': lazy(() => import('@digigov/react-icons/ChatIcon').then((module)=> ({default: module['ChatIcon']}))),\n  'CheckIcon': lazy(() => import('@digigov/react-icons/CheckIcon').then((module)=> ({default: module['CheckIcon']}))),\n  'ChevronIcon': lazy(() => import('@digigov/react-icons/ChevronIcon').then((module)=> ({default: module['ChevronIcon']}))),\n  'CloseIcon': lazy(() => import('@digigov/react-icons/CloseIcon').then((module)=> ({default: module['CloseIcon']}))),\n  'DownloadIcon': lazy(() => import('@digigov/react-icons/DownloadIcon').then((module)=> ({default: module['DownloadIcon']}))),\n  'ExclamationIcon': lazy(() => import('@digigov/react-icons/ExclamationIcon').then((module)=> ({default: module['ExclamationIcon']}))),\n  'GlobeIcon': lazy(() => import('@digigov/react-icons/GlobeIcon').then((module)=> ({default: module['GlobeIcon']}))),\n  'Icon': lazy(() => import('@digigov/react-icons/Icon').then((module)=> ({default: module['Icon']}))),\n  'UncheckIcon': lazy(() => import('@digigov/react-icons/UncheckIcon').then((module)=> ({default: module['UncheckIcon']}))),\n  'MoreVertIcon': lazy(() => import('@digigov/react-icons/MoreVertIcon').then((module)=> ({default: module['MoreVertIcon']}))),\n  'SearchIcon': lazy(() => import('@digigov/react-icons/SearchIcon').then((module)=> ({default: module['SearchIcon']}))),\n  'LockIcon': lazy(() => import('@digigov/react-icons/LockIcon').then((module)=> ({default: module['LockIcon']}))),\n  'PdfFileIcon': lazy(() => import('@digigov/react-icons/PdfFileIcon').then((module)=> ({default: module['PdfFileIcon']}))),\n  'PlusIcon': lazy(() => import('@digigov/react-icons/PlusIcon').then((module)=> ({default: module['PlusIcon']}))),\n  'MinusIcon': lazy(() => import('@digigov/react-icons/MinusIcon').then((module)=> ({default: module['MinusIcon']}))),\n  'LoginIcon': lazy(() => import('@digigov/react-icons/LoginIcon').then((module)=> ({default: module['LoginIcon']}))),\n  'RestoreIcon': lazy(() => import('@digigov/react-icons/RestoreIcon').then((module)=> ({default: module['RestoreIcon']}))),\n  'ReplyIcon': lazy(() => import('@digigov/react-icons/ReplyIcon').then((module)=> ({default: module['ReplyIcon']}))),\n  'PrintIcon': lazy(() => import('@digigov/react-icons/PrintIcon').then((module)=> ({default: module['PrintIcon']}))),\n  'SvgIcon': lazy(() => import('@digigov/react-icons/SvgIcon').then((module)=> ({default: module['SvgIcon']}))),\n\n}"],
-  "mappings": "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",
+  "sourcesContent": ["import {lazy} from 'react';\nexport default {\n    'AccessibilityIcon': lazy(() => import('@digigov/react-icons/AccessibilityIcon').then((module)=> ({default: module['AccessibilityIcon']}))),\n  'ArrowIcon': lazy(() => import('@digigov/react-icons/ArrowIcon').then((module)=> ({default: module['ArrowIcon']}))),\n  'BurgerIcon': lazy(() => import('@digigov/react-icons/BurgerIcon').then((module)=> ({default: module['BurgerIcon']}))),\n  'CancelIcon': lazy(() => import('@digigov/react-icons/CancelIcon').then((module)=> ({default: module['CancelIcon']}))),\n  'CaretIcon': lazy(() => import('@digigov/react-icons/CaretIcon').then((module)=> ({default: module['CaretIcon']}))),\n  'ChatIcon': lazy(() => import('@digigov/react-icons/ChatIcon').then((module)=> ({default: module['ChatIcon']}))),\n  'CheckIcon': lazy(() => import('@digigov/react-icons/CheckIcon').then((module)=> ({default: module['CheckIcon']}))),\n  'ChevronIcon': lazy(() => import('@digigov/react-icons/ChevronIcon').then((module)=> ({default: module['ChevronIcon']}))),\n  'CloseIcon': lazy(() => import('@digigov/react-icons/CloseIcon').then((module)=> ({default: module['CloseIcon']}))),\n  'DownloadIcon': lazy(() => import('@digigov/react-icons/DownloadIcon').then((module)=> ({default: module['DownloadIcon']}))),\n  'ExclamationIcon': lazy(() => import('@digigov/react-icons/ExclamationIcon').then((module)=> ({default: module['ExclamationIcon']}))),\n  'GlobeIcon': lazy(() => import('@digigov/react-icons/GlobeIcon').then((module)=> ({default: module['GlobeIcon']}))),\n  'Icon': lazy(() => import('@digigov/react-icons/Icon').then((module)=> ({default: module['Icon']}))),\n  'IconBase': lazy(() => import('@digigov/react-icons/IconBase').then((module)=> ({default: module['IconBase']}))),\n  'UncheckIcon': lazy(() => import('@digigov/react-icons/UncheckIcon').then((module)=> ({default: module['UncheckIcon']}))),\n  'MoreVertIcon': lazy(() => import('@digigov/react-icons/MoreVertIcon').then((module)=> ({default: module['MoreVertIcon']}))),\n  'SearchIcon': lazy(() => import('@digigov/react-icons/SearchIcon').then((module)=> ({default: module['SearchIcon']}))),\n  'LockIcon': lazy(() => import('@digigov/react-icons/LockIcon').then((module)=> ({default: module['LockIcon']}))),\n  'PdfFileIcon': lazy(() => import('@digigov/react-icons/PdfFileIcon').then((module)=> ({default: module['PdfFileIcon']}))),\n  'PlusIcon': lazy(() => import('@digigov/react-icons/PlusIcon').then((module)=> ({default: module['PlusIcon']}))),\n  'MinusIcon': lazy(() => import('@digigov/react-icons/MinusIcon').then((module)=> ({default: module['MinusIcon']}))),\n  'LoginIcon': lazy(() => import('@digigov/react-icons/LoginIcon').then((module)=> ({default: module['LoginIcon']}))),\n  'RestoreIcon': lazy(() => import('@digigov/react-icons/RestoreIcon').then((module)=> ({default: module['RestoreIcon']}))),\n  'ReplyIcon': lazy(() => import('@digigov/react-icons/ReplyIcon').then((module)=> ({default: module['ReplyIcon']}))),\n  'PrintIcon': lazy(() => import('@digigov/react-icons/PrintIcon').then((module)=> ({default: module['PrintIcon']}))),\n  'SvgIcon': lazy(() => import('@digigov/react-icons/SvgIcon').then((module)=> ({default: module['SvgIcon']}))),\n\n}"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@digigov/react-icons",
-  "version": "2.0.0-2445d5cb",
+  "version": "2.0.0-298cfc51",
   "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-2445d5cb",
+    "@digigov/css": "2.0.0-298cfc51",
     "clsx": "1.1.1",
     "react": ">=16.8.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0"

package/registry/index.js

@@ -1,6 +1,5 @@
 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_Base from "@digigov/react-icons/Base";
 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";
@@ -12,6 +11,7 @@ import * as _digigov_react_icons_DownloadIcon from "@digigov/react-icons/Downloa
 import * as _digigov_react_icons_ExclamationIcon from "@digigov/react-icons/ExclamationIcon";
 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_IconBase from "@digigov/react-icons/IconBase";
 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";
@@ -45,7 +45,6 @@ function lazyImport(pkgImport) {
 var registry_default = {
   "@digigov/react-icons/AccessibilityIcon": lazyImport(_digigov_react_icons_AccessibilityIcon),
   "@digigov/react-icons/ArrowIcon": lazyImport(_digigov_react_icons_ArrowIcon),
-  "@digigov/react-icons/Base": lazyImport(_digigov_react_icons_Base),
   "@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),
@@ -57,6 +56,7 @@ var registry_default = {
   "@digigov/react-icons/ExclamationIcon": lazyImport(_digigov_react_icons_ExclamationIcon),
   "@digigov/react-icons/GlobeIcon": lazyImport(_digigov_react_icons_GlobeIcon),
   "@digigov/react-icons/Icon": lazyImport(_digigov_react_icons_Icon),
+  "@digigov/react-icons/IconBase": lazyImport(_digigov_react_icons_IconBase),
   "@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),

package/registry.d.ts

@@ -1,7 +1,6 @@
 declare const _default: {
     '@digigov/react-icons/AccessibilityIcon': {};
     '@digigov/react-icons/ArrowIcon': {};
-    '@digigov/react-icons/Base': {};
     '@digigov/react-icons/BurgerIcon': {};
     '@digigov/react-icons/CancelIcon': {};
     '@digigov/react-icons/CaretIcon': {};
@@ -13,6 +12,7 @@ declare const _default: {
     '@digigov/react-icons/ExclamationIcon': {};
     '@digigov/react-icons/GlobeIcon': {};
     '@digigov/react-icons/Icon': {};
+    '@digigov/react-icons/IconBase': {};
     '@digigov/react-icons/icons': {};
     '@digigov/react-icons': {};
     '@digigov/react-icons/LockIcon': {};

package/registry.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/registry.js"],
-  "sourcesContent": ["\nimport * as _digigov_react_icons_AccessibilityIcon from '@digigov/react-icons/AccessibilityIcon';\nimport * as _digigov_react_icons_ArrowIcon from '@digigov/react-icons/ArrowIcon';\nimport * as _digigov_react_icons_Base from '@digigov/react-icons/Base';\nimport * as _digigov_react_icons_BurgerIcon from '@digigov/react-icons/BurgerIcon';\nimport * as _digigov_react_icons_CancelIcon from '@digigov/react-icons/CancelIcon';\nimport * as _digigov_react_icons_CaretIcon from '@digigov/react-icons/CaretIcon';\nimport * as _digigov_react_icons_ChatIcon from '@digigov/react-icons/ChatIcon';\nimport * as _digigov_react_icons_CheckIcon from '@digigov/react-icons/CheckIcon';\nimport * as _digigov_react_icons_ChevronIcon from '@digigov/react-icons/ChevronIcon';\nimport * as _digigov_react_icons_CloseIcon from '@digigov/react-icons/CloseIcon';\nimport * as _digigov_react_icons_DownloadIcon from '@digigov/react-icons/DownloadIcon';\nimport * as _digigov_react_icons_ExclamationIcon from '@digigov/react-icons/ExclamationIcon';\nimport * as _digigov_react_icons_GlobeIcon from '@digigov/react-icons/GlobeIcon';\nimport * as _digigov_react_icons_Icon from '@digigov/react-icons/Icon';\nimport * as _digigov_react_icons_icons from '@digigov/react-icons/icons';\nimport * as _digigov_react_icons from '@digigov/react-icons';\nimport * as _digigov_react_icons_LockIcon from '@digigov/react-icons/LockIcon';\nimport * as _digigov_react_icons_LoginIcon from '@digigov/react-icons/LoginIcon';\nimport * as _digigov_react_icons_MinusIcon from '@digigov/react-icons/MinusIcon';\nimport * as _digigov_react_icons_MoreVertIcon from '@digigov/react-icons/MoreVertIcon';\nimport * as _digigov_react_icons_PdfFileIcon from '@digigov/react-icons/PdfFileIcon';\nimport * as _digigov_react_icons_PlusIcon from '@digigov/react-icons/PlusIcon';\nimport * as _digigov_react_icons_PrintIcon from '@digigov/react-icons/PrintIcon';\nimport * as _digigov_react_icons_ReplyIcon from '@digigov/react-icons/ReplyIcon';\nimport * as _digigov_react_icons_RestoreIcon from '@digigov/react-icons/RestoreIcon';\nimport * as _digigov_react_icons_SearchIcon from '@digigov/react-icons/SearchIcon';\nimport * as _digigov_react_icons_SvgIcon from '@digigov/react-icons/SvgIcon';\nimport * as _digigov_react_icons_UncheckIcon from '@digigov/react-icons/UncheckIcon'\nfunction lazyImport(pkgImport) {\n  // eslint-disable-next-line no-undef\n  return new Proxy(\n    {},\n    {\n      get: (_target, name) => {\n        if (name === '__esModule' || name === 'default') {\n          return pkgImport.default;\n        } else if(\n          name === '*'\n        ) {\n          return pkgImport;\n        } else {\n          return pkgImport[name];\n        }\n      },\n    }\n  )\n}\nexport default {\n  '@digigov/react-icons/AccessibilityIcon': lazyImport(_digigov_react_icons_AccessibilityIcon),\n  '@digigov/react-icons/ArrowIcon': lazyImport(_digigov_react_icons_ArrowIcon),\n  '@digigov/react-icons/Base': lazyImport(_digigov_react_icons_Base),\n  '@digigov/react-icons/BurgerIcon': lazyImport(_digigov_react_icons_BurgerIcon),\n  '@digigov/react-icons/CancelIcon': lazyImport(_digigov_react_icons_CancelIcon),\n  '@digigov/react-icons/CaretIcon': lazyImport(_digigov_react_icons_CaretIcon),\n  '@digigov/react-icons/ChatIcon': lazyImport(_digigov_react_icons_ChatIcon),\n  '@digigov/react-icons/CheckIcon': lazyImport(_digigov_react_icons_CheckIcon),\n  '@digigov/react-icons/ChevronIcon': lazyImport(_digigov_react_icons_ChevronIcon),\n  '@digigov/react-icons/CloseIcon': lazyImport(_digigov_react_icons_CloseIcon),\n  '@digigov/react-icons/DownloadIcon': lazyImport(_digigov_react_icons_DownloadIcon),\n  '@digigov/react-icons/ExclamationIcon': lazyImport(_digigov_react_icons_ExclamationIcon),\n  '@digigov/react-icons/GlobeIcon': lazyImport(_digigov_react_icons_GlobeIcon),\n  '@digigov/react-icons/Icon': lazyImport(_digigov_react_icons_Icon),\n  '@digigov/react-icons/icons': lazyImport(_digigov_react_icons_icons),\n  '@digigov/react-icons': lazyImport(_digigov_react_icons),\n  '@digigov/react-icons/LockIcon': lazyImport(_digigov_react_icons_LockIcon),\n  '@digigov/react-icons/LoginIcon': lazyImport(_digigov_react_icons_LoginIcon),\n  '@digigov/react-icons/MinusIcon': lazyImport(_digigov_react_icons_MinusIcon),\n  '@digigov/react-icons/MoreVertIcon': lazyImport(_digigov_react_icons_MoreVertIcon),\n  '@digigov/react-icons/PdfFileIcon': lazyImport(_digigov_react_icons_PdfFileIcon),\n  '@digigov/react-icons/PlusIcon': lazyImport(_digigov_react_icons_PlusIcon),\n  '@digigov/react-icons/PrintIcon': lazyImport(_digigov_react_icons_PrintIcon),\n  '@digigov/react-icons/ReplyIcon': lazyImport(_digigov_react_icons_ReplyIcon),\n  '@digigov/react-icons/RestoreIcon': lazyImport(_digigov_react_icons_RestoreIcon),\n  '@digigov/react-icons/SearchIcon': lazyImport(_digigov_react_icons_SearchIcon),\n  '@digigov/react-icons/SvgIcon': lazyImport(_digigov_react_icons_SvgIcon),\n  '@digigov/react-icons/UncheckIcon': lazyImport(_digigov_react_icons_UncheckIcon)\n};\n  "],
-  "mappings": "AACA,YAAY,4CAA4C;AACxD,YAAY,oCAAoC;AAChD,YAAY,+BAA+B;AAC3C,YAAY,qCAAqC;AACjD,YAAY,qCAAqC;AACjD,YAAY,oCAAoC;AAChD,YAAY,mCAAmC;AAC/C,YAAY,oCAAoC;AAChD,YAAY,sCAAsC;AAClD,YAAY,oCAAoC;AAChD,YAAY,uCAAuC;AACnD,YAAY,0CAA0C;AACtD,YAAY,oCAAoC;AAChD,YAAY,+BAA+B;AAC3C,YAAY,gCAAgC;AAC5C,YAAY,0BAA0B;AACtC,YAAY,mCAAmC;AAC/C,YAAY,oCAAoC;AAChD,YAAY,oCAAoC;AAChD,YAAY,uCAAuC;AACnD,YAAY,sCAAsC;AAClD,YAAY,mCAAmC;AAC/C,YAAY,oCAAoC;AAChD,YAAY,oCAAoC;AAChD,YAAY,sCAAsC;AAClD,YAAY,qCAAqC;AACjD,YAAY,kCAAkC;AAC9C,YAAY,sCAAsC;AAClD,SAAS,WAAW,WAAW;AAE7B,SAAO,IAAI;AAAA,IACT,CAAC;AAAA,IACD;AAAA,MACE,KAAK,CAAC,SAAS,SAAS;AACtB,YAAI,SAAS,gBAAgB,SAAS,WAAW;AAC/C,iBAAO,UAAU;AAAA,QACnB,WACE,SAAS,KACT;AACA,iBAAO;AAAA,QACT,OAAO;AACL,iBAAO,UAAU,IAAI;AAAA,QACvB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AACA,IAAO,mBAAQ;AAAA,EACb,0CAA0C,WAAW,sCAAsC;AAAA,EAC3F,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,6BAA6B,WAAW,yBAAyB;AAAA,EACjE,mCAAmC,WAAW,+BAA+B;AAAA,EAC7E,mCAAmC,WAAW,+BAA+B;AAAA,EAC7E,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,iCAAiC,WAAW,6BAA6B;AAAA,EACzE,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,oCAAoC,WAAW,gCAAgC;AAAA,EAC/E,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,qCAAqC,WAAW,iCAAiC;AAAA,EACjF,wCAAwC,WAAW,oCAAoC;AAAA,EACvF,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,6BAA6B,WAAW,yBAAyB;AAAA,EACjE,8BAA8B,WAAW,0BAA0B;AAAA,EACnE,wBAAwB,WAAW,oBAAoB;AAAA,EACvD,iCAAiC,WAAW,6BAA6B;AAAA,EACzE,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,qCAAqC,WAAW,iCAAiC;AAAA,EACjF,oCAAoC,WAAW,gCAAgC;AAAA,EAC/E,iCAAiC,WAAW,6BAA6B;AAAA,EACzE,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,oCAAoC,WAAW,gCAAgC;AAAA,EAC/E,mCAAmC,WAAW,+BAA+B;AAAA,EAC7E,gCAAgC,WAAW,4BAA4B;AAAA,EACvE,oCAAoC,WAAW,gCAAgC;AACjF;",
+  "sourcesContent": ["\nimport * as _digigov_react_icons_AccessibilityIcon from '@digigov/react-icons/AccessibilityIcon';\nimport * as _digigov_react_icons_ArrowIcon from '@digigov/react-icons/ArrowIcon';\nimport * as _digigov_react_icons_BurgerIcon from '@digigov/react-icons/BurgerIcon';\nimport * as _digigov_react_icons_CancelIcon from '@digigov/react-icons/CancelIcon';\nimport * as _digigov_react_icons_CaretIcon from '@digigov/react-icons/CaretIcon';\nimport * as _digigov_react_icons_ChatIcon from '@digigov/react-icons/ChatIcon';\nimport * as _digigov_react_icons_CheckIcon from '@digigov/react-icons/CheckIcon';\nimport * as _digigov_react_icons_ChevronIcon from '@digigov/react-icons/ChevronIcon';\nimport * as _digigov_react_icons_CloseIcon from '@digigov/react-icons/CloseIcon';\nimport * as _digigov_react_icons_DownloadIcon from '@digigov/react-icons/DownloadIcon';\nimport * as _digigov_react_icons_ExclamationIcon from '@digigov/react-icons/ExclamationIcon';\nimport * as _digigov_react_icons_GlobeIcon from '@digigov/react-icons/GlobeIcon';\nimport * as _digigov_react_icons_Icon from '@digigov/react-icons/Icon';\nimport * as _digigov_react_icons_IconBase from '@digigov/react-icons/IconBase';\nimport * as _digigov_react_icons_icons from '@digigov/react-icons/icons';\nimport * as _digigov_react_icons from '@digigov/react-icons';\nimport * as _digigov_react_icons_LockIcon from '@digigov/react-icons/LockIcon';\nimport * as _digigov_react_icons_LoginIcon from '@digigov/react-icons/LoginIcon';\nimport * as _digigov_react_icons_MinusIcon from '@digigov/react-icons/MinusIcon';\nimport * as _digigov_react_icons_MoreVertIcon from '@digigov/react-icons/MoreVertIcon';\nimport * as _digigov_react_icons_PdfFileIcon from '@digigov/react-icons/PdfFileIcon';\nimport * as _digigov_react_icons_PlusIcon from '@digigov/react-icons/PlusIcon';\nimport * as _digigov_react_icons_PrintIcon from '@digigov/react-icons/PrintIcon';\nimport * as _digigov_react_icons_ReplyIcon from '@digigov/react-icons/ReplyIcon';\nimport * as _digigov_react_icons_RestoreIcon from '@digigov/react-icons/RestoreIcon';\nimport * as _digigov_react_icons_SearchIcon from '@digigov/react-icons/SearchIcon';\nimport * as _digigov_react_icons_SvgIcon from '@digigov/react-icons/SvgIcon';\nimport * as _digigov_react_icons_UncheckIcon from '@digigov/react-icons/UncheckIcon'\nfunction lazyImport(pkgImport) {\n  // eslint-disable-next-line no-undef\n  return new Proxy(\n    {},\n    {\n      get: (_target, name) => {\n        if (name === '__esModule' || name === 'default') {\n          return pkgImport.default;\n        } else if(\n          name === '*'\n        ) {\n          return pkgImport;\n        } else {\n          return pkgImport[name];\n        }\n      },\n    }\n  )\n}\nexport default {\n  '@digigov/react-icons/AccessibilityIcon': lazyImport(_digigov_react_icons_AccessibilityIcon),\n  '@digigov/react-icons/ArrowIcon': lazyImport(_digigov_react_icons_ArrowIcon),\n  '@digigov/react-icons/BurgerIcon': lazyImport(_digigov_react_icons_BurgerIcon),\n  '@digigov/react-icons/CancelIcon': lazyImport(_digigov_react_icons_CancelIcon),\n  '@digigov/react-icons/CaretIcon': lazyImport(_digigov_react_icons_CaretIcon),\n  '@digigov/react-icons/ChatIcon': lazyImport(_digigov_react_icons_ChatIcon),\n  '@digigov/react-icons/CheckIcon': lazyImport(_digigov_react_icons_CheckIcon),\n  '@digigov/react-icons/ChevronIcon': lazyImport(_digigov_react_icons_ChevronIcon),\n  '@digigov/react-icons/CloseIcon': lazyImport(_digigov_react_icons_CloseIcon),\n  '@digigov/react-icons/DownloadIcon': lazyImport(_digigov_react_icons_DownloadIcon),\n  '@digigov/react-icons/ExclamationIcon': lazyImport(_digigov_react_icons_ExclamationIcon),\n  '@digigov/react-icons/GlobeIcon': lazyImport(_digigov_react_icons_GlobeIcon),\n  '@digigov/react-icons/Icon': lazyImport(_digigov_react_icons_Icon),\n  '@digigov/react-icons/IconBase': lazyImport(_digigov_react_icons_IconBase),\n  '@digigov/react-icons/icons': lazyImport(_digigov_react_icons_icons),\n  '@digigov/react-icons': lazyImport(_digigov_react_icons),\n  '@digigov/react-icons/LockIcon': lazyImport(_digigov_react_icons_LockIcon),\n  '@digigov/react-icons/LoginIcon': lazyImport(_digigov_react_icons_LoginIcon),\n  '@digigov/react-icons/MinusIcon': lazyImport(_digigov_react_icons_MinusIcon),\n  '@digigov/react-icons/MoreVertIcon': lazyImport(_digigov_react_icons_MoreVertIcon),\n  '@digigov/react-icons/PdfFileIcon': lazyImport(_digigov_react_icons_PdfFileIcon),\n  '@digigov/react-icons/PlusIcon': lazyImport(_digigov_react_icons_PlusIcon),\n  '@digigov/react-icons/PrintIcon': lazyImport(_digigov_react_icons_PrintIcon),\n  '@digigov/react-icons/ReplyIcon': lazyImport(_digigov_react_icons_ReplyIcon),\n  '@digigov/react-icons/RestoreIcon': lazyImport(_digigov_react_icons_RestoreIcon),\n  '@digigov/react-icons/SearchIcon': lazyImport(_digigov_react_icons_SearchIcon),\n  '@digigov/react-icons/SvgIcon': lazyImport(_digigov_react_icons_SvgIcon),\n  '@digigov/react-icons/UncheckIcon': lazyImport(_digigov_react_icons_UncheckIcon)\n};\n  "],
+  "mappings": "AACA,YAAY,4CAA4C;AACxD,YAAY,oCAAoC;AAChD,YAAY,qCAAqC;AACjD,YAAY,qCAAqC;AACjD,YAAY,oCAAoC;AAChD,YAAY,mCAAmC;AAC/C,YAAY,oCAAoC;AAChD,YAAY,sCAAsC;AAClD,YAAY,oCAAoC;AAChD,YAAY,uCAAuC;AACnD,YAAY,0CAA0C;AACtD,YAAY,oCAAoC;AAChD,YAAY,+BAA+B;AAC3C,YAAY,mCAAmC;AAC/C,YAAY,gCAAgC;AAC5C,YAAY,0BAA0B;AACtC,YAAY,mCAAmC;AAC/C,YAAY,oCAAoC;AAChD,YAAY,oCAAoC;AAChD,YAAY,uCAAuC;AACnD,YAAY,sCAAsC;AAClD,YAAY,mCAAmC;AAC/C,YAAY,oCAAoC;AAChD,YAAY,oCAAoC;AAChD,YAAY,sCAAsC;AAClD,YAAY,qCAAqC;AACjD,YAAY,kCAAkC;AAC9C,YAAY,sCAAsC;AAClD,SAAS,WAAW,WAAW;AAE7B,SAAO,IAAI;AAAA,IACT,CAAC;AAAA,IACD;AAAA,MACE,KAAK,CAAC,SAAS,SAAS;AACtB,YAAI,SAAS,gBAAgB,SAAS,WAAW;AAC/C,iBAAO,UAAU;AAAA,QACnB,WACE,SAAS,KACT;AACA,iBAAO;AAAA,QACT,OAAO;AACL,iBAAO,UAAU,IAAI;AAAA,QACvB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AACA,IAAO,mBAAQ;AAAA,EACb,0CAA0C,WAAW,sCAAsC;AAAA,EAC3F,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,mCAAmC,WAAW,+BAA+B;AAAA,EAC7E,mCAAmC,WAAW,+BAA+B;AAAA,EAC7E,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,iCAAiC,WAAW,6BAA6B;AAAA,EACzE,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,oCAAoC,WAAW,gCAAgC;AAAA,EAC/E,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,qCAAqC,WAAW,iCAAiC;AAAA,EACjF,wCAAwC,WAAW,oCAAoC;AAAA,EACvF,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,6BAA6B,WAAW,yBAAyB;AAAA,EACjE,iCAAiC,WAAW,6BAA6B;AAAA,EACzE,8BAA8B,WAAW,0BAA0B;AAAA,EACnE,wBAAwB,WAAW,oBAAoB;AAAA,EACvD,iCAAiC,WAAW,6BAA6B;AAAA,EACzE,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,qCAAqC,WAAW,iCAAiC;AAAA,EACjF,oCAAoC,WAAW,gCAAgC;AAAA,EAC/E,iCAAiC,WAAW,6BAA6B;AAAA,EACzE,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,oCAAoC,WAAW,gCAAgC;AAAA,EAC/E,mCAAmC,WAAW,+BAA+B;AAAA,EAC7E,gCAAgC,WAAW,4BAA4B;AAAA,EACvE,oCAAoC,WAAW,gCAAgC;AACjF;",
   "names": []
 }

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,13 +1,15 @@
 import React from 'react';
+import IconBase from '@digigov/react-icons/IconBase';
 
-export interface AccessibilityType {}
+export interface AccessibilityType { }
 
 export function accessibility(): React.ReactElement {
   return (
     <>
-      <title>Μενού Προσβασιμότητας</title>
-      <circle cx="12" cy="3" r="3" />
-      <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/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,4 +1,5 @@
 import React from 'react';
+import IconBase from '@digigov/react-icons/IconBase';
 
 export interface ArrowType {
   /**
@@ -15,16 +16,16 @@ export const arrow: React.FC<ArrowType> = ({ direction = 'up' }) => {
   return (
     <>
       {direction === 'left' && (
-        <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' && (
-        <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' && (
-        <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' && (
-        <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" />
       )}
     </>
   );