From 358a63840906491a5ce7960b7163f471bf2c41a7 Mon Sep 17 00:00:00 2001
From: Takeshi Nakatani <nakatani@yahoo-corp.jp>
Date: Mon, 22 Jan 2024 10:08:30 +0900
Subject: [PATCH] Updated dependent npm package versions

---
 package.json                                  | 28 ++++-----
 .../__snapshots__/r3aboutdialog-test.jsx.snap |  4 +-
 .../r3accountdialog-test.jsx.snap             |  6 +-
 .../__snapshots__/r3appbar-test.jsx.snap      |  4 +-
 .../__snapshots__/r3container-test.jsx.snap   | 18 +++---
 .../r3createpathdialog-test.jsx.snap          |  8 +--
 .../r3createservicedialog-test.jsx.snap       | 10 ++--
 .../r3createservicetenantdialog-test.jsx.snap |  8 +--
 .../__snapshots__/r3formbuttons-test.jsx.snap |  4 +-
 .../r3localtenantdialog-test.jsx.snap         | 22 +++----
 .../__snapshots__/r3maintree-test.jsx.snap    | 10 ++--
 .../__snapshots__/r3msgbox-test.jsx.snap      |  2 +-
 .../r3pathinfodialog-test.jsx.snap            |  4 +-
 .../__snapshots__/r3policy-test.jsx.snap      | 25 ++++----
 .../r3popupmsgdialog-test.jsx.snap            |  8 +--
 .../__snapshots__/r3resource-test.jsx.snap    | 42 ++++++-------
 .../__snapshots__/r3role-test.jsx.snap        | 60 +++++++++----------
 .../__snapshots__/r3service-test.jsx.snap     | 18 +++---
 .../r3signincreddialog-test.jsx.snap          | 16 ++---
 .../__snapshots__/r3toolbar-test.jsx.snap     |  8 +--
 20 files changed, 152 insertions(+), 153 deletions(-)

diff --git a/package.json b/package.json
index abe0f90..c4d2cee 100644
--- a/package.json
+++ b/package.json
@@ -2,29 +2,29 @@
   "name": "k2hr3-app",
   "version": "1.0.32",
   "dependencies": {
-    "@emotion/react": "^11.11.1",
+    "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
-    "@mui/icons-material": "^5.14.19",
-    "@mui/material": "^5.14.20",
+    "@mui/icons-material": "^5.15.5",
+    "@mui/material": "^5.15.5",
     "ajv": "^8.12.0",
     "body-parser": "^1.20.2",
-    "config": "^3.3.9",
+    "config": "^3.3.10",
     "cookie-parser": "^1.4.6",
     "debug": "^4.3.4",
     "ejs": "^3.1.9",
     "express": "^4.18.2",
     "express-session": "^1.17.3",
-    "jose": "^5.1.3",
+    "jose": "^5.2.0",
     "morgan": "^1.10.0",
-    "openid-client": "^5.6.1",
+    "openid-client": "^5.6.4",
     "passport": "^0.7.0",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-transition-group": "^4.4.5",
-    "rotating-file-stream": "^3.1.1",
+    "rotating-file-stream": "^3.2.1",
     "serve-favicon": "^2.5.0",
-    "whatwg-fetch": "^3.6.19"
+    "whatwg-fetch": "^3.6.20"
   },
   "bin": {
     "k2hr3-app": "./bin/www",
@@ -42,25 +42,25 @@
     "views": "views"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.5",
+    "@babel/core": "^7.23.7",
     "@babel/eslint-parser": "^7.23.3",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-private-methods": "^7.18.6",
-    "@babel/plugin-proposal-decorators": "^7.23.5",
+    "@babel/plugin-proposal-decorators": "^7.23.7",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-env": "^7.23.5",
+    "@babel/preset-env": "^7.23.8",
     "@babel/preset-react": "^7.23.3",
     "babel-jest": "^29.7.0",
     "babel-loader": "^9.1.3",
-    "css-loader": "^6.8.1",
-    "eslint": "^8.55.0",
+    "css-loader": "^6.9.1",
+    "eslint": "^8.56.0",
     "eslint-plugin-react": "^7.33.2",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "license-checker": "^25.0.1",
     "react-test-context-provider": "^2.2.0",
     "react-test-renderer": "^18.2.0",
-    "style-loader": "^3.3.3",
+    "style-loader": "^3.3.4",
     "webpack": "^5.89.0",
     "webpack-cli": "^5.1.4"
   },
diff --git a/tests/__tests__/__snapshots__/r3aboutdialog-test.jsx.snap b/tests/__tests__/__snapshots__/r3aboutdialog-test.jsx.snap
index d12927d..06387cd 100644
--- a/tests/__tests__/__snapshots__/r3aboutdialog-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3aboutdialog-test.jsx.snap
@@ -74,7 +74,7 @@ exports[`R3AboutDialog test snapshot for R3AboutDialog 1`] = `
     }
   >
     <div
-      className="MuiDialog-container MuiDialog-scrollBody css-iz3z40-MuiDialog-container"
+      className="MuiDialog-container MuiDialog-scrollBody css-1hsk4vd-MuiDialog-container"
       onMouseDown={[Function]}
     >
       <div
@@ -149,7 +149,7 @@ exports[`R3AboutDialog test snapshot for R3AboutDialog 1`] = `
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
+                d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
               />
             </svg>
           </button>
