@digigov/react-icons 1.2.0-dcbd7ded → 2.0.0-4be8f7cc

package/AccessibilityIcon/__snapshots__/index.test.tsx.snap

@@ -41,28 +41,28 @@ exports[`renders the AccessibilityIcon with no props 1`] = `
 </AccessibilityIcon>
 `;
 
-exports[`renders the AccessibilityIcon with prop size=l 1`] = `
+exports[`renders the AccessibilityIcon with prop color=base-content 1`] = `
 <AccessibilityIcon
-  size="lg"
+  color="base-content"
 >
   <ForwardRef(Icon)
+    color="base-content"
     icon="accessibility"
-    size="lg"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--accessibility"
-      size="lg"
+      color="base-content"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--accessibility ds-svg-icon--lg ds-svg-icon"
+        className="ds-svg-icon--accessibility ds-svg-icon--base-content ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--accessibility ds-svg-icon--lg ds-svg-icon"
+          className="ds-svg-icon--accessibility ds-svg-icon--base-content ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -86,28 +86,28 @@ exports[`renders the AccessibilityIcon with prop size=l 1`] = `
 </AccessibilityIcon>
 `;
 
-exports[`renders the AccessibilityIcon with prop size=s 1`] = `
+exports[`renders the AccessibilityIcon with prop color=error 1`] = `
 <AccessibilityIcon
-  size="sm"
+  color="error"
 >
   <ForwardRef(Icon)
+    color="error"
     icon="accessibility"
-    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--accessibility"
-      size="sm"
+      color="error"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--accessibility ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--accessibility ds-svg-icon--error ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--accessibility ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--accessibility ds-svg-icon--error ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -131,28 +131,31 @@ exports[`renders the AccessibilityIcon with prop size=s 1`] = `
 </AccessibilityIcon>
 `;
 
-exports[`renders the AccessibilityIcon with prop variant=dark 1`] = `
+exports[`renders the AccessibilityIcon with prop color=error and size= xl 1`] = `
 <AccessibilityIcon
-  variant="dark"
+  color="warning"
+  size="xl"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="accessibility"
-    variant="dark"
+    size="xl"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--accessibility"
-      variant="dark"
+      color="warning"
+      size="xl"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--accessibility ds-svg-icon--dark ds-svg-icon"
+        className="ds-svg-icon--accessibility 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--accessibility ds-svg-icon--dark ds-svg-icon"
+          className="ds-svg-icon--accessibility ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -176,28 +179,28 @@ exports[`renders the AccessibilityIcon with prop variant=dark 1`] = `
 </AccessibilityIcon>
 `;
 
-exports[`renders the AccessibilityIcon with prop variant=error 1`] = `
+exports[`renders the AccessibilityIcon with prop color=primary 1`] = `
 <AccessibilityIcon
-  variant="error"
+  color="primary"
 >
   <ForwardRef(Icon)
+    color="primary"
     icon="accessibility"
-    variant="error"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--accessibility"
-      variant="error"
+      color="primary"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--accessibility ds-svg-icon--error ds-svg-icon"
+        className="ds-svg-icon--accessibility ds-svg-icon--primary ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--accessibility ds-svg-icon--error ds-svg-icon"
+          className="ds-svg-icon--accessibility ds-svg-icon--primary ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -221,31 +224,28 @@ exports[`renders the AccessibilityIcon with prop variant=error 1`] = `
 </AccessibilityIcon>
 `;
 
-exports[`renders the AccessibilityIcon with prop variant=error and size= xl 1`] = `
+exports[`renders the AccessibilityIcon with prop color=success 1`] = `
 <AccessibilityIcon
-  size="xl"
-  variant="warning"
+  color="success"
 >
   <ForwardRef(Icon)
+    color="success"
     icon="accessibility"
-    size="xl"
-    variant="warning"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--accessibility"
-      size="xl"
-      variant="warning"
+      color="success"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--accessibility ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+        className="ds-svg-icon--accessibility ds-svg-icon--success ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--accessibility ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+          className="ds-svg-icon--accessibility ds-svg-icon--success ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -269,28 +269,31 @@ exports[`renders the AccessibilityIcon with prop variant=error and size= xl 1`]
 </AccessibilityIcon>
 `;
 
-exports[`renders the AccessibilityIcon with prop variant=primary 1`] = `
+exports[`renders the AccessibilityIcon with prop color=warning and size=s 1`] = `
 <AccessibilityIcon
-  variant="primary"
+  color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="accessibility"
-    variant="primary"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--accessibility"
-      variant="primary"
+      color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--accessibility ds-svg-icon--primary ds-svg-icon"
+        className="ds-svg-icon--accessibility 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--accessibility ds-svg-icon--primary ds-svg-icon"
+          className="ds-svg-icon--accessibility ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -314,28 +317,28 @@ exports[`renders the AccessibilityIcon with prop variant=primary 1`] = `
 </AccessibilityIcon>
 `;
 
-exports[`renders the AccessibilityIcon with prop variant=success 1`] = `
+exports[`renders the AccessibilityIcon with prop size=l 1`] = `
 <AccessibilityIcon
-  variant="success"
+  size="lg"
 >
   <ForwardRef(Icon)
     icon="accessibility"
-    variant="success"
+    size="lg"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--accessibility"
-      variant="success"
+      size="lg"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--accessibility ds-svg-icon--success ds-svg-icon"
+        className="ds-svg-icon--accessibility ds-svg-icon--lg ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--accessibility ds-svg-icon--success ds-svg-icon"
+          className="ds-svg-icon--accessibility ds-svg-icon--lg ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -359,31 +362,28 @@ exports[`renders the AccessibilityIcon with prop variant=success 1`] = `
 </AccessibilityIcon>
 `;
 
-exports[`renders the AccessibilityIcon with prop variant=warning and size=s 1`] = `
+exports[`renders the AccessibilityIcon with prop size=s 1`] = `
 <AccessibilityIcon
   size="sm"
-  variant="warning"
 >
   <ForwardRef(Icon)
     icon="accessibility"
     size="sm"
-    variant="warning"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--accessibility"
       size="sm"
-      variant="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--accessibility ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--accessibility ds-svg-icon--sm ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--accessibility ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--accessibility ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/AccessibilityIcon/index.test/index.js

@@ -18,40 +18,40 @@ it('renders the AccessibilityIcon with prop size=l', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
-  variant: "dark"
+  color: "base-content"
 });
-it('renders the AccessibilityIcon with prop variant=dark', function () {
+it('renders the AccessibilityIcon with prop color=base-content', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
-  variant: "primary"
+  color: "primary"
 });
-it('renders the AccessibilityIcon with prop variant=primary', function () {
+it('renders the AccessibilityIcon with prop color=primary', function () {
   expect(mount(_ref5)).toMatchSnapshot();
 });
 var _ref6 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
-  variant: "success"
+  color: "success"
 });
-it('renders the AccessibilityIcon with prop variant=success', function () {
+it('renders the AccessibilityIcon with prop color=success', function () {
   expect(mount(_ref6)).toMatchSnapshot();
 });
 var _ref7 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
-  variant: "error"
+  color: "error"
 });
-it('renders the AccessibilityIcon with prop variant=error', function () {
+it('renders the AccessibilityIcon with prop color=error', function () {
   expect(mount(_ref7)).toMatchSnapshot();
 });
 var _ref8 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
-  variant: "warning",
+  color: "warning",
   size: "sm"
 });
-it('renders the AccessibilityIcon with prop variant=warning and size=s', function () {
+it('renders the AccessibilityIcon with prop color=warning and size=s', function () {
   expect(mount(_ref8)).toMatchSnapshot();
 });
 var _ref9 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
-  variant: "warning",
+  color: "warning",
   size: "xl"
 });
-it('renders the AccessibilityIcon with prop variant=error and size= xl', function () {
+it('renders the AccessibilityIcon with prop color=error and size= xl', function () {
   expect(mount(_ref9)).toMatchSnapshot();
 });

package/ArrowIcon/__snapshots__/index.test.tsx.snap

@@ -27,8 +27,8 @@ exports[`renders the ArrowIcon with direction down prop 1`] = `
           <arrow
             direction="down"
           >
-            <path
-              d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
+            <polygon
+              points="19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6"
             />
           </arrow>
         </svg>
