@digigov/react-icons 2.0.0-8de46296 → 2.0.0-b3ec0588

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

@@ -45,28 +45,28 @@ exports[`renders the MoreVertIcon with no props 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop size=l 1`] = `
+exports[`renders the MoreVertIcon with prop color=dark 1`] = `
 <MoreVertIcon
-  size="lg"
+  color="dark"
 >
   <ForwardRef(Icon)
+    color="dark"
     icon="moreVert"
-    size="lg"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
-      size="lg"
+      color="dark"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--lg ds-svg-icon"
+        className="ds-svg-icon--moreVert ds-svg-icon--dark ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--moreVert ds-svg-icon--lg ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--dark ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -94,28 +94,31 @@ exports[`renders the MoreVertIcon with prop size=l 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop size=s 1`] = `
+exports[`renders the MoreVertIcon with prop color=error and size= xl 1`] = `
 <MoreVertIcon
-  size="sm"
+  color="warning"
+  size="xl"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="moreVert"
-    size="sm"
+    size="xl"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
-      size="sm"
+      color="warning"
+      size="xl"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--moreVert ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -143,28 +146,28 @@ exports[`renders the MoreVertIcon with prop size=s 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop variant=dark 1`] = `
+exports[`renders the MoreVertIcon with prop color=focus 1`] = `
 <MoreVertIcon
-  variant="dark"
+  color="focus"
 >
   <ForwardRef(Icon)
+    color="focus"
     icon="moreVert"
-    variant="dark"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
-      variant="dark"
+      color="focus"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--dark ds-svg-icon"
+        className="ds-svg-icon--moreVert ds-svg-icon--focus ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--moreVert ds-svg-icon--dark ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--focus ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -192,31 +195,28 @@ exports[`renders the MoreVertIcon with prop variant=dark 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop variant=error and size= xl 1`] = `
+exports[`renders the MoreVertIcon with prop color=primary 1`] = `
 <MoreVertIcon
-  size="xl"
-  variant="warning"
+  color="primary"
 >
   <ForwardRef(Icon)
+    color="primary"
     icon="moreVert"
-    size="xl"
-    variant="warning"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
-      size="xl"
-      variant="warning"
+      color="primary"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+        className="ds-svg-icon--moreVert ds-svg-icon--primary ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--primary ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -244,28 +244,28 @@ exports[`renders the MoreVertIcon with prop variant=error and size= xl 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop variant=focus 1`] = `
+exports[`renders the MoreVertIcon with prop color=success 1`] = `
 <MoreVertIcon
-  variant="focus"
+  color="success"
 >
   <ForwardRef(Icon)
+    color="success"
     icon="moreVert"
-    variant="focus"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
-      variant="focus"
+      color="success"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--focus ds-svg-icon"
+        className="ds-svg-icon--moreVert ds-svg-icon--success ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--moreVert ds-svg-icon--focus ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--success ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -293,28 +293,31 @@ exports[`renders the MoreVertIcon with prop variant=focus 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop variant=primary 1`] = `
+exports[`renders the MoreVertIcon with prop color=warning and size=s 1`] = `
 <MoreVertIcon
-  variant="primary"
+  color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="moreVert"
-    variant="primary"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
-      variant="primary"
+      color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--primary ds-svg-icon"
+        className="ds-svg-icon--moreVert 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--moreVert ds-svg-icon--primary ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -342,28 +345,28 @@ exports[`renders the MoreVertIcon with prop variant=primary 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop variant=success 1`] = `
+exports[`renders the MoreVertIcon with prop size=l 1`] = `
 <MoreVertIcon
-  variant="success"
+  size="lg"
 >
   <ForwardRef(Icon)
     icon="moreVert"
-    variant="success"
+    size="lg"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
-      variant="success"
+      size="lg"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--success ds-svg-icon"
+        className="ds-svg-icon--moreVert ds-svg-icon--lg ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--moreVert ds-svg-icon--success ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--lg ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -391,31 +394,28 @@ exports[`renders the MoreVertIcon with prop variant=success 1`] = `
 </MoreVertIcon>
 `;
 
-exports[`renders the MoreVertIcon with prop variant=warning and size=s 1`] = `
+exports[`renders the MoreVertIcon with prop size=s 1`] = `
 <MoreVertIcon
   size="sm"
-  variant="warning"
 >
   <ForwardRef(Icon)
     icon="moreVert"
     size="sm"
-    variant="warning"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--moreVert"
       size="sm"
-      variant="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--moreVert ds-svg-icon--sm ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--moreVert ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/src/MoreVertIcon/index.test.tsx

@@ -12,21 +12,21 @@ it('renders the MoreVertIcon with prop size=s', () => {
 it('renders the MoreVertIcon with prop size=l', () => {
   expect(mount(<MoreVertIcon size="lg" />)).toMatchSnapshot();
 });
-it('renders the MoreVertIcon with prop variant=dark', () => {
-  expect(mount(<MoreVertIcon variant="dark" />)).toMatchSnapshot();
+it('renders the MoreVertIcon with prop color=dark', () => {
+  expect(mount(<MoreVertIcon color="dark" />)).toMatchSnapshot();
 });
-it('renders the MoreVertIcon with prop variant=primary', () => {
-  expect(mount(<MoreVertIcon variant="primary" />)).toMatchSnapshot();
+it('renders the MoreVertIcon with prop color=primary', () => {
+  expect(mount(<MoreVertIcon color="primary" />)).toMatchSnapshot();
 });
-it('renders the MoreVertIcon with prop variant=success', () => {
-  expect(mount(<MoreVertIcon variant="success" />)).toMatchSnapshot();
+it('renders the MoreVertIcon with prop color=success', () => {
+  expect(mount(<MoreVertIcon color="success" />)).toMatchSnapshot();
 });
-it('renders the MoreVertIcon with prop variant=focus', () => {
-  expect(mount(<MoreVertIcon variant="focus" />)).toMatchSnapshot();
+it('renders the MoreVertIcon with prop color=focus', () => {
+  expect(mount(<MoreVertIcon color="focus" />)).toMatchSnapshot();
 });
-it('renders the MoreVertIcon with prop variant=warning and size=s', () => {
-  expect(mount(<MoreVertIcon variant="warning" size="sm" />)).toMatchSnapshot();
+it('renders the MoreVertIcon with prop color=warning and size=s', () => {
+  expect(mount(<MoreVertIcon color="warning" size="sm" />)).toMatchSnapshot();
 });
-it('renders the MoreVertIcon with prop variant=error and size= xl', () => {
-  expect(mount(<MoreVertIcon variant="warning" size="xl" />)).toMatchSnapshot();
+it('renders the MoreVertIcon with prop color=error and size= xl', () => {
+  expect(mount(<MoreVertIcon color="warning" size="xl" />)).toMatchSnapshot();
 });

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

@@ -46,28 +46,31 @@ exports[`renders the PdfFileIcon with no props 1`] = `
 </PdfFileIcon>
 `;
 
-exports[`renders the PdfFileIcon with prop size=m 1`] = `
+exports[`renders the PdfFileIcon with prop color=error and size= xl 1`] = `
 <PdfFileIcon
-  size="md"
+  color="warning"
+  size="xl"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="pdfFile"
-    size="md"
+    size="xl"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--pdfFile"
-      size="md"
+      color="warning"
+      size="xl"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--pdfFile ds-svg-icon--md ds-svg-icon"
+        className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--pdfFile ds-svg-icon--md ds-svg-icon"
+          className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -96,28 +99,28 @@ exports[`renders the PdfFileIcon with prop size=m 1`] = `
 </PdfFileIcon>
 `;
 
-exports[`renders the PdfFileIcon with prop size=xl 1`] = `
+exports[`renders the PdfFileIcon with prop color=light 1`] = `
 <PdfFileIcon
-  size="xl"
+  color="light"
 >
   <ForwardRef(Icon)
+    color="light"
     icon="pdfFile"
-    size="xl"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--pdfFile"
-      size="xl"
+      color="light"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--pdfFile ds-svg-icon--xl ds-svg-icon"
+        className="ds-svg-icon--pdfFile ds-svg-icon--light ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--pdfFile ds-svg-icon--xl ds-svg-icon"
+          className="ds-svg-icon--pdfFile ds-svg-icon--light ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -146,31 +149,28 @@ exports[`renders the PdfFileIcon with prop size=xl 1`] = `
 </PdfFileIcon>
 `;
 
-exports[`renders the PdfFileIcon with prop variant=error and size= xl 1`] = `
+exports[`renders the PdfFileIcon with prop color=warning 1`] = `
 <PdfFileIcon
-  size="xl"
-  variant="warning"
+  color="warning"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="pdfFile"
-    size="xl"
-    variant="warning"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--pdfFile"
-      size="xl"
-      variant="warning"
+      color="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon--xl 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--warning ds-svg-icon--xl ds-svg-icon"
+          className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -199,28 +199,31 @@ exports[`renders the PdfFileIcon with prop variant=error and size= xl 1`] = `
 </PdfFileIcon>
 `;
 
-exports[`renders the PdfFileIcon with prop variant=light 1`] = `
+exports[`renders the PdfFileIcon with prop color=warning and size=s 1`] = `
 <PdfFileIcon
-  variant="light"
+  color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="pdfFile"
-    variant="light"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--pdfFile"
-      variant="light"
+      color="warning"
+      size="sm"
     >
       <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--sm 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--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -249,28 +252,28 @@ exports[`renders the PdfFileIcon with prop variant=light 1`] = `
 </PdfFileIcon>
 `;
 
-exports[`renders the PdfFileIcon with prop variant=warning 1`] = `
+exports[`renders the PdfFileIcon with prop size=m 1`] = `
 <PdfFileIcon
-  variant="warning"
+  size="md"
 >
   <ForwardRef(Icon)
     icon="pdfFile"
-    variant="warning"
+    size="md"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--pdfFile"
-      variant="warning"
+      size="md"
     >
       <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--md 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--md ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -299,31 +302,28 @@ exports[`renders the PdfFileIcon with prop variant=warning 1`] = `
 </PdfFileIcon>
 `;
 
-exports[`renders the PdfFileIcon with prop variant=warning and size=s 1`] = `
+exports[`renders the PdfFileIcon with prop size=xl 1`] = `
 <PdfFileIcon
-  size="sm"
-  variant="warning"
+  size="xl"
 >
   <ForwardRef(Icon)
     icon="pdfFile"
-    size="sm"
-    variant="warning"
+    size="xl"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--pdfFile"
-      size="sm"
-      variant="warning"
+      size="xl"
     >
       <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--xl 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--xl ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/src/PdfFileIcon/index.test.tsx

@@ -12,15 +12,15 @@ 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 variant=light', () => {
-  expect(mount(<PdfFileIcon variant="light" />)).toMatchSnapshot();
+it('renders the PdfFileIcon with prop color=light', () => {
+  expect(mount(<PdfFileIcon color="light" />)).toMatchSnapshot();
 });
-it('renders the PdfFileIcon with prop variant=warning', () => {
-  expect(mount(<PdfFileIcon variant="warning" />)).toMatchSnapshot();
+it('renders the PdfFileIcon with prop color=warning', () => {
+  expect(mount(<PdfFileIcon color="warning" />)).toMatchSnapshot();
 });
-it('renders the PdfFileIcon with prop variant=warning and size=s', () => {
-  expect(mount(<PdfFileIcon variant="warning" size="sm" />)).toMatchSnapshot();
+it('renders the PdfFileIcon with prop color=warning and size=s', () => {
+  expect(mount(<PdfFileIcon color="warning" size="sm" />)).toMatchSnapshot();
 });
-it('renders the PdfFileIcon with prop variant=error and size= xl', () => {
-  expect(mount(<PdfFileIcon variant="warning" size="xl" />)).toMatchSnapshot();
+it('renders the PdfFileIcon with prop color=error and size= xl', () => {
+  expect(mount(<PdfFileIcon color="warning" size="xl" />)).toMatchSnapshot();
 });