@digigov/react-icons 2.0.0-298cfc51 → 2.0.0-32ae417f

package/registry/index.js

@@ -1,78 +1,123 @@
+
+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_AccessibilityIcon_config from "@digigov/react-icons/AccessibilityIcon/config";
 import * as _digigov_react_icons_AccessibilityIcon from "@digigov/react-icons/AccessibilityIcon";
+import * as _digigov_react_icons_ArrowIcon_config from "@digigov/react-icons/ArrowIcon/config";
 import * as _digigov_react_icons_ArrowIcon from "@digigov/react-icons/ArrowIcon";
+import * as _digigov_react_icons_BurgerIcon_config from "@digigov/react-icons/BurgerIcon/config";
 import * as _digigov_react_icons_BurgerIcon from "@digigov/react-icons/BurgerIcon";
+import * as _digigov_react_icons_CancelIcon_config from "@digigov/react-icons/CancelIcon/config";
 import * as _digigov_react_icons_CancelIcon from "@digigov/react-icons/CancelIcon";
+import * as _digigov_react_icons_CaretIcon_config from "@digigov/react-icons/CaretIcon/config";
 import * as _digigov_react_icons_CaretIcon from "@digigov/react-icons/CaretIcon";
+import * as _digigov_react_icons_ChatIcon_config from "@digigov/react-icons/ChatIcon/config";
 import * as _digigov_react_icons_ChatIcon from "@digigov/react-icons/ChatIcon";
+import * as _digigov_react_icons_CheckIcon_config from "@digigov/react-icons/CheckIcon/config";
 import * as _digigov_react_icons_CheckIcon from "@digigov/react-icons/CheckIcon";
+import * as _digigov_react_icons_ChevronIcon_config from "@digigov/react-icons/ChevronIcon/config";
 import * as _digigov_react_icons_ChevronIcon from "@digigov/react-icons/ChevronIcon";
+import * as _digigov_react_icons_CloseIcon_config from "@digigov/react-icons/CloseIcon/config";
 import * as _digigov_react_icons_CloseIcon from "@digigov/react-icons/CloseIcon";
+import * as _digigov_react_icons_DownloadIcon_config from "@digigov/react-icons/DownloadIcon/config";
 import * as _digigov_react_icons_DownloadIcon from "@digigov/react-icons/DownloadIcon";
+import * as _digigov_react_icons_ExclamationIcon_config from "@digigov/react-icons/ExclamationIcon/config";
 import * as _digigov_react_icons_ExclamationIcon from "@digigov/react-icons/ExclamationIcon";
+import * as _digigov_react_icons_GlobeIcon_config from "@digigov/react-icons/GlobeIcon/config";
 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_config from "@digigov/react-icons/LockIcon/config";
 import * as _digigov_react_icons_LockIcon from "@digigov/react-icons/LockIcon";
+import * as _digigov_react_icons_LoginIcon_config from "@digigov/react-icons/LoginIcon/config";
 import * as _digigov_react_icons_LoginIcon from "@digigov/react-icons/LoginIcon";
+import * as _digigov_react_icons_MinusIcon_config from "@digigov/react-icons/MinusIcon/config";
 import * as _digigov_react_icons_MinusIcon from "@digigov/react-icons/MinusIcon";
+import * as _digigov_react_icons_MoreVertIcon_config from "@digigov/react-icons/MoreVertIcon/config";
 import * as _digigov_react_icons_MoreVertIcon from "@digigov/react-icons/MoreVertIcon";
+import * as _digigov_react_icons_PdfFileIcon_config from "@digigov/react-icons/PdfFileIcon/config";
 import * as _digigov_react_icons_PdfFileIcon from "@digigov/react-icons/PdfFileIcon";
+import * as _digigov_react_icons_PlusIcon_config from "@digigov/react-icons/PlusIcon/config";
 import * as _digigov_react_icons_PlusIcon from "@digigov/react-icons/PlusIcon";
+import * as _digigov_react_icons_PrintIcon_config from "@digigov/react-icons/PrintIcon/config";
 import * as _digigov_react_icons_PrintIcon from "@digigov/react-icons/PrintIcon";
+import * as _digigov_react_icons_ReplyIcon_config from "@digigov/react-icons/ReplyIcon/config";
 import * as _digigov_react_icons_ReplyIcon from "@digigov/react-icons/ReplyIcon";
