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

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

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

package/src/CancelIcon/index.test.tsx

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

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

@@ -111,28 +111,28 @@ exports[`renders the ChatIcon with prop color=error and size= xl 1`] = `
 </ChatIcon>
 `;
 
-exports[`renders the ChatIcon with prop color=light 1`] = `
+exports[`renders the ChatIcon with prop color=warning 1`] = `
 <ChatIcon
-  color="light"
+  color="warning"
 >
   <ForwardRef(Icon)
-    color="light"
+    color="warning"
     icon="chat"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--chat"
-      color="light"
+      color="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--chat ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--chat ds-svg-icon--warning ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--chat ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--chat ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -148,28 +148,31 @@ exports[`renders the ChatIcon with prop color=light 1`] = `
 </ChatIcon>
 `;
 
-exports[`renders the ChatIcon with prop color=warning 1`] = `
+exports[`renders the ChatIcon with prop color=warning and size=sm 1`] = `
 <ChatIcon
   color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
     color="warning"
     icon="chat"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--chat"
       color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--chat ds-svg-icon--warning ds-svg-icon"
+        className="ds-svg-icon--chat 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--chat ds-svg-icon--warning ds-svg-icon"
+          className="ds-svg-icon--chat ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -185,31 +188,28 @@ exports[`renders the ChatIcon with prop color=warning 1`] = `
 </ChatIcon>
 `;
 
-exports[`renders the ChatIcon with prop color=warning and size=sm 1`] = `
+exports[`renders the ChatIcon with prop color=white 1`] = `
 <ChatIcon
-  color="warning"
-  size="sm"
+  color="white"
 >
   <ForwardRef(Icon)
-    color="warning"
+    color="white"
     icon="chat"
-    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--chat"
-      color="warning"
-      size="sm"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--chat ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--chat ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--chat ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--chat ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/src/ChatIcon/index.test.tsx

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

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

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

package/src/CheckIcon/index.test.tsx

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

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

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

package/src/DownloadIcon/index.test.tsx

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

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

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

package/src/ExclamationIcon/index.test.tsx

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