diff --git a/tests/__tests__/__snapshots__/r3accountdialog-test.jsx.snap b/tests/__tests__/__snapshots__/r3accountdialog-test.jsx.snap
index f92dd09..7b15188 100644
--- a/tests/__tests__/__snapshots__/r3accountdialog-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3accountdialog-test.jsx.snap
@@ -74,7 +74,7 @@ exports[`R3AccountDialog test snapshot for R3AccountDialog 1`] = `
     }
   >
     <div
-      className="MuiDialog-container MuiDialog-scrollBody css-iz3z40-MuiDialog-container"
+      className="MuiDialog-container MuiDialog-scrollBody css-1hsk4vd-MuiDialog-container"
       onMouseDown={[Function]}
     >
       <div
@@ -186,7 +186,7 @@ exports[`R3AccountDialog test snapshot for R3AccountDialog 1`] = `
               viewBox="0 0 24 24"
             >
               <path
-                d="M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9.29 16.29 6.7 13.7a.9959.9959 0 0 1 0-1.41c.39-.39 1.02-.39 1.41 0L10 14.17l5.88-5.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-6.59 6.59c-.38.39-1.02.39-1.41 0z"
+                d="M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1M9.29 16.29 6.7 13.7a.9959.9959 0 0 1 0-1.41c.39-.39 1.02-.39 1.41 0L10 14.17l5.88-5.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-6.59 6.59c-.38.39-1.02.39-1.41 0"
               />
             </svg>
             Copy to clipboard
@@ -227,7 +227,7 @@ exports[`R3AccountDialog test snapshot for R3AccountDialog 1`] = `
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
               />
             </svg>
             <span
diff --git a/tests/__tests__/__snapshots__/r3appbar-test.jsx.snap b/tests/__tests__/__snapshots__/r3appbar-test.jsx.snap
index 77ac3f0..638f4c0 100644
--- a/tests/__tests__/__snapshots__/r3appbar-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3appbar-test.jsx.snap
@@ -41,7 +41,7 @@ exports[`R3AppBar test snapshot for R3AppBar 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"
+          d="M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"
         />
       </svg>
       <span