+import * as _digigov_react_icons_RestoreIcon_config from "@digigov/react-icons/RestoreIcon/config";
 import * as _digigov_react_icons_RestoreIcon from "@digigov/react-icons/RestoreIcon";
+import * as _digigov_react_icons_SearchIcon_config from "@digigov/react-icons/SearchIcon/config";
 import * as _digigov_react_icons_SearchIcon from "@digigov/react-icons/SearchIcon";
 import * as _digigov_react_icons_SvgIcon from "@digigov/react-icons/SvgIcon";
+import * as _digigov_react_icons_UncheckIcon_config from "@digigov/react-icons/UncheckIcon/config";
 import * as _digigov_react_icons_UncheckIcon from "@digigov/react-icons/UncheckIcon";
 function lazyImport(pkgImport) {
   return new Proxy(
     {},
     {
       get: (_target, name) => {
-        if (name === "__esModule" || name === "default") {
+        if (name === '__esModule' || name === 'default') {
           return pkgImport.default;
-        } else if (name === "*") {
+        } else if(
+          name === '*'
+        ) {
           return pkgImport;
         } else {
           return pkgImport[name];
         }
-      }
+      },
     }
-  );
+  )
 }
-var registry_default = {
-  "@digigov/react-icons/AccessibilityIcon": lazyImport(_digigov_react_icons_AccessibilityIcon),
-  "@digigov/react-icons/ArrowIcon": lazyImport(_digigov_react_icons_ArrowIcon),
-  "@digigov/react-icons/BurgerIcon": lazyImport(_digigov_react_icons_BurgerIcon),
-  "@digigov/react-icons/CancelIcon": lazyImport(_digigov_react_icons_CancelIcon),
-  "@digigov/react-icons/CaretIcon": lazyImport(_digigov_react_icons_CaretIcon),
-  "@digigov/react-icons/ChatIcon": lazyImport(_digigov_react_icons_ChatIcon),
-  "@digigov/react-icons/CheckIcon": lazyImport(_digigov_react_icons_CheckIcon),
-  "@digigov/react-icons/ChevronIcon": lazyImport(_digigov_react_icons_ChevronIcon),
-  "@digigov/react-icons/CloseIcon": lazyImport(_digigov_react_icons_CloseIcon),
-  "@digigov/react-icons/DownloadIcon": lazyImport(_digigov_react_icons_DownloadIcon),
-  "@digigov/react-icons/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),
-  "@digigov/react-icons/LoginIcon": lazyImport(_digigov_react_icons_LoginIcon),
-  "@digigov/react-icons/MinusIcon": lazyImport(_digigov_react_icons_MinusIcon),
-  "@digigov/react-icons/MoreVertIcon": lazyImport(_digigov_react_icons_MoreVertIcon),
-  "@digigov/react-icons/PdfFileIcon": lazyImport(_digigov_react_icons_PdfFileIcon),
-  "@digigov/react-icons/PlusIcon": lazyImport(_digigov_react_icons_PlusIcon),
-  "@digigov/react-icons/PrintIcon": lazyImport(_digigov_react_icons_PrintIcon),
-  "@digigov/react-icons/ReplyIcon": lazyImport(_digigov_react_icons_ReplyIcon),
-  "@digigov/react-icons/RestoreIcon": lazyImport(_digigov_react_icons_RestoreIcon),
-  "@digigov/react-icons/SearchIcon": lazyImport(_digigov_react_icons_SearchIcon),
-  "@digigov/react-icons/SvgIcon": lazyImport(_digigov_react_icons_SvgIcon),
-  "@digigov/react-icons/UncheckIcon": lazyImport(_digigov_react_icons_UncheckIcon)
-};
-export {
-  registry_default as default
+export default {
+  '@digigov/react-icons/icons': lazyImport(_digigov_react_icons_icons),
+  '@digigov/react-icons': lazyImport(_digigov_react_icons),
+  '@digigov/react-icons/AccessibilityIcon/config': lazyImport(_digigov_react_icons_AccessibilityIcon_config),
+  '@digigov/react-icons/AccessibilityIcon': lazyImport(_digigov_react_icons_AccessibilityIcon),
+  '@digigov/react-icons/ArrowIcon/config': lazyImport(_digigov_react_icons_ArrowIcon_config),
+  '@digigov/react-icons/ArrowIcon': lazyImport(_digigov_react_icons_ArrowIcon),
+  '@digigov/react-icons/BurgerIcon/config': lazyImport(_digigov_react_icons_BurgerIcon_config),
+  '@digigov/react-icons/BurgerIcon': lazyImport(_digigov_react_icons_BurgerIcon),
+  '@digigov/react-icons/CancelIcon/config': lazyImport(_digigov_react_icons_CancelIcon_config),
+  '@digigov/react-icons/CancelIcon': lazyImport(_digigov_react_icons_CancelIcon),
+  '@digigov/react-icons/CaretIcon/config': lazyImport(_digigov_react_icons_CaretIcon_config),
+  '@digigov/react-icons/CaretIcon': lazyImport(_digigov_react_icons_CaretIcon),
+  '@digigov/react-icons/ChatIcon/config': lazyImport(_digigov_react_icons_ChatIcon_config),
+  '@digigov/react-icons/ChatIcon': lazyImport(_digigov_react_icons_ChatIcon),
+  '@digigov/react-icons/CheckIcon/config': lazyImport(_digigov_react_icons_CheckIcon_config),
+  '@digigov/react-icons/CheckIcon': lazyImport(_digigov_react_icons_CheckIcon),
+  '@digigov/react-icons/ChevronIcon/config': lazyImport(_digigov_react_icons_ChevronIcon_config),
+  '@digigov/react-icons/ChevronIcon': lazyImport(_digigov_react_icons_ChevronIcon),
+  '@digigov/react-icons/CloseIcon/config': lazyImport(_digigov_react_icons_CloseIcon_config),
+  '@digigov/react-icons/CloseIcon': lazyImport(_digigov_react_icons_CloseIcon),
+  '@digigov/react-icons/DownloadIcon/config': lazyImport(_digigov_react_icons_DownloadIcon_config),
+  '@digigov/react-icons/DownloadIcon': lazyImport(_digigov_react_icons_DownloadIcon),
+  '@digigov/react-icons/ExclamationIcon/config': lazyImport(_digigov_react_icons_ExclamationIcon_config),
+  '@digigov/react-icons/ExclamationIcon': lazyImport(_digigov_react_icons_ExclamationIcon),
+  '@digigov/react-icons/GlobeIcon/config': lazyImport(_digigov_react_icons_GlobeIcon_config),
+  '@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/LockIcon/config': lazyImport(_digigov_react_icons_LockIcon_config),
+  '@digigov/react-icons/LockIcon': lazyImport(_digigov_react_icons_LockIcon),
+  '@digigov/react-icons/LoginIcon/config': lazyImport(_digigov_react_icons_LoginIcon_config),
+  '@digigov/react-icons/LoginIcon': lazyImport(_digigov_react_icons_LoginIcon),
+  '@digigov/react-icons/MinusIcon/config': lazyImport(_digigov_react_icons_MinusIcon_config),
+  '@digigov/react-icons/MinusIcon': lazyImport(_digigov_react_icons_MinusIcon),
+  '@digigov/react-icons/MoreVertIcon/config': lazyImport(_digigov_react_icons_MoreVertIcon_config),
+  '@digigov/react-icons/MoreVertIcon': lazyImport(_digigov_react_icons_MoreVertIcon),
+  '@digigov/react-icons/PdfFileIcon/config': lazyImport(_digigov_react_icons_PdfFileIcon_config),
+  '@digigov/react-icons/PdfFileIcon': lazyImport(_digigov_react_icons_PdfFileIcon),
+  '@digigov/react-icons/PlusIcon/config': lazyImport(_digigov_react_icons_PlusIcon_config),
+  '@digigov/react-icons/PlusIcon': lazyImport(_digigov_react_icons_PlusIcon),
+  '@digigov/react-icons/PrintIcon/config': lazyImport(_digigov_react_icons_PrintIcon_config),
+  '@digigov/react-icons/PrintIcon': lazyImport(_digigov_react_icons_PrintIcon),
+  '@digigov/react-icons/ReplyIcon/config': lazyImport(_digigov_react_icons_ReplyIcon_config),
+  '@digigov/react-icons/ReplyIcon': lazyImport(_digigov_react_icons_ReplyIcon),
+  '@digigov/react-icons/RestoreIcon/config': lazyImport(_digigov_react_icons_RestoreIcon_config),
+  '@digigov/react-icons/RestoreIcon': lazyImport(_digigov_react_icons_RestoreIcon),
+  '@digigov/react-icons/SearchIcon/config': lazyImport(_digigov_react_icons_SearchIcon_config),
+  '@digigov/react-icons/SearchIcon': lazyImport(_digigov_react_icons_SearchIcon),
+  '@digigov/react-icons/SvgIcon': lazyImport(_digigov_react_icons_SvgIcon),
+  '@digigov/react-icons/UncheckIcon/config': lazyImport(_digigov_react_icons_UncheckIcon_config),
+  '@digigov/react-icons/UncheckIcon': lazyImport(_digigov_react_icons_UncheckIcon)
 };
-//# sourceMappingURL=registry.js.map

package/src/AccessibilityIcon/config.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 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 (
     <>
       <IconBase as="title">Μενού Προσβασιμότητας</IconBase>

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

@@ -16,16 +16,28 @@ export const arrow: React.FC<ArrowType> = ({ direction = 'up' }) => {
   return (
     <>
       {direction === 'left' && (
-        <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" />
+        <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' && (
-        <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" />
+        <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' && (
-        <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" />
+        <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' && (
-        <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" />
+        <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

@@ -2,20 +2,36 @@ import React from 'react';
 import clsx from 'clsx';
 import IconBase from '@digigov/react-icons/IconBase';
 
-export type BurgerType = {
+export interface BurgerType {
   active?: boolean;
-};
+}
 
 export const burger: React.FC<BurgerType> = ({ active = false }) => {
   return (
-    <IconBase as="g"
+    <IconBase
+      as="g"
       className={clsx({
         [`ds-svg-icon--burger--active`]: active,
       })}
     >
-      <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
+        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>
   );
 };

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 IconBase from '@digigov/react-icons/IconBase';
 
-export interface CancelType { }
+export interface CancelType {}
 
-export function cancel(): React.ReactElement {
+export function cancel(): React.ReactElement<any> {
   return (
     <>
-      <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" />
+      <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/ChatIcon/config.tsx

@@ -14,7 +14,10 @@ export const chat: React.FC<ChatType> = ({ dots = false }) => {
   return (
     <>
       {dots ? (
-        <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" />
+        <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"
+        />
       ) : (
         <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,9 +1,9 @@
 import React from 'react';
 import IconBase from '@digigov/react-icons/IconBase';
 
-export interface CheckType { }
+export interface CheckType {}
 
-export function check(): React.ReactElement {
+export function check(): React.ReactElement<any> {
   return (
     <>
       <IconBase

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 IconBase from '@digigov/react-icons/IconBase'
+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' && (
-        <IconBase 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' && (
-        <IconBase 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' && (
-        <IconBase 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' && (
-        <IconBase 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,9 +1,9 @@
 import React from 'react';
 import IconBase from '@digigov/react-icons/IconBase';
 
-export interface CloseType { }
+export interface CloseType {}
 
-export function close(): React.ReactElement {
+export function close(): React.ReactElement<any> {
   return (
     <>
       <IconBase

package/src/DownloadIcon/config.tsx

@@ -1,12 +1,15 @@
 import React from 'react';
 import IconBase from '@digigov/react-icons/IconBase';
 
-export interface DownloadType { }
+export interface DownloadType {}
 
-export function download(): React.ReactElement {
+export function download(): React.ReactElement<any> {
   return (
     <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="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,12 +1,15 @@
 import React from 'react';
 import IconBase from '@digigov/react-icons/IconBase';
 
-export interface ExclamationType { }
+export interface ExclamationType {}
 
-export function exclamation(): React.ReactElement {
+export function exclamation(): React.ReactElement<any> {
   return (
     <>
-      <IconBase as="path" d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z" />
+      <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 IconBase from '@digigov/react-icons/IconBase';
 
-export interface GlobeType { }
+export interface GlobeType {}
 
-export function globe(): React.ReactElement {
+export function globe(): React.ReactElement<any> {
   return (
     <>
-      <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" />
+      <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();