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

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

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

package/src/LockIcon/index.test.tsx

@@ -12,15 +12,15 @@ it('renders the LockIcon with prop size=md', () => {
 it('renders the LockIcon with prop size=xl', () => {
   expect(mount(<LockIcon size="xl" />)).toMatchSnapshot();
 });
-it('renders the LockIcon with prop variant=light', () => {
-  expect(mount(<LockIcon variant="light" />)).toMatchSnapshot();
+it('renders the LockIcon with prop color=light', () => {
+  expect(mount(<LockIcon color="light" />)).toMatchSnapshot();
 });
-it('renders the LockIcon with prop variant=warning', () => {
-  expect(mount(<LockIcon variant="warning" />)).toMatchSnapshot();
+it('renders the LockIcon with prop color=warning', () => {
+  expect(mount(<LockIcon color="warning" />)).toMatchSnapshot();
 });
-it('renders the LockIcon with prop variant=warning and size=sm', () => {
-  expect(mount(<LockIcon variant="warning" size="sm" />)).toMatchSnapshot();
+it('renders the LockIcon with prop color=warning and size=sm', () => {
+  expect(mount(<LockIcon color="warning" size="sm" />)).toMatchSnapshot();
 });
-it('renders the LockIcon with prop variant=error and size= xl', () => {
-  expect(mount(<LockIcon variant="warning" size="xl" />)).toMatchSnapshot();
+it('renders the LockIcon with prop color=error and size= xl', () => {
+  expect(mount(<LockIcon color="warning" size="xl" />)).toMatchSnapshot();
 });

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

@@ -36,28 +36,31 @@ exports[`renders the LoginIcon with no props 1`] = `
 </LoginIcon>
 `;
 
-exports[`renders the LoginIcon with prop size=md 1`] = `
+exports[`renders the LoginIcon with prop color=error and size= xl 1`] = `
 <LoginIcon
-  size="md"
+  color="warning"
+  size="xl"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="login"
-    size="md"
+    size="xl"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--login"
-      size="md"
+      color="warning"
+      size="xl"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--login ds-svg-icon--md ds-svg-icon"
+        className="ds-svg-icon--login 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--login ds-svg-icon--md ds-svg-icon"
+          className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -76,28 +79,28 @@ exports[`renders the LoginIcon with prop size=md 1`] = `
 </LoginIcon>
 `;
 
-exports[`renders the LoginIcon with prop size=xl 1`] = `
+exports[`renders the LoginIcon with prop color=light 1`] = `
 <LoginIcon
-  size="xl"
+  color="light"
 >
   <ForwardRef(Icon)
+    color="light"
     icon="login"
-    size="xl"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--login"
-      size="xl"
+      color="light"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--login ds-svg-icon--xl ds-svg-icon"
+        className="ds-svg-icon--login ds-svg-icon--light ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--login ds-svg-icon--xl ds-svg-icon"
+          className="ds-svg-icon--login ds-svg-icon--light ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -116,31 +119,28 @@ exports[`renders the LoginIcon with prop size=xl 1`] = `
 </LoginIcon>
 `;
 
-exports[`renders the LoginIcon with prop variant=error and size= xl 1`] = `
+exports[`renders the LoginIcon with prop color=warning 1`] = `
 <LoginIcon
-  size="xl"
-  variant="warning"
+  color="warning"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="login"
-    size="xl"
-    variant="warning"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--login"
-      size="xl"
-      variant="warning"
+      color="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+        className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+          className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -159,28 +159,31 @@ exports[`renders the LoginIcon with prop variant=error and size= xl 1`] = `
 </LoginIcon>
 `;
 
-exports[`renders the LoginIcon with prop variant=light 1`] = `
+exports[`renders the LoginIcon with prop color=warning and size=s 1`] = `
 <LoginIcon
-  variant="light"
+  color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
+    color="warning"
     icon="login"
-    variant="light"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--login"
-      variant="light"
+      color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--login ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--login 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--login ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -199,28 +202,28 @@ exports[`renders the LoginIcon with prop variant=light 1`] = `
 </LoginIcon>
 `;
 
-exports[`renders the LoginIcon with prop variant=warning 1`] = `
+exports[`renders the LoginIcon with prop size=md 1`] = `
 <LoginIcon
-  variant="warning"
+  size="md"
 >
   <ForwardRef(Icon)
     icon="login"
-    variant="warning"
+    size="md"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--login"
-      variant="warning"
+      size="md"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon"
+        className="ds-svg-icon--login ds-svg-icon--md ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon"
+          className="ds-svg-icon--login ds-svg-icon--md ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -239,31 +242,28 @@ exports[`renders the LoginIcon with prop variant=warning 1`] = `
 </LoginIcon>
 `;
 
-exports[`renders the LoginIcon with prop variant=warning and size=s 1`] = `
+exports[`renders the LoginIcon with prop size=xl 1`] = `
 <LoginIcon
-  size="sm"
-  variant="warning"
+  size="xl"
 >
   <ForwardRef(Icon)
     icon="login"
-    size="sm"
-    variant="warning"
+    size="xl"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--login"
-      size="sm"
-      variant="warning"
+      size="xl"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--login ds-svg-icon--xl ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--login ds-svg-icon--xl ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/src/LoginIcon/index.test.tsx

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