@digigov/react-icons 2.0.0-rc.24 → 2.0.0-rc.26

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": ["import * 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 (name === '*') {\n          return pkgImport;\n        } else {\n          return pkgImport[name];\n        }\n      },\n    }\n  );\n}\nexport default {\n  '@digigov/react-icons/AccessibilityIcon': lazyImport(\n    _digigov_react_icons_AccessibilityIcon\n  ),\n  '@digigov/react-icons/ArrowIcon': lazyImport(_digigov_react_icons_ArrowIcon),\n  '@digigov/react-icons/BurgerIcon': lazyImport(\n    _digigov_react_icons_BurgerIcon\n  ),\n  '@digigov/react-icons/CancelIcon': lazyImport(\n    _digigov_react_icons_CancelIcon\n  ),\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(\n    _digigov_react_icons_ChevronIcon\n  ),\n  '@digigov/react-icons/CloseIcon': lazyImport(_digigov_react_icons_CloseIcon),\n  '@digigov/react-icons/DownloadIcon': lazyImport(\n    _digigov_react_icons_DownloadIcon\n  ),\n  '@digigov/react-icons/ExclamationIcon': lazyImport(\n    _digigov_react_icons_ExclamationIcon\n  ),\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(\n    _digigov_react_icons_MoreVertIcon\n  ),\n  '@digigov/react-icons/PdfFileIcon': lazyImport(\n    _digigov_react_icons_PdfFileIcon\n  ),\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(\n    _digigov_react_icons_RestoreIcon\n  ),\n  '@digigov/react-icons/SearchIcon': lazyImport(\n    _digigov_react_icons_SearchIcon\n  ),\n  '@digigov/react-icons/SvgIcon': lazyImport(_digigov_react_icons_SvgIcon),\n  '@digigov/react-icons/UncheckIcon': lazyImport(\n    _digigov_react_icons_UncheckIcon\n  ),\n};\n"],
+  "mappings": "AAAA,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,WAAW,SAAS,KAAK;AACvB,iBAAO;AAAA,QACT,OAAO;AACL,iBAAO,UAAU,IAAI;AAAA,QACvB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AACA,IAAO,mBAAQ;AAAA,EACb,0CAA0C;AAAA,IACxC;AAAA,EACF;AAAA,EACA,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,mCAAmC;AAAA,IACjC;AAAA,EACF;AAAA,EACA,mCAAmC;AAAA,IACjC;AAAA,EACF;AAAA,EACA,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,iCAAiC,WAAW,6BAA6B;AAAA,EACzE,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,oCAAoC;AAAA,IAClC;AAAA,EACF;AAAA,EACA,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,qCAAqC;AAAA,IACnC;AAAA,EACF;AAAA,EACA,wCAAwC;AAAA,IACtC;AAAA,EACF;AAAA,EACA,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;AAAA,IACnC;AAAA,EACF;AAAA,EACA,oCAAoC;AAAA,IAClC;AAAA,EACF;AAAA,EACA,iCAAiC,WAAW,6BAA6B;AAAA,EACzE,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,kCAAkC,WAAW,8BAA8B;AAAA,EAC3E,oCAAoC;AAAA,IAClC;AAAA,EACF;AAAA,EACA,mCAAmC;AAAA,IACjC;AAAA,EACF;AAAA,EACA,gCAAgC,WAAW,4BAA4B;AAAA,EACvE,oCAAoC;AAAA,IAClC;AAAA,EACF;AACF;",
   "names": []
 }

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 {
   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/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"
+        />
       )}
     </>
   );

package/src/BurgerIcon/config.tsx

@@ -1,22 +1,38 @@
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-icons/Base';
+import IconBase from '@digigov/react-icons/IconBase';
 
-export type BurgerType = {
+export interface BurgerType {
   active?: boolean;
-};
+}
 
 export const burger: React.FC<BurgerType> = ({ active = false }) => {
   return (
-    <Base as="g"
+    <IconBase
+      as="g"
       className={clsx({
         [`ds-svg-icon--burger--active`]: active,
       })}
     >
-      <Base as="rect" id="ds-svg-icon--burger__line-1" width="20" height="3.3" />
-      <Base as="rect" id="ds-svg-icon--burger__line-2" width="20" height="3.3" />
-      <Base as="rect" id="ds-svg-icon--burger__line-3" width="20" height="3.3" />
-    </Base>
+      <IconBase
+        as="rect"
+        id="ds-svg-icon--burger__line-1"
+        width="20"
+        height="3.3"
+      />
+      <IconBase
+        as="rect"
+        id="ds-svg-icon--burger__line-2"
+        width="20"
+        height="3.3"
+      />
+      <IconBase
+        as="rect"
+        id="ds-svg-icon--burger__line-3"
+        width="20"
+        height="3.3"
+      />
+    </IconBase>
   );
 };
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment

package/src/BurgerIcon/index.test.tsx

@@ -12,7 +12,9 @@ it('renders the BurgerIcon with prop active=true', () => {
 });
 
 it('renders the BurgerIcon with prop color=base-content', () => {
-  expect(render(<BurgerIcon color="base-content" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<BurgerIcon color="base-content" />).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the BurgerIcon prop color= "white"', () => {
@@ -22,5 +24,7 @@ it('renders the BurgerIcon prop color= "error"', () => {
   expect(render(<BurgerIcon color="error" />).baseElement).toMatchSnapshot();
 });
 it('renders the BurgerIcon props active color= "white"', () => {
-  expect(render(<BurgerIcon active color="white" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<BurgerIcon active color="white" />).baseElement
+  ).toMatchSnapshot();
 });

package/src/CancelIcon/config.tsx

@@ -1,12 +1,15 @@
 import React from 'react';
-import Base from '@digigov/react-icons/Base';
+import IconBase from '@digigov/react-icons/IconBase';
 
-export interface CancelType { }
+export interface CancelType {}
 
 export function cancel(): React.ReactElement {
   return (
     <>
-      <Base as="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" />
+      <IconBase
+        as="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"
+      />
     </>
   );
 }

package/src/CancelIcon/index.test.tsx

@@ -19,8 +19,12 @@ it('renders the CancelIcon with prop color=warning', () => {
   expect(render(<CancelIcon color="warning" />).baseElement).toMatchSnapshot();
 });
 it('renders the CancelIcon with prop color=warning and size=s', () => {
-  expect(render(<CancelIcon color="warning" size="sm" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<CancelIcon color="warning" size="sm" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the CancelIcon with prop color=error and size= xl', () => {
-  expect(render(<CancelIcon color="warning" size="xl" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<CancelIcon color="warning" size="xl" />).baseElement
+  ).toMatchSnapshot();
 });

package/src/CaretIcon/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 CaretType {
   /**
@@ -15,10 +15,10 @@ export interface CaretType {
 export const caret: React.FC<CaretType> = ({ direction = 'left' }) => {
   return (
     <>
-      {direction === 'left' && <Base as="path" d="M18,22V2L6,12L18,22z" />}
-      {direction === 'right' && <Base as="path" d="M6,2v20l12-10L6,2z" />}
-      {direction === 'up' && <Base as="path" d="M2,18h20L12,6L2,18z" />}
-      {direction === 'down' && <Base as="path" d="M22,6H2l10,12L22,6z" />}
+      {direction === 'left' && <IconBase as="path" d="M18,22V2L6,12L18,22z" />}
+      {direction === 'right' && <IconBase as="path" d="M6,2v20l12-10L6,2z" />}
+      {direction === 'up' && <IconBase as="path" d="M2,18h20L12,6L2,18z" />}
+      {direction === 'down' && <IconBase as="path" d="M22,6H2l10,12L22,6z" />}
     </>
   );
 };

package/src/ChatIcon/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 ChatType {
   /**
@@ -14,9 +14,12 @@ export const chat: React.FC<ChatType> = ({ dots = false }) => {
   return (
     <>
       {dots ? (
-        <Base as="path" d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2ZM7.65,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM12,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM16.35,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3Z" />
+        <IconBase
+          as="path"
+          d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2ZM7.65,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM12,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM16.35,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3Z"
+        />
       ) : (
-        <Base as="path" d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z" />
+        <IconBase as="path" d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z" />
       )}
     </>
   );

package/src/ChatIcon/index.test.tsx

@@ -7,7 +7,7 @@ it('renders the ChatIcon with no props', () => {
   expect(render(<ChatIcon />).baseElement).toMatchSnapshot();
 });
 it('renders the ChatIcon with dots', () => {
-  expect(render(<ChatIcon dots/>).baseElement).toMatchSnapshot();
+  expect(render(<ChatIcon dots />).baseElement).toMatchSnapshot();
 });
 it('renders the ChatIcon with prop size=md', () => {
   expect(render(<ChatIcon size="md" />).baseElement).toMatchSnapshot();
@@ -22,8 +22,12 @@ it('renders the ChatIcon with prop color=warning', () => {
   expect(render(<ChatIcon color="warning" />).baseElement).toMatchSnapshot();
 });
 it('renders the ChatIcon with prop color=warning and size=sm', () => {
-  expect(render(<ChatIcon color="warning" size="sm" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<ChatIcon color="warning" size="sm" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the ChatIcon with prop color=error and size= xl', () => {
-  expect(render(<ChatIcon color="warning" size="xl" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<ChatIcon color="warning" size="xl" />).baseElement
+  ).toMatchSnapshot();
 });

package/src/CheckIcon/config.tsx

@@ -1,12 +1,15 @@
 import React from 'react';
-import Base from '@digigov/react-icons/Base';
+import IconBase from '@digigov/react-icons/IconBase';
 
-export interface CheckType { }
+export interface CheckType {}
 
 export function check(): React.ReactElement {
   return (
     <>
-      <Base as="polygon" points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94" />
+      <IconBase
+        as="polygon"
+        points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
+      />
     </>
   );
 }

package/src/CheckIcon/index.test.tsx

@@ -22,8 +22,12 @@ it('renders the CheckIcon with prop color=warning', () => {
   expect(render(<CheckIcon color="warning" />).baseElement).toMatchSnapshot();
 });
 it('renders the CheckIcon with prop color=warning and size=s', () => {
-  expect(render(<CheckIcon color="warning" size="sm" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<CheckIcon color="warning" size="sm" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the CheckIcon with prop color=error and size= xl', () => {
-  expect(render(<CheckIcon color="warning" size="xl" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<CheckIcon color="warning" size="xl" />).baseElement
+  ).toMatchSnapshot();
 });

package/src/ChevronIcon/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 ChevronType {
   /**
@@ -17,16 +17,28 @@ export const chevron: React.FC<ChevronType> = ({ direction = 'right' }) => {
   return (
     <>
       {direction === 'left' && (
-        <Base as="path" d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z" />
+        <IconBase
+          as="path"
+          d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
+        />
       )}
       {direction === 'right' && (
-        <Base as="path" d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z" />
+        <IconBase
+          as="path"
+          d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
+        />
       )}
       {direction === 'up' && (
-        <Base as="path" d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z" />
+        <IconBase
+          as="path"
+          d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
+        />
       )}
       {direction === 'down' && (
-        <Base as="path" d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z" />
+        <IconBase
+          as="path"
+          d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
+        />
       )}
     </>
   );

package/src/ChevronIcon/index.test.tsx

@@ -8,7 +8,9 @@ it('renders the ChevronIcon with no props, direction prop is right by default',
 });
 
 it('renders the ChevronIcon with direction left prop', () => {
-  expect(render(<ChevronIcon direction="left" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<ChevronIcon direction="left" />).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the ChevronIcon with direction up prop', () => {
@@ -16,5 +18,7 @@ it('renders the ChevronIcon with direction up prop', () => {
 });
 
 it('renders the ChevronIcon with direction down prop', () => {
-  expect(render(<ChevronIcon direction="down" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<ChevronIcon direction="down" />).baseElement
+  ).toMatchSnapshot();
 });

package/src/CloseIcon/config.tsx

@@ -1,12 +1,15 @@
 import React from 'react';
-import Base from '@digigov/react-icons/Base';
+import IconBase from '@digigov/react-icons/IconBase';
 
-export interface CloseType { }
+export interface CloseType {}
 
 export function close(): React.ReactElement {
   return (
     <>
-      <Base as="polygon" points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 " />
+      <IconBase
+        as="polygon"
+        points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
+      />
     </>
   );
 }

package/src/DownloadIcon/config.tsx

@@ -1,14 +1,17 @@
 import React from 'react';
-import Base from '@digigov/react-icons/Base';
+import IconBase from '@digigov/react-icons/IconBase';
 
-export interface DownloadType { }
+export interface DownloadType {}
 
 export function download(): React.ReactElement {
   return (
-    <Base as="g">
-      <Base as="polygon" points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18" />
-      <Base as="rect" x="6" y="18.699" width="12" height="3.301" />
-    </Base>
+    <IconBase as="g">
+      <IconBase
+        as="polygon"
+        points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
+      />
+      <IconBase as="rect" x="6" y="18.699" width="12" height="3.301" />
+    </IconBase>
   );
 }
 

package/src/DownloadIcon/index.test.tsx

@@ -16,11 +16,17 @@ it('renders the DownloadIcon with prop color=white', () => {
   expect(render(<DownloadIcon color="white" />).baseElement).toMatchSnapshot();
 });
 it('renders the DownloadIcon with prop color=warning', () => {
-  expect(render(<DownloadIcon color="warning" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<DownloadIcon color="warning" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the DownloadIcon with prop color=warning and size=s', () => {
-  expect(render(<DownloadIcon color="warning" size="sm" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<DownloadIcon color="warning" size="sm" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the DownloadIcon with prop color=error and size= xl', () => {
-  expect(render(<DownloadIcon color="warning" size="xl" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<DownloadIcon color="warning" size="xl" />).baseElement
+  ).toMatchSnapshot();
 });

package/src/ExclamationIcon/config.tsx

@@ -1,13 +1,16 @@
 import React from 'react';
-import Base from '@digigov/react-icons/Base';
+import IconBase from '@digigov/react-icons/IconBase';
 
-export interface ExclamationType { }
+export interface ExclamationType {}
 
 export function exclamation(): React.ReactElement {
   return (
     <>
-      <Base as="path" d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z" />
-      <Base as="circle" cx="11.993" cy="19.9" r="2.1" />
+      <IconBase
+        as="path"
+        d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
+      />
+      <IconBase as="circle" cx="11.993" cy="19.9" r="2.1" />
     </>
   );
 }

package/src/ExclamationIcon/index.test.tsx

@@ -13,14 +13,22 @@ it('renders the ExclamationIcon with prop size=xl', () => {
   expect(render(<ExclamationIcon size="xl" />).baseElement).toMatchSnapshot();
 });
 it('renders the ExclamationIcon with prop color=white', () => {
-  expect(render(<ExclamationIcon color="white" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<ExclamationIcon color="white" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the ExclamationIcon with prop color=warning', () => {
-  expect(render(<ExclamationIcon color="warning" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<ExclamationIcon color="warning" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the ExclamationIcon with prop color=error and size=sm', () => {
-  expect(render(<ExclamationIcon color="error" size="sm" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<ExclamationIcon color="error" size="sm" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the ExclamationIcon with prop color=info and size= xl', () => {
-  expect(render(<ExclamationIcon color="info" size="xl" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<ExclamationIcon color="info" size="xl" />).baseElement
+  ).toMatchSnapshot();
 });

package/src/GlobeIcon/config.tsx

@@ -1,12 +1,15 @@
 import React from 'react';
-import Base from '@digigov/react-icons/Base';
+import IconBase from '@digigov/react-icons/IconBase';
 
-export interface GlobeType { }
+export interface GlobeType {}
 
 export function globe(): React.ReactElement {
   return (
     <>
-      <Base as="path" d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z" />
+      <IconBase
+        as="path"
+        d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
+      />
     </>
   );
 }

package/src/GlobeIcon/index.test.tsx

@@ -8,7 +8,9 @@ it('renders the GlobeIcon with no props', () => {
 });
 
 it('renders the GlobeIcon with prop color=base-content', () => {
-  expect(render(<GlobeIcon color="base-content" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<GlobeIcon color="base-content" />).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the GlobeIcon prop color= "white"', () => {

package/src/Icon/index.test.tsx

@@ -17,7 +17,9 @@ it('renders the Icon prop icon= "caret"', () => {
   expect(render(<Icon icon="caret" />).baseElement).toMatchSnapshot();
 });
 it('renders the Icon prop icon= "caret" and direction=left', () => {
-  expect(render(<Icon icon="caret" direction="left" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<Icon icon="caret" direction="left" />).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Icon prop icon= "check"', () => {
   expect(render(<Icon icon="check" />).baseElement).toMatchSnapshot();

package/src/Icon/index.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import clsx from 'clsx';
-import SvgIcon, { SvgIconProps } from '@digigov/react-icons/SvgIcon';
 import * as icons from '@digigov/react-icons/icons';
 import type { IconTypes } from '@digigov/react-icons/icons';
+import SvgIcon, { SvgIconProps } from '@digigov/react-icons/SvgIcon';
 
 export type IconProps<N extends keyof IconTypes> = SvgIconProps &
   IconTypes[N] & {