npm - @digigov/react-icons - Versions diffs - 2.0.0-daaf7bdf → 2.0.0-e20fed09 - Mend

@digigov/react-icons 2.0.0-daaf7bdf → 2.0.0-e20fed09

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (218) hide show

package/AccessibilityIcon/config/index.js +3 -3
package/AccessibilityIcon/config.d.ts +1 -1
package/AccessibilityIcon/config.js.map +2 -2
package/ArrowIcon/config/index.js +26 -2
package/ArrowIcon/config.js.map +2 -2
package/BurgerIcon/config/index.js +29 -5
package/BurgerIcon/config.d.ts +2 -2
package/BurgerIcon/config.js.map +2 -2
package/CancelIcon/config/index.js +8 -2
package/CancelIcon/config.d.ts +1 -1
package/CancelIcon/config.js.map +2 -2
package/CaretIcon/config/index.js +2 -2
package/CaretIcon/config.js.map +2 -2
package/ChatIcon/config/index.js +8 -2
package/ChatIcon/config.js.map +2 -2
package/CheckIcon/config/index.js +8 -2
package/CheckIcon/config.d.ts +1 -1
package/CheckIcon/config.js.map +2 -2
package/ChevronIcon/config/index.js +26 -2
package/ChevronIcon/config.js.map +2 -2
package/CloseIcon/config/index.js +8 -2
package/CloseIcon/config.d.ts +1 -1
package/CloseIcon/config.js.map +2 -2
package/DownloadIcon/config/index.js +8 -2
package/DownloadIcon/config.d.ts +1 -1
package/DownloadIcon/config.js.map +2 -2
package/ExclamationIcon/config/index.js +8 -2
package/ExclamationIcon/config.d.ts +1 -1
package/ExclamationIcon/config.js.map +2 -2
package/GlobeIcon/config/index.js +8 -2
package/GlobeIcon/config.d.ts +1 -1
package/GlobeIcon/config.js.map +2 -2
package/Icon/index.d.ts +1 -1
package/Icon/index.js +1 -1
package/Icon/index.js.map +2 -2
package/{Base → IconBase}/index.d.ts +6 -6
package/{Base → IconBase}/index.js +4 -4
package/IconBase/index.js.map +7 -0
package/{Base → IconBase}/package.json +1 -1
package/LockIcon/config/index.js +8 -2
package/LockIcon/config.d.ts +1 -1
package/LockIcon/config.js.map +2 -2
package/LoginIcon/config/index.js +14 -2
package/LoginIcon/config.d.ts +1 -1
package/LoginIcon/config.js.map +2 -2
package/MinusIcon/config/index.js +2 -2
package/MinusIcon/config.d.ts +1 -1
package/MinusIcon/config.js.map +2 -2
package/MoreVertIcon/config/index.js +2 -2
package/MoreVertIcon/config.d.ts +1 -1
package/MoreVertIcon/config.js.map +2 -2
package/PdfFileIcon/config/index.js +20 -2
package/PdfFileIcon/config.d.ts +1 -1
package/PdfFileIcon/config.js.map +2 -2
package/PlusIcon/config/index.js +8 -2
package/PlusIcon/config.d.ts +1 -1
package/PlusIcon/config.js.map +2 -2
package/PrintIcon/config/index.js +8 -2
package/PrintIcon/config.d.ts +1 -1
package/PrintIcon/config.js.map +2 -2
package/ReplyIcon/config/index.js +8 -2
package/ReplyIcon/config.d.ts +1 -1
package/ReplyIcon/config.js.map +2 -2
package/RestoreIcon/config/index.js +8 -2
package/RestoreIcon/config.d.ts +1 -1
package/RestoreIcon/config.js.map +2 -2
package/SearchIcon/config/index.js +8 -2
package/SearchIcon/config.d.ts +1 -1
package/SearchIcon/config.js.map +2 -2
package/SvgIcon/index.d.ts +2 -2
package/SvgIcon/index.js +2 -2
package/SvgIcon/index.js.map +2 -2
package/UncheckIcon/config/index.js +8 -2
package/UncheckIcon/config.d.ts +1 -1
package/UncheckIcon/config.js.map +2 -2
package/cjs/AccessibilityIcon/config/index.js +3 -3
package/cjs/AccessibilityIcon/config.js.map +3 -3
package/cjs/ArrowIcon/config/index.js +26 -2
package/cjs/ArrowIcon/config.js.map +3 -3
package/cjs/BurgerIcon/config/index.js +29 -5
package/cjs/BurgerIcon/config.js.map +3 -3
package/cjs/CancelIcon/config/index.js +8 -2
package/cjs/CancelIcon/config.js.map +3 -3
package/cjs/CaretIcon/config/index.js +2 -2
package/cjs/CaretIcon/config.js.map +3 -3
package/cjs/ChatIcon/config/index.js +8 -2
package/cjs/ChatIcon/config.js.map +3 -3
package/cjs/CheckIcon/config/index.js +8 -2
package/cjs/CheckIcon/config.js.map +3 -3
package/cjs/ChevronIcon/config/index.js +26 -2
package/cjs/ChevronIcon/config.js.map +3 -3
package/cjs/CloseIcon/config/index.js +8 -2
package/cjs/CloseIcon/config.js.map +3 -3
package/cjs/DownloadIcon/config/index.js +8 -2
package/cjs/DownloadIcon/config.js.map +3 -3
package/cjs/ExclamationIcon/config/index.js +8 -2
package/cjs/ExclamationIcon/config.js.map +3 -3
package/cjs/GlobeIcon/config/index.js +8 -2
package/cjs/GlobeIcon/config.js.map +3 -3
package/cjs/Icon/index.js +1 -1
package/cjs/Icon/index.js.map +2 -2
package/cjs/{Base → IconBase}/index.js +8 -8
package/cjs/IconBase/index.js.map +7 -0
package/cjs/LockIcon/config/index.js +8 -2
package/cjs/LockIcon/config.js.map +3 -3
package/cjs/LoginIcon/config/index.js +14 -2
package/cjs/LoginIcon/config.js.map +3 -3
package/cjs/MinusIcon/config/index.js +2 -2
package/cjs/MinusIcon/config.js.map +3 -3
package/cjs/MoreVertIcon/config/index.js +2 -2
package/cjs/MoreVertIcon/config.js.map +3 -3
package/cjs/PdfFileIcon/config/index.js +20 -2
package/cjs/PdfFileIcon/config.js.map +3 -3
package/cjs/PlusIcon/config/index.js +8 -2
package/cjs/PlusIcon/config.js.map +3 -3
package/cjs/PrintIcon/config/index.js +8 -2
package/cjs/PrintIcon/config.js.map +3 -3
package/cjs/ReplyIcon/config/index.js +8 -2
package/cjs/ReplyIcon/config.js.map +3 -3
package/cjs/RestoreIcon/config/index.js +8 -2
package/cjs/RestoreIcon/config.js.map +3 -3
package/cjs/SearchIcon/config/index.js +8 -2
package/cjs/SearchIcon/config.js.map +3 -3
package/cjs/SvgIcon/index.js +2 -2
package/cjs/SvgIcon/index.js.map +3 -3
package/cjs/UncheckIcon/config/index.js +8 -2
package/cjs/UncheckIcon/config.js.map +3 -3
package/cjs/icons.js.map +1 -1
package/cjs/lazy/index.js +7 -7
package/cjs/lazy.js.map +3 -3
package/cjs/registry/index.js +52 -6
package/cjs/registry.js.map +3 -3
package/icons.d.ts +11 -11
package/icons.js.map +1 -1
package/index.js +1 -1
package/lazy/index.js +28 -32
package/package.json +4 -4
package/registry/index.js +85 -40
package/src/AccessibilityIcon/__snapshots__/index.test.tsx.snap +126 -27
package/src/AccessibilityIcon/config.tsx +7 -6
package/src/AccessibilityIcon/index.test.tsx +12 -4
package/src/ArrowIcon/__snapshots__/index.test.tsx.snap +13 -1
package/src/ArrowIcon/config.tsx +17 -5
package/src/BurgerIcon/__snapshots__/index.test.tsx.snap +53 -5
package/src/BurgerIcon/config.tsx +24 -8
package/src/BurgerIcon/index.test.tsx +6 -2
package/src/CancelIcon/__snapshots__/index.test.tsx.snap +28 -7
package/src/CancelIcon/config.tsx +7 -4
package/src/CancelIcon/index.test.tsx +6 -2
package/src/CaretIcon/__snapshots__/index.test.tsx.snap +13 -1
package/src/CaretIcon/config.tsx +5 -5
package/src/ChatIcon/__snapshots__/index.test.tsx.snap +31 -7
package/src/ChatIcon/config.tsx +6 -3
package/src/ChatIcon/index.test.tsx +7 -3
package/src/CheckIcon/__snapshots__/index.test.tsx.snap +32 -8
package/src/CheckIcon/config.tsx +7 -4
package/src/CheckIcon/index.test.tsx +6 -2
package/src/ChevronIcon/__snapshots__/index.test.tsx.snap +13 -1
package/src/ChevronIcon/config.tsx +17 -5
package/src/ChevronIcon/index.test.tsx +6 -2
package/src/CloseIcon/__snapshots__/index.test.tsx.snap +4 -1
package/src/CloseIcon/config.tsx +7 -4
package/src/DownloadIcon/__snapshots__/index.test.tsx.snap +70 -14
package/src/DownloadIcon/config.tsx +10 -7
package/src/DownloadIcon/index.test.tsx +9 -3
package/src/ExclamationIcon/__snapshots__/index.test.tsx.snap +42 -7
package/src/ExclamationIcon/config.tsx +8 -5
package/src/ExclamationIcon/index.test.tsx +12 -4
package/src/GlobeIcon/__snapshots__/index.test.tsx.snap +16 -4
package/src/GlobeIcon/config.tsx +7 -4
package/src/GlobeIcon/index.test.tsx +3 -1
package/src/Icon/__snapshots__/index.test.tsx.snap +40 -1
package/src/Icon/index.test.tsx +3 -1
package/src/Icon/index.tsx +1 -1
package/src/{Base → IconBase}/index.tsx +10 -10
package/src/LockIcon/__snapshots__/index.test.tsx.snap +28 -7
package/src/LockIcon/config.tsx +7 -4
package/src/LockIcon/index.test.tsx +6 -2
package/src/LoginIcon/__snapshots__/index.test.tsx.snap +42 -7
package/src/LoginIcon/config.tsx +11 -5
package/src/LoginIcon/index.test.tsx +6 -2
package/src/MinusIcon/__snapshots__/index.test.tsx.snap +28 -7
package/src/MinusIcon/config.tsx +4 -4
package/src/MinusIcon/index.test.tsx +6 -2
package/src/MoreVertIcon/__snapshots__/index.test.tsx.snap +72 -9
package/src/MoreVertIcon/config.tsx +6 -6
package/src/MoreVertIcon/index.test.tsx +12 -4
package/src/PdfFileIcon/__snapshots__/index.test.tsx.snap +126 -21
package/src/PdfFileIcon/config.tsx +20 -11
package/src/PdfFileIcon/index.test.tsx +6 -2
package/src/PlusIcon/__snapshots__/index.test.tsx.snap +28 -7
package/src/PlusIcon/config.tsx +7 -4
package/src/PlusIcon/index.test.tsx +6 -2
package/src/PrintIcon/__snapshots__/index.test.tsx.snap +42 -7
package/src/PrintIcon/config.tsx +8 -5
package/src/PrintIcon/index.test.tsx +6 -2
package/src/ReplyIcon/__snapshots__/index.test.tsx.snap +28 -7
package/src/ReplyIcon/config.tsx +7 -4
package/src/ReplyIcon/index.test.tsx +6 -2
package/src/RestoreIcon/__snapshots__/index.test.tsx.snap +56 -7
package/src/RestoreIcon/config.tsx +9 -6
package/src/RestoreIcon/index.test.tsx +6 -2
package/src/SearchIcon/__snapshots__/index.test.tsx.snap +4 -1
package/src/SearchIcon/config.tsx +7 -4
package/src/SvgIcon/__snapshots__/index.test.tsx.snap +34 -17
package/src/SvgIcon/index.tsx +15 -15
package/src/UncheckIcon/__snapshots__/index.test.tsx.snap +36 -9
package/src/UncheckIcon/config.tsx +7 -4
package/src/UncheckIcon/index.test.tsx +6 -2
package/src/icons.ts +11 -12
package/src/lazy.js +28 -29
package/src/registry.js +77 -33
package/Base/index.js.map +0 -7
package/cjs/Base/index.js.map +0 -7
package/lazy.d.ts +0 -29
package/lazy.js.map +0 -7
package/registry.d.ts +0 -31
package/registry.js.map +0 -7