@@ -87,7 +87,7 @@ exports[`R3AppBar test snapshot for R3AppBar 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z"
+          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6m0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20"
         />
       </svg>
       <span
diff --git a/tests/__tests__/__snapshots__/r3container-test.jsx.snap b/tests/__tests__/__snapshots__/r3container-test.jsx.snap
index b026703..1846c44 100644
--- a/tests/__tests__/__snapshots__/r3container-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3container-test.jsx.snap
@@ -42,7 +42,7 @@ exports[`R3Container test snapshot for R3Container 1`] = `
           viewBox="0 0 24 24"
         >
           <path
-            d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"
+            d="M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"
           />
         </svg>
         <span
@@ -88,7 +88,7 @@ exports[`R3Container test snapshot for R3Container 1`] = `
           viewBox="0 0 24 24"
         >
           <path
-            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z"
+            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6m0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20"
           />
         </svg>
         <span
@@ -165,7 +165,7 @@ exports[`R3Container test snapshot for R3Container 1`] = `
                 viewBox="0 0 24 24"
               >
                 <path
-                  d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+                  d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
                 />
               </svg>
               <span
@@ -211,7 +211,7 @@ exports[`R3Container test snapshot for R3Container 1`] = `
                 viewBox="0 0 24 24"
               >
                 <path
-                  d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z"
+                  d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12z"
                 />
               </svg>
             </div>
@@ -261,7 +261,7 @@ exports[`R3Container test snapshot for R3Container 1`] = `
                 viewBox="0 0 24 24"
               >
                 <path
-                  d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z"
+                  d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12z"
                 />
               </svg>
             </div>
@@ -311,7 +311,7 @@ exports[`R3Container test snapshot for R3Container 1`] = `
                 viewBox="0 0 24 24"
               >
                 <path
-                  d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z"
+                  d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12z"
                 />
               </svg>
             </div>
@@ -361,7 +361,7 @@ exports[`R3Container test snapshot for R3Container 1`] = `
                 viewBox="0 0 24 24"
               >
                 <path
-                  d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z"
+                  d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12z"
                 />
               </svg>
             </div>
@@ -427,7 +427,7 @@ exports[`R3Container test snapshot for R3Container 1`] = `
                   viewBox="0 0 24 24"
                 >
                   <path
-                    d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"
+                    d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm2 16H8v-2h8zm0-4H8v-2h8zm-3-5V3.5L18.5 9z"
                   />
                 </svg>
               </div>
@@ -464,7 +464,7 @@ exports[`R3Container test snapshot for R3Container 1`] = `
           viewBox="0 0 24 24"
         >
           <path
-            d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
+            d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
           />
         </svg>
         <span
diff --git a/tests/__tests__/__snapshots__/r3createpathdialog-test.jsx.snap b/tests/__tests__/__snapshots__/r3createpathdialog-test.jsx.snap
index 0622410..271b741 100644
--- a/tests/__tests__/__snapshots__/r3createpathdialog-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3createpathdialog-test.jsx.snap
@@ -74,7 +74,7 @@ exports[`R3CreatePathDialog test snapshot for R3CreatePathDialog 1`] = `
     }
   >
     <div
-      className="MuiDialog-container MuiDialog-scrollBody css-iz3z40-MuiDialog-container"
+      className="MuiDialog-container MuiDialog-scrollBody css-1hsk4vd-MuiDialog-container"
       onMouseDown={[Function]}
     >
       <div
@@ -135,7 +135,7 @@ exports[`R3CreatePathDialog test snapshot for R3CreatePathDialog 1`] = `
             className="MuiFormControl-root MuiTextField-root css-1dpo3gu-MuiFormControl-root-MuiTextField-root"
           >
             <div
-              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
               onClick={[Function]}
             >
               <input
@@ -189,7 +189,7 @@ exports[`R3CreatePathDialog test snapshot for R3CreatePathDialog 1`] = `
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
+                d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
               />
             </svg>
           </button>
@@ -222,7 +222,7 @@ exports[`R3CreatePathDialog test snapshot for R3CreatePathDialog 1`] = `
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
               />
             </svg>
           </button>
diff --git a/tests/__tests__/__snapshots__/r3createservicedialog-test.jsx.snap b/tests/__tests__/__snapshots__/r3createservicedialog-test.jsx.snap
index 014a4bd..eeff997 100644
--- a/tests/__tests__/__snapshots__/r3createservicedialog-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3createservicedialog-test.jsx.snap
@@ -74,7 +74,7 @@ exports[`R3CreateServiceDialog test snapshot for R3CreateServiceDialog 1`] = `
     }
   >
     <div
-      className="MuiDialog-container MuiDialog-scrollBody css-iz3z40-MuiDialog-container"
+      className="MuiDialog-container MuiDialog-scrollBody css-1hsk4vd-MuiDialog-container"
       onMouseDown={[Function]}
     >
       <div
@@ -115,7 +115,7 @@ exports[`R3CreateServiceDialog test snapshot for R3CreateServiceDialog 1`] = `
             className="MuiFormControl-root MuiTextField-root css-1dpo3gu-MuiFormControl-root-MuiTextField-root"
           >
             <div
-              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
               onClick={[Function]}
             >
               <input
@@ -275,7 +275,7 @@ exports[`R3CreateServiceDialog test snapshot for R3CreateServiceDialog 1`] = `
             className="MuiFormControl-root MuiTextField-root css-1dpo3gu-MuiFormControl-root-MuiTextField-root"
           >
             <div
-              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
               onClick={[Function]}
             >
               <input
@@ -328,7 +328,7 @@ exports[`R3CreateServiceDialog test snapshot for R3CreateServiceDialog 1`] = `
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
+                d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
               />
             </svg>
           </button>
@@ -361,7 +361,7 @@ exports[`R3CreateServiceDialog test snapshot for R3CreateServiceDialog 1`] = `
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
               />
             </svg>
           </button>
diff --git a/tests/__tests__/__snapshots__/r3createservicetenantdialog-test.jsx.snap b/tests/__tests__/__snapshots__/r3createservicetenantdialog-test.jsx.snap
index 1039fea..0230298 100644
--- a/tests/__tests__/__snapshots__/r3createservicetenantdialog-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3createservicetenantdialog-test.jsx.snap
@@ -73,7 +73,7 @@ exports[`R3CreateServiceTenantDialog test snapshot for R3CreateServiceTenantDial
     }
   >
     <div
-      className="MuiDialog-container MuiDialog-scrollBody css-iz3z40-MuiDialog-container"
+      className="MuiDialog-container MuiDialog-scrollBody css-1hsk4vd-MuiDialog-container"
       onMouseDown={[Function]}
     >
       <div
