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

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

@@ -41,28 +41,31 @@ exports[`renders the RestoreIcon with no props 1`] = `
 </RestoreIcon>
 `;
 
-exports[`renders the RestoreIcon with prop size=md 1`] = `
+exports[`renders the RestoreIcon with prop color=error and size= xl 1`] = `
 <RestoreIcon
-  size="md"
+  color="warning"
+  size="xl"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="restore"
-    size="md"
+    size="xl"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--restore"
-      size="md"
+      color="warning"
+      size="xl"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--restore ds-svg-icon--md ds-svg-icon"
+        className="ds-svg-icon--restore 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--restore ds-svg-icon--md ds-svg-icon"
+          className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -86,28 +89,28 @@ exports[`renders the RestoreIcon with prop size=md 1`] = `
 </RestoreIcon>
 `;
 
-exports[`renders the RestoreIcon with prop size=xl 1`] = `
+exports[`renders the RestoreIcon with prop color=warning 1`] = `
 <RestoreIcon
-  size="xl"
+  color="warning"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="restore"
-    size="xl"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--restore"
-      size="xl"
+      color="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--restore ds-svg-icon--xl 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--xl ds-svg-icon"
+          className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -131,31 +134,31 @@ exports[`renders the RestoreIcon with prop size=xl 1`] = `
 </RestoreIcon>
 `;
 
-exports[`renders the RestoreIcon with prop variant=error and size= xl 1`] = `
+exports[`renders the RestoreIcon with prop color=warning and size=sm 1`] = `
 <RestoreIcon
-  size="xl"
-  variant="warning"
+  color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="restore"
-    size="xl"
-    variant="warning"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--restore"
-      size="xl"
-      variant="warning"
+      color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon--xl 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--xl 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,28 +182,28 @@ exports[`renders the RestoreIcon with prop variant=error and size= xl 1`] = `
 </RestoreIcon>
 `;
 
-exports[`renders the RestoreIcon with prop variant=light 1`] = `
+exports[`renders the RestoreIcon with prop color=white 1`] = `
 <RestoreIcon
-  variant="light"
+  color="white"
 >
   <ForwardRef(Icon)
+    color="white"
     icon="restore"
-    variant="light"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--restore"
-      variant="light"
+      color="white"
     >
       <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--white 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--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -224,28 +227,28 @@ exports[`renders the RestoreIcon with prop variant=light 1`] = `
 </RestoreIcon>
 `;
 
-exports[`renders the RestoreIcon with prop variant=warning 1`] = `
+exports[`renders the RestoreIcon with prop size=md 1`] = `
 <RestoreIcon
-  variant="warning"
+  size="md"
 >
   <ForwardRef(Icon)
     icon="restore"
-    variant="warning"
+    size="md"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--restore"
-      variant="warning"
+      size="md"
     >
       <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--md 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--md ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -269,31 +272,28 @@ exports[`renders the RestoreIcon with prop variant=warning 1`] = `
 </RestoreIcon>
 `;
 
-exports[`renders the RestoreIcon with prop variant=warning and size=sm 1`] = `
+exports[`renders the RestoreIcon with prop size=xl 1`] = `
 <RestoreIcon
-  size="sm"
-  variant="warning"
+  size="xl"
 >
   <ForwardRef(Icon)
     icon="restore"
-    size="sm"
-    variant="warning"
+    size="xl"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--restore"
-      size="sm"
-      variant="warning"
+      size="xl"
     >
       <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--xl 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--xl ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/RestoreIcon/index.test/index.js

