From 9ae0880f50c6110633fc5183798406538d60e886 Mon Sep 17 00:00:00 2001
From: carlosmonastyrski <charly.monastyrski@gmail.com>
Date: Wed, 16 Apr 2025 07:07:37 -0300
Subject: [PATCH 1/2] Improve random value generator modal UI

---
 .../v2/PasswordGenerator/PasswordGenerator.tsx       | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/v2/PasswordGenerator/PasswordGenerator.tsx b/frontend/src/components/v2/PasswordGenerator/PasswordGenerator.tsx
index 62002b492..457ff1cc1 100644
--- a/frontend/src/components/v2/PasswordGenerator/PasswordGenerator.tsx
+++ b/frontend/src/components/v2/PasswordGenerator/PasswordGenerator.tsx
@@ -112,9 +112,8 @@ const PasswordGeneratorModal = ({
         className="w-full max-w-lg rounded-lg border border-mineshaft-600 bg-mineshaft-800 shadow-xl"
       >
         <div className="p-6">
-          <h2 className="mb-1 text-xl font-semibold text-bunker-200">Password Generator</h2>
-          <p className="mb-6 text-sm text-bunker-400">Generate strong unique passwords</p>
-
+          <h2 className="mb-1 text-xl font-semibold text-bunker-200">Generate Random Value</h2>
+          <p className="mb-6 text-sm text-bunker-400">Generate strong unique values</p>
           <div className="relative mb-4 rounded-md bg-mineshaft-900 p-4">
             <div className="flex items-center justify-between">
               <div className="w-4/5 select-all break-all pr-2 font-mono text-lg">{password}</div>
@@ -219,7 +218,7 @@ const PasswordGeneratorModal = ({
                 onClick={usePassword}
                 className="ml-2"
               >
-                Use Password
+                Use Value
               </Button>
             )}
           </div>
@@ -252,11 +251,12 @@ export const PasswordGenerator = ({
     <>
       <IconButton
         ariaLabel="generate password"
-        colorSchema="secondary"
+        colorSchema="primary"
+        variant="outline_bg"
         size="sm"
         onClick={toggleGenerator}
         isDisabled={isDisabled}
-        className="rounded text-bunker-400 transition-colors duration-150 hover:bg-mineshaft-700 hover:text-bunker-200"
+        className="rounded"
       >
         <FontAwesomeIcon icon={faKey} />
       </IconButton>

From 5ef5a5a10748108637a0382680daded44f2b77c4 Mon Sep 17 00:00:00 2001
From: carlosmonastyrski <charly.monastyrski@gmail.com>
Date: Wed, 16 Apr 2025 08:04:41 -0300
Subject: [PATCH 2/2] Improve random value generator modal UI

---
 .../v2/PasswordGenerator/PasswordGenerator.tsx         | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/v2/PasswordGenerator/PasswordGenerator.tsx b/frontend/src/components/v2/PasswordGenerator/PasswordGenerator.tsx
index 457ff1cc1..4ce4a7ffa 100644
--- a/frontend/src/components/v2/PasswordGenerator/PasswordGenerator.tsx
+++ b/frontend/src/components/v2/PasswordGenerator/PasswordGenerator.tsx
@@ -145,18 +145,18 @@ const PasswordGeneratorModal = ({
 
           <div className="mb-6">
             <div className="mb-1 flex items-center justify-between">
-              <label htmlFor="password-length" className="text-sm text-bunker-300">
-                Password length: {passwordOptions.length}
+              <label htmlFor="value-length" className="text-sm text-bunker-300">
+                Length: {passwordOptions.length}
               </label>
             </div>
             <Slider
-              id="password-length"
+              id="value-length"
               min={minLength}
               max={maxLength}
               value={passwordOptions.length}
               onChange={(value) => setPasswordOptions({ ...passwordOptions, length: value })}
               className="mb-1"
-              aria-labelledby="password-length-label"
+              aria-labelledby="value-length-label"
             />
           </div>
 
@@ -250,7 +250,7 @@ export const PasswordGenerator = ({
   return (
     <>
       <IconButton
-        ariaLabel="generate password"
+        ariaLabel="generate value"
         colorSchema="primary"
         variant="outline_bg"
         size="sm"