package/src/BurgerIcon/config.tsx CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,15 +1,18 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the CancelIcon with no props 1`] = `
 <body>
   <div>
     <svg
       aria-hidden="true"
+      as="svg"
       class="ds-svg-icon--cancel ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         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"
       />
     </svg>
@@ -22,11 +25,14 @@ exports[`renders the CancelIcon with prop color=error and size= xl 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--cancel ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         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"
       />
     </svg>
@@ -39,11 +45,14 @@ exports[`renders the CancelIcon with prop color=warning 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--cancel ds-svg-icon ds-svg-icon--warning"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         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"
       />
     </svg>
@@ -56,11 +65,14 @@ exports[`renders the CancelIcon with prop color=warning and size=s 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--cancel ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--cancel ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         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"
       />
     </svg>
@@ -73,11 +85,14 @@ exports[`renders the CancelIcon with prop color=white 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--cancel ds-svg-icon--white ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--cancel ds-svg-icon ds-svg-icon--white"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         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"
       />
     </svg>
@@ -90,11 +105,14 @@ exports[`renders the CancelIcon with prop size=m 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--cancel ds-svg-icon--md ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--cancel ds-svg-icon ds-svg-icon--md"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         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"
       />
     </svg>
@@ -107,11 +125,14 @@ exports[`renders the CancelIcon with prop size=xl 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--cancel ds-svg-icon--xl ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--cancel ds-svg-icon ds-svg-icon--xl"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         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"
       />
     </svg>

package/src/CancelIcon/config.tsx CHANGED Viewed

@@ -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 {
+export function cancel(): React.ReactElement<any> {
   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 CHANGED Viewed

@@ -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/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,15 +1,18 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the CaretIcon with direction down prop 1`] = `
 <body>
   <div>
     <svg
       aria-hidden="true"
+      as="svg"
       class="ds-svg-icon--caret ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         d="M22,6H2l10,12L22,6z"
       />
     </svg>
@@ -22,11 +25,14 @@ exports[`renders the CaretIcon with direction right prop 1`] = `
   <div>
     <svg
       aria-hidden="true"
+      as="svg"
       class="ds-svg-icon--caret ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         d="M6,2v20l12-10L6,2z"
       />
     </svg>
@@ -39,11 +45,14 @@ exports[`renders the CaretIcon with direction up prop 1`] = `
   <div>
     <svg
       aria-hidden="true"
+      as="svg"
       class="ds-svg-icon--caret ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         d="M2,18h20L12,6L2,18z"
       />
     </svg>
@@ -56,11 +65,14 @@ exports[`renders the CaretIcon with no props, direction prop is left by default
   <div>
     <svg
       aria-hidden="true"
+      as="svg"
       class="ds-svg-icon--caret ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         d="M18,22V2L6,12L18,22z"
       />
     </svg>

package/src/CaretIcon/config.tsx CHANGED Viewed

@@ -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/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,15 +1,18 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the ChatIcon with dots 1`] = `
 <body>
   <div>
     <svg
       aria-hidden="true"
+      as="svg"
       class="ds-svg-icon--chat ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         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"
       />
     </svg>
@@ -22,11 +25,14 @@ exports[`renders the ChatIcon with no props 1`] = `
   <div>
     <svg
       aria-hidden="true"
+      as="svg"
       class="ds-svg-icon--chat ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
       />
     </svg>
@@ -39,11 +45,14 @@ exports[`renders the ChatIcon with prop color=error and size= xl 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--chat ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--chat ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
       />
     </svg>
@@ -56,11 +65,14 @@ exports[`renders the ChatIcon with prop color=warning 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--chat ds-svg-icon--warning ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--chat ds-svg-icon ds-svg-icon--warning"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
       />
     </svg>
@@ -73,11 +85,14 @@ exports[`renders the ChatIcon with prop color=warning and size=sm 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--chat ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--chat ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
       />
     </svg>
@@ -90,11 +105,14 @@ exports[`renders the ChatIcon with prop color=white 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--chat ds-svg-icon--white ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--chat ds-svg-icon ds-svg-icon--white"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
       />
     </svg>
@@ -107,11 +125,14 @@ exports[`renders the ChatIcon with prop size=md 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--chat ds-svg-icon--md ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--chat ds-svg-icon ds-svg-icon--md"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
       />
     </svg>
@@ -124,11 +145,14 @@ exports[`renders the ChatIcon with prop size=xl 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--chat ds-svg-icon--xl ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--chat ds-svg-icon ds-svg-icon--xl"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <path
+        as="path"
+        class=""
         d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
       />
     </svg>

package/src/ChatIcon/config.tsx CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,15 +1,18 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the CheckIcon with no props 1`] = `
 <body>
   <div>
     <svg
       aria-hidden="true"
+      as="svg"
       class="ds-svg-icon--check ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <polygon
+        as="polygon"
+        class=""
         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"
       />
     </svg>
@@ -22,11 +25,14 @@ exports[`renders the CheckIcon with prop color=error and size= xl 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--check ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--check ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <polygon
+        as="polygon"
+        class=""
         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"
       />
     </svg>
@@ -39,11 +45,14 @@ exports[`renders the CheckIcon with prop color=success 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--check ds-svg-icon--success ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--check ds-svg-icon ds-svg-icon--success"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <polygon
+        as="polygon"
+        class=""
         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"
       />
     </svg>
@@ -56,11 +65,14 @@ exports[`renders the CheckIcon with prop color=warning 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--check ds-svg-icon--warning ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--check ds-svg-icon ds-svg-icon--warning"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <polygon
+        as="polygon"
+        class=""
         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"
       />
     </svg>
@@ -73,11 +85,14 @@ exports[`renders the CheckIcon with prop color=warning and size=s 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--check ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--check ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <polygon
+        as="polygon"
+        class=""
         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"
       />
     </svg>
@@ -90,11 +105,14 @@ exports[`renders the CheckIcon with prop color=white 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--check ds-svg-icon--white ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--check ds-svg-icon ds-svg-icon--white"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <polygon
+        as="polygon"
+        class=""
         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"
       />
     </svg>
@@ -107,11 +125,14 @@ exports[`renders the CheckIcon with prop size=m 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--check ds-svg-icon--md ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--check ds-svg-icon ds-svg-icon--md"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <polygon
+        as="polygon"
+        class=""
         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"
       />
     </svg>
@@ -124,11 +145,14 @@ exports[`renders the CheckIcon with prop size=xl 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--check ds-svg-icon--xl ds-svg-icon"
+      as="svg"
+      class="ds-svg-icon--check ds-svg-icon ds-svg-icon--xl"
       focusable="false"
       viewBox="0 0 24 24"
     >
       <polygon
+        as="polygon"
+        class=""
         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"
       />
     </svg>

package/src/CheckIcon/config.tsx CHANGED Viewed

@@ -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 {
+export function check(): React.ReactElement<any> {
   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 CHANGED Viewed

@@ -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();
 });