@@ -65,8 +65,8 @@ exports[`renders the ArrowIcon with direction left prop 1`] = `
           <arrow
             direction="left"
           >
-            <path
-              d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
+            <polygon
+              points="14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7"
             />
           </arrow>
         </svg>
@@ -103,8 +103,8 @@ exports[`renders the ArrowIcon with direction up prop 1`] = `
           <arrow
             direction="up"
           >
-            <path
-              d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
+            <polygon
+              points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
             />
           </arrow>
         </svg>
@@ -136,8 +136,8 @@ exports[`renders the ArrowIcon with no props, direction prop is right by default
           viewBox="0 0 24 24"
         >
           <arrow>
-            <path
-              d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
+            <polygon
+              points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
             />
           </arrow>
         </svg>

package/BurgerIcon/__snapshots__/index.test.tsx.snap

@@ -1,16 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the BurgerIcon prop variant= "error" 1`] = `
+exports[`renders the BurgerIcon prop color= "error" 1`] = `
 <BurgerIcon
-  variant="error"
+  color="error"
 >
   <ForwardRef(Icon)
+    color="error"
     icon="burger"
-    variant="error"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--burger"
-      variant="error"
+      color="error"
     >
       <ForwardRef(Base)
         aria-hidden="true"
@@ -53,28 +53,28 @@ exports[`renders the BurgerIcon prop variant= "error" 1`] = `
 </BurgerIcon>
 `;
 
-exports[`renders the BurgerIcon prop variant= "light" 1`] = `
+exports[`renders the BurgerIcon prop color= "white" 1`] = `
 <BurgerIcon
-  variant="light"
+  color="white"
 >
   <ForwardRef(Icon)
+    color="white"
     icon="burger"
-    variant="light"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--burger"
-      variant="light"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -106,30 +106,30 @@ exports[`renders the BurgerIcon prop variant= "light" 1`] = `
 </BurgerIcon>
 `;
 
-exports[`renders the BurgerIcon props active variant= "light" 1`] = `
+exports[`renders the BurgerIcon props active color= "white" 1`] = `
 <BurgerIcon
   active={true}
-  variant="light"
+  color="white"
 >
   <ForwardRef(Icon)
     active={true}
+    color="white"
     icon="burger"
-    variant="light"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--burger"
-      variant="light"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -266,28 +266,28 @@ exports[`renders the BurgerIcon with prop active=true 1`] = `
 </BurgerIcon>
 `;
 
-exports[`renders the BurgerIcon with prop variant=dark 1`] = `
+exports[`renders the BurgerIcon with prop color=base-content 1`] = `
 <BurgerIcon
-  variant="dark"
+  color="base-content"
 >
   <ForwardRef(Icon)
+    color="base-content"
     icon="burger"
-    variant="dark"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--burger"
-      variant="dark"
+      color="base-content"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--burger ds-svg-icon--dark ds-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--base-content ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--burger ds-svg-icon--dark ds-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--base-content ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/BurgerIcon/index.test/index.js

@@ -12,27 +12,27 @@ it('renders the BurgerIcon with prop active=true', function () {
   expect(mount(_ref2)).toMatchSnapshot();
 });
 var _ref3 = /*#__PURE__*/React.createElement(BurgerIcon, {
-  variant: "dark"
+  color: "base-content"
 });
-it('renders the BurgerIcon with prop variant=dark', function () {
+it('renders the BurgerIcon with prop color=base-content', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/React.createElement(BurgerIcon, {
-  variant: "light"
+  color: "white"
 });
-it('renders the BurgerIcon prop variant= "light"', function () {
+it('renders the BurgerIcon prop color= "white"', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/React.createElement(BurgerIcon, {
-  variant: "error"
+  color: "error"
 });
-it('renders the BurgerIcon prop variant= "error"', function () {
+it('renders the BurgerIcon prop color= "error"', function () {
   expect(mount(_ref5)).toMatchSnapshot();
 });
 var _ref6 = /*#__PURE__*/React.createElement(BurgerIcon, {
   active: true,
-  variant: "light"
+  color: "white"
 });
-it('renders the BurgerIcon props active variant= "light"', function () {
+it('renders the BurgerIcon props active color= "white"', function () {
   expect(mount(_ref6)).toMatchSnapshot();
 });