@@ -18,28 +18,28 @@ it('renders the RestoreIcon with prop size=xl', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/React.createElement(RestoreIcon, {
-  variant: "light"
+  color: "white"
 });
-it('renders the RestoreIcon with prop variant=light', function () {
+it('renders the RestoreIcon with prop color=white', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/React.createElement(RestoreIcon, {
-  variant: "warning"
+  color: "warning"
 });
-it('renders the RestoreIcon with prop variant=warning', function () {
+it('renders the RestoreIcon with prop color=warning', function () {
   expect(mount(_ref5)).toMatchSnapshot();
 });
 var _ref6 = /*#__PURE__*/React.createElement(RestoreIcon, {
-  variant: "warning",
+  color: "warning",
   size: "sm"
 });
-it('renders the RestoreIcon with prop variant=warning and size=sm', function () {
+it('renders the RestoreIcon with prop color=warning and size=sm', function () {
   expect(mount(_ref6)).toMatchSnapshot();
 });
 var _ref7 = /*#__PURE__*/React.createElement(RestoreIcon, {
-  variant: "warning",
+  color: "warning",
   size: "xl"
 });
-it('renders the RestoreIcon with prop variant=error and size= xl', function () {
+it('renders the RestoreIcon with prop color=error and size= xl', function () {
   expect(mount(_ref7)).toMatchSnapshot();
 });

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

@@ -33,28 +33,28 @@ exports[`renders the UncheckIcon with no props 1`] = `
 </UncheckIcon>
 `;
 
-exports[`renders the UncheckIcon with prop size=l 1`] = `
+exports[`renders the UncheckIcon with prop color=dark 1`] = `
 <UncheckIcon
-  size="lg"
+  color="dark"
 >
   <ForwardRef(Icon)
+    color="dark"
     icon="uncheck"
-    size="lg"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--uncheck"
-      size="lg"
+      color="dark"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--uncheck ds-svg-icon--lg ds-svg-icon"
+        className="ds-svg-icon--uncheck ds-svg-icon--dark ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--uncheck ds-svg-icon--lg ds-svg-icon"
+          className="ds-svg-icon--uncheck ds-svg-icon--dark ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -70,28 +70,31 @@ exports[`renders the UncheckIcon with prop size=l 1`] = `
 </UncheckIcon>
 `;
 
-exports[`renders the UncheckIcon with prop size=m 1`] = `
+exports[`renders the UncheckIcon with prop color=error and size= xl 1`] = `
 <UncheckIcon
-  size="md"
+  color="warning"
+  size="xl"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="uncheck"
-    size="md"
+    size="xl"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--uncheck"
-      size="md"
+      color="warning"
+      size="xl"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--uncheck ds-svg-icon--md ds-svg-icon"
+        className="ds-svg-icon--uncheck 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--uncheck ds-svg-icon--md ds-svg-icon"
+          className="ds-svg-icon--uncheck ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -107,28 +110,28 @@ exports[`renders the UncheckIcon with prop size=m 1`] = `
 </UncheckIcon>
 `;
 
-exports[`renders the UncheckIcon with prop variant=dark 1`] = `
+exports[`renders the UncheckIcon with prop color=gray 1`] = `
 <UncheckIcon
-  variant="dark"
+  color="gray"
 >
   <ForwardRef(Icon)
+    color="gray"
     icon="uncheck"
-    variant="dark"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--uncheck"
-      variant="dark"
+      color="gray"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--uncheck ds-svg-icon--dark ds-svg-icon"
+        className="ds-svg-icon--uncheck ds-svg-icon--gray ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--uncheck ds-svg-icon--dark ds-svg-icon"
+          className="ds-svg-icon--uncheck ds-svg-icon--gray ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -144,31 +147,28 @@ exports[`renders the UncheckIcon with prop variant=dark 1`] = `
 </UncheckIcon>
 `;
 
-exports[`renders the UncheckIcon with prop variant=error and size= xl 1`] = `
+exports[`renders the UncheckIcon with prop color=primary 1`] = `
 <UncheckIcon
-  size="xl"
-  variant="warning"
+  color="primary"
 >
   <ForwardRef(Icon)
+    color="primary"
     icon="uncheck"
-    size="xl"
-    variant="warning"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--uncheck"
-      size="xl"
-      variant="warning"
+      color="primary"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--uncheck ds-svg-icon--warning ds-svg-icon--xl 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--warning ds-svg-icon--xl 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 variant=error and size= xl 1`] = `
 </UncheckIcon>
 `;
 
-exports[`renders the UncheckIcon with prop variant=gray 1`] = `
+exports[`renders the UncheckIcon with prop color=warning and size=s 1`] = `
 <UncheckIcon
-  variant="gray"
+  color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="uncheck"
-    variant="gray"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--uncheck"
-      variant="gray"
+      color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--uncheck ds-svg-icon--gray 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--gray 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,28 +224,28 @@ exports[`renders the UncheckIcon with prop variant=gray 1`] = `
 </UncheckIcon>
 `;
 
-exports[`renders the UncheckIcon with prop variant=light 1`] = `
+exports[`renders the UncheckIcon with prop color=white 1`] = `
 <UncheckIcon
-  variant="light"
+  color="white"
 >
   <ForwardRef(Icon)
+    color="white"
     icon="uncheck"
-    variant="light"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--uncheck"
-      variant="light"
+      color="white"
     >
       <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--white 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--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -258,28 +261,28 @@ exports[`renders the UncheckIcon with prop variant=light 1`] = `
 </UncheckIcon>
 `;
 
-exports[`renders the UncheckIcon with prop variant=primary 1`] = `
+exports[`renders the UncheckIcon with prop size=l 1`] = `
 <UncheckIcon
-  variant="primary"
+  size="lg"
 >
   <ForwardRef(Icon)
     icon="uncheck"
-    variant="primary"
+    size="lg"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--uncheck"
-      variant="primary"
+      size="lg"
     >
       <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--lg 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--lg ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -295,31 +298,28 @@ exports[`renders the UncheckIcon with prop variant=primary 1`] = `
 </UncheckIcon>
 `;
 
-exports[`renders the UncheckIcon with prop variant=warning and size=s 1`] = `
+exports[`renders the UncheckIcon with prop size=m 1`] = `
 <UncheckIcon
-  size="sm"
-  variant="warning"
+  size="md"
 >
   <ForwardRef(Icon)
     icon="uncheck"
-    size="sm"
-    variant="warning"
+    size="md"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--uncheck"
-      size="sm"
-      variant="warning"
+      size="md"
     >
       <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--md 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--md ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/UncheckIcon/index.test/index.js

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