@@ -134,7 +134,7 @@ exports[`R3CreateServiceTenantDialog test snapshot for R3CreateServiceTenantDial
             className="MuiFormControl-root MuiTextField-root css-1dpo3gu-MuiFormControl-root-MuiTextField-root"
           >
             <div
-              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
               onClick={[Function]}
             >
               <input
@@ -188,7 +188,7 @@ exports[`R3CreateServiceTenantDialog test snapshot for R3CreateServiceTenantDial
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
+                d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
               />
             </svg>
           </button>
@@ -221,7 +221,7 @@ exports[`R3CreateServiceTenantDialog test snapshot for R3CreateServiceTenantDial
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
               />
             </svg>
           </button>
diff --git a/tests/__tests__/__snapshots__/r3formbuttons-test.jsx.snap b/tests/__tests__/__snapshots__/r3formbuttons-test.jsx.snap
index 1951cb5..5b1fcef 100644
--- a/tests/__tests__/__snapshots__/r3formbuttons-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3formbuttons-test.jsx.snap
@@ -33,7 +33,7 @@ exports[`R3FormButtons test snapshot for R3FormButtons 1`] = `
       viewBox="0 0 24 24"
     >
       <path
-        d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
+        d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
       />
     </svg>
   </button>
@@ -66,7 +66,7 @@ exports[`R3FormButtons test snapshot for R3FormButtons 1`] = `
       viewBox="0 0 24 24"
     >
       <path
-        d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+        d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
       />
     </svg>
   </button>
diff --git a/tests/__tests__/__snapshots__/r3localtenantdialog-test.jsx.snap b/tests/__tests__/__snapshots__/r3localtenantdialog-test.jsx.snap
index 0cb0c09..ebaa0a1 100644
--- a/tests/__tests__/__snapshots__/r3localtenantdialog-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3localtenantdialog-test.jsx.snap
@@ -74,7 +74,7 @@ exports[`R3LocalTenantDialog test snapshot for R3LocalTenantDialog 1`] = `
     }
   >
     <div
-      className="MuiDialog-container MuiDialog-scrollBody css-iz3z40-MuiDialog-container"
+      className="MuiDialog-container MuiDialog-scrollBody css-1hsk4vd-MuiDialog-container"
       onMouseDown={[Function]}
     >
       <div
@@ -105,7 +105,7 @@ exports[`R3LocalTenantDialog test snapshot for R3LocalTenantDialog 1`] = `
             className="MuiFormControl-root MuiTextField-root css-1dpo3gu-MuiFormControl-root-MuiTextField-root"
           >
             <div
-              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
               onClick={[Function]}
             >
               <input
@@ -140,7 +140,7 @@ exports[`R3LocalTenantDialog test snapshot for R3LocalTenantDialog 1`] = `
             className="MuiFormControl-root MuiTextField-root css-1dpo3gu-MuiFormControl-root-MuiTextField-root"
           >
             <div
-              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
               onClick={[Function]}
             >
               <input
@@ -170,7 +170,7 @@ exports[`R3LocalTenantDialog test snapshot for R3LocalTenantDialog 1`] = `
             className="MuiFormControl-root MuiTextField-root css-1dpo3gu-MuiFormControl-root-MuiTextField-root"
           >
             <div
-              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
               onClick={[Function]}
             >
               <input
@@ -345,7 +345,7 @@ exports[`R3LocalTenantDialog test snapshot for R3LocalTenantDialog 1`] = `
                   viewBox="0 0 24 24"
                 >
                   <path
-                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
                   />
                 </svg>
               </button>
@@ -383,7 +383,7 @@ exports[`R3LocalTenantDialog test snapshot for R3LocalTenantDialog 1`] = `
                 className="MuiFormControl-root MuiTextField-root css-1dpo3gu-MuiFormControl-root-MuiTextField-root"
               >
                 <div
-                  className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+                  className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
                   onClick={[Function]}
                 >
                   <input
@@ -433,7 +433,7 @@ exports[`R3LocalTenantDialog test snapshot for R3LocalTenantDialog 1`] = `
                   viewBox="0 0 24 24"
                 >
                   <path
-                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
                   />
                 </svg>
               </button>
@@ -475,7 +475,7 @@ exports[`R3LocalTenantDialog test snapshot for R3LocalTenantDialog 1`] = `
                 viewBox="0 0 24 24"
               >
                 <path
-                  d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
+                  d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"
                 />
               </svg>
             </button>
@@ -511,7 +511,7 @@ exports[`R3LocalTenantDialog test snapshot for R3LocalTenantDialog 1`] = `
                 viewBox="0 0 24 24"
               >
                 <path
-                  d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"
+                  d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1"
                 />
               </svg>
               <span
@@ -557,7 +557,7 @@ exports[`R3LocalTenantDialog test snapshot for R3LocalTenantDialog 1`] = `
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
+                d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
               />
             </svg>
             <span
@@ -593,7 +593,7 @@ exports[`R3LocalTenantDialog test snapshot for R3LocalTenantDialog 1`] = `
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
               />
             </svg>
           </button>
diff --git a/tests/__tests__/__snapshots__/r3maintree-test.jsx.snap b/tests/__tests__/__snapshots__/r3maintree-test.jsx.snap
index 2b78406..3504425 100644
--- a/tests/__tests__/__snapshots__/r3maintree-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3maintree-test.jsx.snap
@@ -66,7 +66,7 @@ exports[`R3MainTree test snapshot for R3MainTree 1`] = `
             viewBox="0 0 24 24"
           >
             <path
-              d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+              d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
             />
           </svg>
           <span
@@ -112,7 +112,7 @@ exports[`R3MainTree test snapshot for R3MainTree 1`] = `
             viewBox="0 0 24 24"
           >
             <path
-              d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z"
+              d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12z"
             />
           </svg>
         </div>
@@ -587,7 +587,7 @@ exports[`R3MainTree test snapshot for R3MainTree 1`] = `
             viewBox="0 0 24 24"
           >
             <path
-              d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z"
+              d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12z"
             />
           </svg>
         </div>
@@ -779,7 +779,7 @@ exports[`R3MainTree test snapshot for R3MainTree 1`] = `
             viewBox="0 0 24 24"
           >
             <path
-              d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z"
+              d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12z"
             />
           </svg>
         </div>
@@ -971,7 +971,7 @@ exports[`R3MainTree test snapshot for R3MainTree 1`] = `
             viewBox="0 0 24 24"
           >
             <path
-              d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z"
+              d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12z"
             />
           </svg>
         </div>
diff --git a/tests/__tests__/__snapshots__/r3msgbox-test.jsx.snap b/tests/__tests__/__snapshots__/r3msgbox-test.jsx.snap
index a12b7df..dac069c 100644
--- a/tests/__tests__/__snapshots__/r3msgbox-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3msgbox-test.jsx.snap
@@ -12,7 +12,7 @@ exports[`R3MsgBox test snapshot for R3MsgBox 1`] = `
     viewBox="0 0 24 24"
   >
     <path
-      d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"
+      d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1 4h-2v-2h2z"
     />
   </svg>
   <span
diff --git a/tests/__tests__/__snapshots__/r3pathinfodialog-test.jsx.snap b/tests/__tests__/__snapshots__/r3pathinfodialog-test.jsx.snap
index fc10180..9ad8d47 100644
--- a/tests/__tests__/__snapshots__/r3pathinfodialog-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3pathinfodialog-test.jsx.snap
@@ -74,7 +74,7 @@ exports[`R3PathInfoDialog test snapshot for R3PathInfoDialog 1`] = `
     }
   >
     <div
-      className="MuiDialog-container MuiDialog-scrollBody css-iz3z40-MuiDialog-container"
+      className="MuiDialog-container MuiDialog-scrollBody css-1hsk4vd-MuiDialog-container"
       onMouseDown={[Function]}
     >
       <div
@@ -159,7 +159,7 @@ exports[`R3PathInfoDialog test snapshot for R3PathInfoDialog 1`] = `
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
               />
             </svg>
           </button>
diff --git a/tests/__tests__/__snapshots__/r3policy-test.jsx.snap b/tests/__tests__/__snapshots__/r3policy-test.jsx.snap
index 9d3e66d..49a4e9c 100644
--- a/tests/__tests__/__snapshots__/r3policy-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3policy-test.jsx.snap
@@ -10,7 +10,7 @@ exports[`R3Policy test snapshot for R3Policy 1`] = `
     EFFECT
   </h6>
   <div
-    className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary  css-1vkdutp-MuiInputBase-root-MuiInput-root-MuiSelect-root"
+    className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary  css-cvze8q-MuiInputBase-root-MuiInput-root-MuiSelect-root"
     onClick={[Function]}
   >
     <div
@@ -32,7 +32,6 @@ exports[`R3Policy test snapshot for R3Policy 1`] = `
       aria-invalid={false}
       className="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput"
       disabled={false}
-      name=":r1:"
       onAnimationStart={[Function]}
       onChange={[Function]}
       tabIndex={-1}
@@ -171,7 +170,7 @@ exports[`R3Policy test snapshot for R3Policy 1`] = `
       className="MuiFormControl-root MuiTextField-root css-5g4ojo-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -179,7 +178,7 @@ exports[`R3Policy test snapshot for R3Policy 1`] = `
           autoFocus={false}
           className="MuiInputBase-input MuiInput-input css-1x51dt5-MuiInputBase-input-MuiInput-input"
           disabled={false}
-          id=":r2:"
+          id=":r1:"
           name="policyResource_0"
           onAnimationStart={[Function]}
           onBlur={[Function]}
@@ -225,7 +224,7 @@ exports[`R3Policy test snapshot for R3Policy 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
         />
       </svg>
       <span
@@ -240,7 +239,7 @@ exports[`R3Policy test snapshot for R3Policy 1`] = `
       className="MuiFormControl-root MuiTextField-root css-5g4ojo-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -248,7 +247,7 @@ exports[`R3Policy test snapshot for R3Policy 1`] = `
           autoFocus={false}
           className="MuiInputBase-input MuiInput-input css-1x51dt5-MuiInputBase-input-MuiInput-input"
           disabled={false}
-          id=":r4:"
+          id=":r3:"
           name="resourceNew"
           onAnimationStart={[Function]}
           onBlur={[Function]}
@@ -294,7 +293,7 @@ exports[`R3Policy test snapshot for R3Policy 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"
+          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1"
         />
       </svg>
       <span
@@ -314,7 +313,7 @@ exports[`R3Policy test snapshot for R3Policy 1`] = `
       className="MuiFormControl-root MuiTextField-root css-gemud3-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -322,7 +321,7 @@ exports[`R3Policy test snapshot for R3Policy 1`] = `
           autoFocus={false}
           className="MuiInputBase-input MuiInput-input css-1x51dt5-MuiInputBase-input-MuiInput-input"
           disabled={false}
-          id=":r6:"
+          id=":r5:"
           name="aliasNew"
           onAnimationStart={[Function]}
           onBlur={[Function]}
@@ -368,7 +367,7 @@ exports[`R3Policy test snapshot for R3Policy 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"
+          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1"
         />
       </svg>
       <span
@@ -408,7 +407,7 @@ exports[`R3Policy test snapshot for R3Policy 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
+          d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
         />
       </svg>
     </button>
@@ -441,7 +440,7 @@ exports[`R3Policy test snapshot for R3Policy 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
         />
       </svg>
     </button>
diff --git a/tests/__tests__/__snapshots__/r3popupmsgdialog-test.jsx.snap b/tests/__tests__/__snapshots__/r3popupmsgdialog-test.jsx.snap
index a2cb610..4e0eade 100644
--- a/tests/__tests__/__snapshots__/r3popupmsgdialog-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3popupmsgdialog-test.jsx.snap
@@ -74,7 +74,7 @@ exports[`R3PopupMsgDialog test snapshot for R3PopupMsgDialog 1`] = `
     }
   >
     <div
-      className="MuiDialog-container MuiDialog-scrollBody css-iz3z40-MuiDialog-container"
+      className="MuiDialog-container MuiDialog-scrollBody css-1hsk4vd-MuiDialog-container"
       onMouseDown={[Function]}
     >
       <div
@@ -104,7 +104,7 @@ exports[`R3PopupMsgDialog test snapshot for R3PopupMsgDialog 1`] = `
             viewBox="0 0 24 24"
           >
             <path
-              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"
+              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1 4h-2v-2h2z"
             />
           </svg>
           <span
@@ -145,7 +145,7 @@ exports[`R3PopupMsgDialog test snapshot for R3PopupMsgDialog 1`] = `
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
+                d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
               />
             </svg>
           </button>
@@ -178,7 +178,7 @@ exports[`R3PopupMsgDialog test snapshot for R3PopupMsgDialog 1`] = `
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
               />
             </svg>
           </button>
diff --git a/tests/__tests__/__snapshots__/r3resource-test.jsx.snap b/tests/__tests__/__snapshots__/r3resource-test.jsx.snap
index 4b98a23..2b52251 100644
--- a/tests/__tests__/__snapshots__/r3resource-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3resource-test.jsx.snap
@@ -153,7 +153,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
     className="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-1vaay6c-MuiFormControl-root-MuiTextField-root"
   >
     <div
-      className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-1r8umb3-MuiInputBase-root-MuiInput-root"
+      className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-fd15y6-MuiInputBase-root-MuiInput-root"
       onClick={[Function]}
     >
       <input
@@ -196,7 +196,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
       className="MuiFormControl-root MuiTextField-root css-m1r7zy-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -221,7 +221,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
       className="MuiFormControl-root MuiTextField-root css-1jul6sg-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -275,7 +275,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
         />
       </svg>
       <span
@@ -290,7 +290,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
       className="MuiFormControl-root MuiTextField-root css-m1r7zy-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -315,7 +315,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
       className="MuiFormControl-root MuiTextField-root css-1jul6sg-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -369,7 +369,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
         />
       </svg>
       <span
@@ -384,7 +384,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
       className="MuiFormControl-root MuiTextField-root css-m1r7zy-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -409,7 +409,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
       className="MuiFormControl-root MuiTextField-root css-1jul6sg-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -463,7 +463,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
         />
       </svg>
       <span
@@ -478,7 +478,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
       className="MuiFormControl-root MuiTextField-root css-m1r7zy-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -503,7 +503,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
       className="MuiFormControl-root MuiTextField-root css-1jul6sg-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -557,7 +557,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"
+          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1"
         />
       </svg>
       <span
@@ -577,7 +577,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
       className="MuiFormControl-root MuiTextField-root css-gemud3-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -626,7 +626,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M11 5v11.17l-4.88-4.88c-.39-.39-1.03-.39-1.42 0-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0l6.59-6.59c.39-.39.39-1.02 0-1.41a.9959.9959 0 0 0-1.41 0L13 16.17V5c0-.55-.45-1-1-1s-1 .45-1 1z"
+          d="M11 5v11.17l-4.88-4.88c-.39-.39-1.03-.39-1.42 0-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0l6.59-6.59c.39-.39.39-1.02 0-1.41a.9959.9959 0 0 0-1.41 0L13 16.17V5c0-.55-.45-1-1-1s-1 .45-1 1"
         />
       </svg>
     </button>
@@ -658,7 +658,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M13 19V7.83l4.88 4.88c.39.39 1.03.39 1.42 0 .39-.39.39-1.02 0-1.41l-6.59-6.59a.9959.9959 0 0 0-1.41 0l-6.6 6.58c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L11 7.83V19c0 .55.45 1 1 1s1-.45 1-1z"
+          d="M13 19V7.83l4.88 4.88c.39.39 1.03.39 1.42 0 .39-.39.39-1.02 0-1.41l-6.59-6.59a.9959.9959 0 0 0-1.41 0l-6.6 6.58c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L11 7.83V19c0 .55.45 1 1 1s1-.45 1-1"
         />
       </svg>
     </button>
@@ -695,7 +695,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
         />
       </svg>
       <span
@@ -710,7 +710,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
       className="MuiFormControl-root MuiTextField-root css-gemud3-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -764,7 +764,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"
+          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1"
         />
       </svg>
       <span
@@ -804,7 +804,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
+          d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
         />
       </svg>
     </button>
@@ -837,7 +837,7 @@ exports[`R3Resource test snapshot for R3Resource 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
         />
       </svg>
     </button>
diff --git a/tests/__tests__/__snapshots__/r3role-test.jsx.snap b/tests/__tests__/__snapshots__/r3role-test.jsx.snap
index 26a5b7d..5ecb201 100644
--- a/tests/__tests__/__snapshots__/r3role-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3role-test.jsx.snap
@@ -26,7 +26,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-m1r7zy-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -51,7 +51,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-1jul6sg-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -105,7 +105,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
         />
       </svg>
       <span
@@ -120,7 +120,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-m1r7zy-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -145,7 +145,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-1jul6sg-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -199,7 +199,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
         />
       </svg>
       <span
@@ -214,7 +214,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-m1r7zy-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -239,7 +239,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-1jul6sg-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -293,7 +293,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"
+          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1"
         />
       </svg>
       <span
@@ -323,7 +323,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-m1r7zy-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl css-1ivmgfz-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl css-1d1o5cj-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -347,7 +347,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-1jul6sg-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl css-1ivmgfz-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl css-1d1o5cj-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -400,7 +400,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
         />
       </svg>
       <span
@@ -415,7 +415,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-m1r7zy-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl css-1ivmgfz-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl css-1d1o5cj-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -439,7 +439,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-1jul6sg-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl css-1ivmgfz-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl css-1d1o5cj-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -492,7 +492,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
         />
       </svg>
       <span
@@ -507,7 +507,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-m1r7zy-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl css-1ivmgfz-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl css-1d1o5cj-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -531,7 +531,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-1jul6sg-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl css-1ivmgfz-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl css-1d1o5cj-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -584,7 +584,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
         />
       </svg>
       <span
@@ -604,7 +604,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-5g4ojo-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -658,7 +658,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
         />
       </svg>
       <span
@@ -673,7 +673,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-5g4ojo-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -727,7 +727,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"
+          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1"
         />
       </svg>
       <span
@@ -747,7 +747,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-gemud3-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -796,7 +796,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M11 5v11.17l-4.88-4.88c-.39-.39-1.03-.39-1.42 0-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0l6.59-6.59c.39-.39.39-1.02 0-1.41a.9959.9959 0 0 0-1.41 0L13 16.17V5c0-.55-.45-1-1-1s-1 .45-1 1z"
+          d="M11 5v11.17l-4.88-4.88c-.39-.39-1.03-.39-1.42 0-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0l6.59-6.59c.39-.39.39-1.02 0-1.41a.9959.9959 0 0 0-1.41 0L13 16.17V5c0-.55-.45-1-1-1s-1 .45-1 1"
         />
       </svg>
     </button>
@@ -828,7 +828,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M13 19V7.83l4.88 4.88c.39.39 1.03.39 1.42 0 .39-.39.39-1.02 0-1.41l-6.59-6.59a.9959.9959 0 0 0-1.41 0l-6.6 6.58c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L11 7.83V19c0 .55.45 1 1 1s1-.45 1-1z"
+          d="M13 19V7.83l4.88 4.88c.39.39 1.03.39 1.42 0 .39-.39.39-1.02 0-1.41l-6.59-6.59a.9959.9959 0 0 0-1.41 0l-6.6 6.58c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L11 7.83V19c0 .55.45 1 1 1s1-.45 1-1"
         />
       </svg>
     </button>
@@ -865,7 +865,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
         />
       </svg>
       <span
@@ -880,7 +880,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
       className="MuiFormControl-root MuiTextField-root css-gemud3-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -934,7 +934,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"
+          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1"
         />
       </svg>
       <span
@@ -974,7 +974,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
+          d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
         />
       </svg>
     </button>
@@ -1007,7 +1007,7 @@ exports[`R3Role test snapshot for R3Role 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
         />
       </svg>
     </button>
diff --git a/tests/__tests__/__snapshots__/r3service-test.jsx.snap b/tests/__tests__/__snapshots__/r3service-test.jsx.snap
index 1496ab0..9a06515 100644
--- a/tests/__tests__/__snapshots__/r3service-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3service-test.jsx.snap
@@ -149,7 +149,7 @@ exports[`R3Service test snapshot for R3Service 1`] = `
     className="MuiFormControl-root MuiTextField-root css-i09vyj-MuiFormControl-root-MuiTextField-root"
   >
     <div
-      className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+      className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
       onClick={[Function]}
     >
       <input
@@ -182,7 +182,7 @@ exports[`R3Service test snapshot for R3Service 1`] = `
       className="MuiFormControl-root MuiTextField-root css-5g4ojo-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -236,7 +236,7 @@ exports[`R3Service test snapshot for R3Service 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
         />
       </svg>
       <span
@@ -251,7 +251,7 @@ exports[`R3Service test snapshot for R3Service 1`] = `
       className="MuiFormControl-root MuiTextField-root css-5g4ojo-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -305,7 +305,7 @@ exports[`R3Service test snapshot for R3Service 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+          d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
         />
       </svg>
       <span
@@ -320,7 +320,7 @@ exports[`R3Service test snapshot for R3Service 1`] = `
       className="MuiFormControl-root MuiTextField-root css-5g4ojo-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-14zm6wl-MuiInputBase-root-MuiInput-root"
+        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl css-1vc1r8g-MuiInputBase-root-MuiInput-root"
         onClick={[Function]}
       >
         <input
@@ -374,7 +374,7 @@ exports[`R3Service test snapshot for R3Service 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"
+          d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1"
         />
       </svg>
       <span
@@ -414,7 +414,7 @@ exports[`R3Service test snapshot for R3Service 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
+          d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
         />
       </svg>
     </button>
@@ -447,7 +447,7 @@ exports[`R3Service test snapshot for R3Service 1`] = `
         viewBox="0 0 24 24"
       >
         <path
-          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
         />
       </svg>
     </button>
diff --git a/tests/__tests__/__snapshots__/r3signincreddialog-test.jsx.snap b/tests/__tests__/__snapshots__/r3signincreddialog-test.jsx.snap
index 87e7b5c..b1ba9e1 100644
--- a/tests/__tests__/__snapshots__/r3signincreddialog-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3signincreddialog-test.jsx.snap
@@ -74,7 +74,7 @@ exports[`R3CreateServiceDialog test snapshot for R3SigninCredDialog 1`] = `
     }
   >
     <div
-      className="MuiDialog-container MuiDialog-scrollBody css-iz3z40-MuiDialog-container"
+      className="MuiDialog-container MuiDialog-scrollBody css-1hsk4vd-MuiDialog-container"
       onMouseDown={[Function]}
     >
       <div
@@ -103,7 +103,7 @@ exports[`R3CreateServiceDialog test snapshot for R3SigninCredDialog 1`] = `
             className="MuiFormControl-root MuiFormControl-marginNormal MuiFormControl-fullWidth MuiTextField-root css-10laqpe-MuiFormControl-root-MuiTextField-root"
           >
             <label
-              className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-standard css-1kvl46d-MuiFormLabel-root-MuiInputLabel-root"
+              className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-standard css-1vo5tcm-MuiFormLabel-root-MuiInputLabel-root"
               data-shrink={false}
               htmlFor="username-textfield-id"
               id="username-textfield-id-label"
@@ -111,7 +111,7 @@ exports[`R3CreateServiceDialog test snapshot for R3SigninCredDialog 1`] = `
               USER NAME(ID etc)
             </label>
             <div
-              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-1r8umb3-MuiInputBase-root-MuiInput-root"
+              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-fd15y6-MuiInputBase-root-MuiInput-root"
               onClick={[Function]}
             >
               <input
@@ -135,7 +135,7 @@ exports[`R3CreateServiceDialog test snapshot for R3SigninCredDialog 1`] = `
             className="MuiFormControl-root MuiFormControl-marginNormal MuiFormControl-fullWidth MuiTextField-root css-10laqpe-MuiFormControl-root-MuiTextField-root"
           >
             <label
-              className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-standard css-1kvl46d-MuiFormLabel-root-MuiInputLabel-root"
+              className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-standard css-1vo5tcm-MuiFormLabel-root-MuiInputLabel-root"
               data-shrink={false}
               htmlFor="passphrase-textfield-id"
               id="passphrase-textfield-id-label"
@@ -143,7 +143,7 @@ exports[`R3CreateServiceDialog test snapshot for R3SigninCredDialog 1`] = `
               PASS PHRASE
             </label>
             <div
-              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd css-1r8umb3-MuiInputBase-root-MuiInput-root"
+              className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd css-fd15y6-MuiInputBase-root-MuiInput-root"
               onClick={[Function]}
             >
               <input
@@ -192,7 +192,7 @@ exports[`R3CreateServiceDialog test snapshot for R3SigninCredDialog 1`] = `
                     viewBox="0 0 24 24"
                   >
                     <path
-                      d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
+                      d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"
                     />
                   </svg>
                 </button>
@@ -232,7 +232,7 @@ exports[`R3CreateServiceDialog test snapshot for R3SigninCredDialog 1`] = `
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
+                d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
               />
             </svg>
           </button>
@@ -265,7 +265,7 @@ exports[`R3CreateServiceDialog test snapshot for R3SigninCredDialog 1`] = `
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
               />
             </svg>
           </button>
diff --git a/tests/__tests__/__snapshots__/r3toolbar-test.jsx.snap b/tests/__tests__/__snapshots__/r3toolbar-test.jsx.snap
index 4710fb2..0befc5b 100644
--- a/tests/__tests__/__snapshots__/r3toolbar-test.jsx.snap
+++ b/tests/__tests__/__snapshots__/r3toolbar-test.jsx.snap
@@ -44,7 +44,7 @@ exports[`R3ToolBar test snapshot for R3ToolBar 1`] = `
             viewBox="0 0 24 24"
           >
             <path
-              d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"
+              d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm2 16H8v-2h8zm0-4H8v-2h8zm-3-5V3.5L18.5 9z"
             />
           </svg>
         </div>
@@ -98,7 +98,7 @@ exports[`R3ToolBar test snapshot for R3ToolBar 1`] = `
           viewBox="0 0 24 24"
         >
           <path
-            d="M13 19V7.83l4.88 4.88c.39.39 1.03.39 1.42 0 .39-.39.39-1.02 0-1.41l-6.59-6.59a.9959.9959 0 0 0-1.41 0l-6.6 6.58c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L11 7.83V19c0 .55.45 1 1 1s1-.45 1-1z"
+            d="M13 19V7.83l4.88 4.88c.39.39 1.03.39 1.42 0 .39-.39.39-1.02 0-1.41l-6.59-6.59a.9959.9959 0 0 0-1.41 0l-6.6 6.58c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L11 7.83V19c0 .55.45 1 1 1s1-.45 1-1"
           />
         </svg>
         <span
@@ -140,7 +140,7 @@ exports[`R3ToolBar test snapshot for R3ToolBar 1`] = `
           viewBox="0 0 24 24"
         >
           <path
-            d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"
+            d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1"
           />
         </svg>
         <span
@@ -179,7 +179,7 @@ exports[`R3ToolBar test snapshot for R3ToolBar 1`] = `
           viewBox="0 0 24 24"
         >
           <path
-            d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
+            d="M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
           />
         </svg>
         <span