@digigov/react-icons 2.0.0-b3ec0588 → 2.0.0-cbc56209

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

@@ -99,28 +99,28 @@ exports[`renders the PdfFileIcon with prop color=error and size= xl 1`] = `
 </PdfFileIcon>
 `;
 
-exports[`renders the PdfFileIcon with prop color=light 1`] = `
+exports[`renders the PdfFileIcon with prop color=warning 1`] = `
 <PdfFileIcon
-  color="light"
+  color="warning"
 >
   <ForwardRef(Icon)
-    color="light"
+    color="warning"
     icon="pdfFile"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--pdfFile"
-      color="light"
+      color="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--pdfFile ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--pdfFile ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -149,28 +149,31 @@ exports[`renders the PdfFileIcon with prop color=light 1`] = `
 </PdfFileIcon>
 `;
 
-exports[`renders the PdfFileIcon with prop color=warning 1`] = `
+exports[`renders the PdfFileIcon with prop color=warning and size=s 1`] = `
 <PdfFileIcon
   color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
     color="warning"
     icon="pdfFile"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--pdfFile"
       color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon"
+        className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon"
+          className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -199,31 +202,28 @@ exports[`renders the PdfFileIcon with prop color=warning 1`] = `
 </PdfFileIcon>
 `;
 
-exports[`renders the PdfFileIcon with prop color=warning and size=s 1`] = `
+exports[`renders the PdfFileIcon with prop color=white 1`] = `
 <PdfFileIcon
-  color="warning"
-  size="sm"
+  color="white"
 >
   <ForwardRef(Icon)
-    color="warning"
+    color="white"
     icon="pdfFile"
-    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--pdfFile"
-      color="warning"
-      size="sm"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--pdfFile ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--pdfFile ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/src/PdfFileIcon/index.test.tsx

@@ -12,8 +12,8 @@ it('renders the PdfFileIcon with prop size=m', () => {
 it('renders the PdfFileIcon with prop size=xl', () => {
   expect(mount(<PdfFileIcon size="xl" />)).toMatchSnapshot();
 });
-it('renders the PdfFileIcon with prop color=light', () => {
-  expect(mount(<PdfFileIcon color="light" />)).toMatchSnapshot();
+it('renders the PdfFileIcon with prop color=white', () => {
+  expect(mount(<PdfFileIcon color="white" />)).toMatchSnapshot();
 });
 it('renders the PdfFileIcon with prop color=warning', () => {
   expect(mount(<PdfFileIcon color="warning" />)).toMatchSnapshot();

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

@@ -73,28 +73,28 @@ exports[`renders the PlusIcon with prop color=error and size= xl 1`] = `
 </PlusIcon>
 `;
 
-exports[`renders the PlusIcon with prop color=light 1`] = `
+exports[`renders the PlusIcon with prop color=warning 1`] = `
 <PlusIcon
-  color="light"
+  color="warning"
 >
   <ForwardRef(Icon)
-    color="light"
+    color="warning"
     icon="plus"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--plus"
-      color="light"
+      color="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--plus ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--plus ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -110,28 +110,31 @@ exports[`renders the PlusIcon with prop color=light 1`] = `
 </PlusIcon>
 `;
 
-exports[`renders the PlusIcon with prop color=warning 1`] = `
+exports[`renders the PlusIcon with prop color=warning and size=s 1`] = `
 <PlusIcon
   color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
     color="warning"
     icon="plus"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--plus"
       color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon"
+        className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon"
+          className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -147,31 +150,28 @@ exports[`renders the PlusIcon with prop color=warning 1`] = `
 </PlusIcon>
 `;
 
-exports[`renders the PlusIcon with prop color=warning and size=s 1`] = `
+exports[`renders the PlusIcon with prop color=white 1`] = `
 <PlusIcon
-  color="warning"
-  size="sm"
+  color="white"
 >
   <ForwardRef(Icon)
-    color="warning"
+    color="white"
     icon="plus"
-    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--plus"
-      color="warning"
-      size="sm"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--plus ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--plus ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/src/PlusIcon/index.test.tsx

@@ -12,8 +12,8 @@ it('renders the PlusIcon with prop size=m', () => {
 it('renders the PlusIcon with prop size=xl', () => {
   expect(mount(<PlusIcon size="xl" />)).toMatchSnapshot();
 });
-it('renders the PlusIcon with prop color=light', () => {
-  expect(mount(<PlusIcon color="light" />)).toMatchSnapshot();
+it('renders the PlusIcon with prop color=white', () => {
+  expect(mount(<PlusIcon color="white" />)).toMatchSnapshot();
 });
 it('renders the PlusIcon with prop color=warning', () => {
   expect(mount(<PlusIcon color="warning" />)).toMatchSnapshot();

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

@@ -131,28 +131,28 @@ exports[`renders the PrintIcon with prop color=info and size= xl 1`] = `
 </PrintIcon>
 `;
 
-exports[`renders the PrintIcon with prop color=light 1`] = `
+exports[`renders the PrintIcon with prop color=warning 1`] = `
 <PrintIcon
-  color="light"
+  color="warning"
 >
   <ForwardRef(Icon)
-    color="light"
+    color="warning"
     icon="print"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--print"
-      color="light"
+      color="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--print ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--print ds-svg-icon--warning ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--print ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--print ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -174,28 +174,28 @@ exports[`renders the PrintIcon with prop color=light 1`] = `
 </PrintIcon>
 `;
 
-exports[`renders the PrintIcon with prop color=warning 1`] = `
+exports[`renders the PrintIcon with prop color=white 1`] = `
 <PrintIcon
-  color="warning"
+  color="white"
 >
   <ForwardRef(Icon)
-    color="warning"
+    color="white"
     icon="print"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--print"
-      color="warning"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--print ds-svg-icon--warning ds-svg-icon"
+        className="ds-svg-icon--print ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--print ds-svg-icon--warning ds-svg-icon"
+          className="ds-svg-icon--print ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/src/PrintIcon/index.test.tsx

@@ -12,8 +12,8 @@ it('renders the PrintIcon with prop size=md', () => {
 it('renders the PrintIcon with prop size=xl', () => {
   expect(mount(<PrintIcon size="xl" />)).toMatchSnapshot();
 });
-it('renders the PrintIcon with prop color=light', () => {
-  expect(mount(<PrintIcon color="light" />)).toMatchSnapshot();
+it('renders the PrintIcon with prop color=white', () => {
+  expect(mount(<PrintIcon color="white" />)).toMatchSnapshot();
 });
 it('renders the PrintIcon with prop color=warning', () => {
   expect(mount(<PrintIcon color="warning" />)).toMatchSnapshot();

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

@@ -73,28 +73,28 @@ exports[`renders the ReplyIcon with prop color=error and size= xl 1`] = `
 </ReplyIcon>
 `;
 
-exports[`renders the ReplyIcon with prop color=light 1`] = `
+exports[`renders the ReplyIcon with prop color=warning 1`] = `
 <ReplyIcon
-  color="light"
+  color="warning"
 >
   <ForwardRef(Icon)
-    color="light"
+    color="warning"
     icon="reply"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--reply"
-      color="light"
+      color="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--reply ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--reply ds-svg-icon--warning ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--reply ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--reply ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -110,28 +110,31 @@ exports[`renders the ReplyIcon with prop color=light 1`] = `
 </ReplyIcon>
 `;
 
-exports[`renders the ReplyIcon with prop color=warning 1`] = `
+exports[`renders the ReplyIcon with prop color=warning and size=sm 1`] = `
 <ReplyIcon
   color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
     color="warning"
     icon="reply"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--reply"
       color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--reply ds-svg-icon--warning ds-svg-icon"
+        className="ds-svg-icon--reply ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--reply ds-svg-icon--warning ds-svg-icon"
+          className="ds-svg-icon--reply ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -147,31 +150,28 @@ exports[`renders the ReplyIcon with prop color=warning 1`] = `
 </ReplyIcon>
 `;
 
-exports[`renders the ReplyIcon with prop color=warning and size=sm 1`] = `
+exports[`renders the ReplyIcon with prop color=white 1`] = `
 <ReplyIcon
-  color="warning"
-  size="sm"
+  color="white"
 >
   <ForwardRef(Icon)
-    color="warning"
+    color="white"
     icon="reply"
-    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--reply"
-      color="warning"
-      size="sm"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--reply ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--reply ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--reply ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--reply ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/src/ReplyIcon/index.test.tsx

@@ -12,8 +12,8 @@ it('renders the ReplyIcon with prop size=md', () => {
 it('renders the ReplyIcon with prop size=xl', () => {
   expect(mount(<ReplyIcon size="xl" />)).toMatchSnapshot();
 });
-it('renders the ReplyIcon with prop color=light', () => {
-  expect(mount(<ReplyIcon color="light" />)).toMatchSnapshot();
+it('renders the ReplyIcon with prop color=white', () => {
+  expect(mount(<ReplyIcon color="white" />)).toMatchSnapshot();
 });
 it('renders the ReplyIcon with prop color=warning', () => {
   expect(mount(<ReplyIcon color="warning" />)).toMatchSnapshot();

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

@@ -89,28 +89,28 @@ exports[`renders the RestoreIcon with prop color=error and size= xl 1`] = `
 </RestoreIcon>
 `;
 
-exports[`renders the RestoreIcon with prop color=light 1`] = `
+exports[`renders the RestoreIcon with prop color=warning 1`] = `
 <RestoreIcon
-  color="light"
+  color="warning"
 >
   <ForwardRef(Icon)
-    color="light"
+    color="warning"
     icon="restore"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--restore"
-      color="light"
+      color="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--restore ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--restore ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -134,28 +134,31 @@ exports[`renders the RestoreIcon with prop color=light 1`] = `
 </RestoreIcon>
 `;
 
-exports[`renders the RestoreIcon with prop color=warning 1`] = `
+exports[`renders the RestoreIcon with prop color=warning and size=sm 1`] = `
 <RestoreIcon
   color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
     color="warning"
     icon="restore"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--restore"
       color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon"
+        className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon"
+          className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -179,31 +182,28 @@ exports[`renders the RestoreIcon with prop color=warning 1`] = `
 </RestoreIcon>
 `;
 
-exports[`renders the RestoreIcon with prop color=warning and size=sm 1`] = `
+exports[`renders the RestoreIcon with prop color=white 1`] = `
 <RestoreIcon
-  color="warning"
-  size="sm"
+  color="white"
 >
   <ForwardRef(Icon)
-    color="warning"
+    color="white"
     icon="restore"
-    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--restore"
-      color="warning"
-      size="sm"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--restore ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--restore ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/src/RestoreIcon/index.test.tsx

@@ -12,8 +12,8 @@ it('renders the RestoreIcon with prop size=md', () => {
 it('renders the RestoreIcon with prop size=xl', () => {
   expect(mount(<RestoreIcon size="xl" />)).toMatchSnapshot();
 });
-it('renders the RestoreIcon with prop color=light', () => {
-  expect(mount(<RestoreIcon color="light" />)).toMatchSnapshot();
+it('renders the RestoreIcon with prop color=white', () => {
+  expect(mount(<RestoreIcon color="white" />)).toMatchSnapshot();
 });
 it('renders the RestoreIcon with prop color=warning', () => {
   expect(mount(<RestoreIcon color="warning" />)).toMatchSnapshot();

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

@@ -147,28 +147,28 @@ exports[`renders the UncheckIcon with prop color=gray 1`] = `
 </UncheckIcon>
 `;
 
-exports[`renders the UncheckIcon with prop color=light 1`] = `
+exports[`renders the UncheckIcon with prop color=primary 1`] = `
 <UncheckIcon
-  color="light"
+  color="primary"
 >
   <ForwardRef(Icon)
-    color="light"
+    color="primary"
     icon="uncheck"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--uncheck"
-      color="light"
+      color="primary"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--uncheck ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--uncheck ds-svg-icon--primary ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--uncheck ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--uncheck ds-svg-icon--primary ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -184,28 +184,31 @@ exports[`renders the UncheckIcon with prop color=light 1`] = `
 </UncheckIcon>
 `;
 
-exports[`renders the UncheckIcon with prop color=primary 1`] = `
+exports[`renders the UncheckIcon with prop color=warning and size=s 1`] = `
 <UncheckIcon
-  color="primary"
+  color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
-    color="primary"
+    color="warning"
     icon="uncheck"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--uncheck"
-      color="primary"
+      color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--uncheck ds-svg-icon--primary ds-svg-icon"
+        className="ds-svg-icon--uncheck ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--uncheck ds-svg-icon--primary ds-svg-icon"
+          className="ds-svg-icon--uncheck ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -221,31 +224,28 @@ exports[`renders the UncheckIcon with prop color=primary 1`] = `
 </UncheckIcon>
 `;
 
-exports[`renders the UncheckIcon with prop color=warning and size=s 1`] = `
+exports[`renders the UncheckIcon with prop color=white 1`] = `
 <UncheckIcon
-  color="warning"
-  size="sm"
+  color="white"
 >
   <ForwardRef(Icon)
-    color="warning"
+    color="white"
     icon="uncheck"
-    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--uncheck"
-      color="warning"
-      size="sm"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--uncheck ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--uncheck ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--uncheck ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--uncheck ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >