@digigov/react-icons 1.2.0-a7ffb5dc → 2.0.0-7d9a8d86

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

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

package/src/CheckIcon/index.test.tsx

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

package/{cjs/ArrowIcon → src/ChevronIcon}/__snapshots__/index.test.tsx.snap

@@ -1,148 +1,148 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the ArrowIcon with direction down prop 1`] = `
-<ArrowIcon
+exports[`renders the ChevronIcon with direction down prop 1`] = `
+<ChevronIcon
   direction="down"
 >
   <ForwardRef(Icon)
     direction="down"
-    icon="arrow"
+    icon="chevron"
   >
     <ForwardRef(SvgIcon)
-      className="ds-svg-icon--arrow"
+      className="ds-svg-icon--chevron"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--arrow ds-svg-icon"
+        className="ds-svg-icon--chevron ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--arrow ds-svg-icon"
+          className="ds-svg-icon--chevron ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
-          <arrow
+          <chevron
             direction="down"
           >
             <path
               d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
             />
-          </arrow>
+          </chevron>
         </svg>
       </ForwardRef(Base)>
     </ForwardRef(SvgIcon)>
   </ForwardRef(Icon)>
-</ArrowIcon>
+</ChevronIcon>
 `;
 
-exports[`renders the ArrowIcon with direction left prop 1`] = `
-<ArrowIcon
+exports[`renders the ChevronIcon with direction left prop 1`] = `
+<ChevronIcon
   direction="left"
 >
   <ForwardRef(Icon)
     direction="left"
-    icon="arrow"
+    icon="chevron"
   >
     <ForwardRef(SvgIcon)
-      className="ds-svg-icon--arrow"
+      className="ds-svg-icon--chevron"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--arrow ds-svg-icon"
+        className="ds-svg-icon--chevron ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--arrow ds-svg-icon"
+          className="ds-svg-icon--chevron ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
-          <arrow
+          <chevron
             direction="left"
           >
             <path
               d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
             />
-          </arrow>
+          </chevron>
         </svg>
       </ForwardRef(Base)>
     </ForwardRef(SvgIcon)>
   </ForwardRef(Icon)>
-</ArrowIcon>
+</ChevronIcon>
 `;
 
-exports[`renders the ArrowIcon with direction up prop 1`] = `
-<ArrowIcon
+exports[`renders the ChevronIcon with direction up prop 1`] = `
+<ChevronIcon
   direction="up"
 >
   <ForwardRef(Icon)
     direction="up"
-    icon="arrow"
+    icon="chevron"
   >
     <ForwardRef(SvgIcon)
-      className="ds-svg-icon--arrow"
+      className="ds-svg-icon--chevron"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--arrow ds-svg-icon"
+        className="ds-svg-icon--chevron ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--arrow ds-svg-icon"
+          className="ds-svg-icon--chevron ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
-          <arrow
+          <chevron
             direction="up"
           >
             <path
               d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
             />
-          </arrow>
+          </chevron>
         </svg>
       </ForwardRef(Base)>
     </ForwardRef(SvgIcon)>
   </ForwardRef(Icon)>
-</ArrowIcon>
+</ChevronIcon>
 `;
 
-exports[`renders the ArrowIcon with no props, direction prop is right by default 1`] = `
-<ArrowIcon>
+exports[`renders the ChevronIcon with no props, direction prop is right by default 1`] = `
+<ChevronIcon>
   <ForwardRef(Icon)
-    icon="arrow"
+    icon="chevron"
   >
     <ForwardRef(SvgIcon)
-      className="ds-svg-icon--arrow"
+      className="ds-svg-icon--chevron"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--arrow ds-svg-icon"
+        className="ds-svg-icon--chevron ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--arrow ds-svg-icon"
+          className="ds-svg-icon--chevron ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
-          <arrow>
+          <chevron>
             <path
               d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
             />
-          </arrow>
+          </chevron>
         </svg>
       </ForwardRef(Base)>
     </ForwardRef(SvgIcon)>
   </ForwardRef(Icon)>
-</ArrowIcon>
+</ChevronIcon>
 `;