From c40107b3bfd81b3dd3ab1fc45f7cedcf3820df51 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Fri, 25 Feb 2022 16:56:25 -0500
Subject: [PATCH 1/3] Update focus state.

---
 src/ux-components/checkbox/checkbox.vue | 2 +-
 src/ux-components/radio/radio.vue       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ux-components/checkbox/checkbox.vue b/src/ux-components/checkbox/checkbox.vue
index 2d1c892b9..448be5859 100644
--- a/src/ux-components/checkbox/checkbox.vue
+++ b/src/ux-components/checkbox/checkbox.vue
@@ -50,7 +50,7 @@ export default {
       }
     }
     &:focus {
-      box-shadow: 0 0 0 4px $blue-300;
+      box-shadow: 0 0 0 2.5px $blue;
     }
   }
   &:hover {
diff --git a/src/ux-components/radio/radio.vue b/src/ux-components/radio/radio.vue
index 44aa08880..e1704167a 100644
--- a/src/ux-components/radio/radio.vue
+++ b/src/ux-components/radio/radio.vue
@@ -98,7 +98,7 @@ export default {
       }
     }
     &:focus {
-      box-shadow: 0 0 0 4px $blue-300;
+      box-shadow: 0 0 0 2.5px $blue;
     }
   }
   &:hover {

From b1346f4a55e60d028beb86c6334aa287279f29c8 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Mon, 28 Feb 2022 08:21:16 -0500
Subject: [PATCH 2/3] Update label text for clarity.

---
 src/layouts/component-test/component-test.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/component-test/component-test.vue b/src/layouts/component-test/component-test.vue
index c4d45822f..d9d6ca37f 100644
--- a/src/layouts/component-test/component-test.vue
+++ b/src/layouts/component-test/component-test.vue
@@ -30,7 +30,7 @@
           <h6 class="my-4">With icon aligned left</h6>
           <textboxQuestion
             labelText="Text Input Label"
-            placeholderText="Disabled"
+            placeholderText="Text Input Label"
             inputID="test-text-input"
             hasIcon
             imgUrl="~@/assets/img/icons/spinner.svg"
@@ -42,7 +42,7 @@
           <h6 class="my-4">With icon aligned right</h6>
           <textboxQuestion
             labelText="Text Input Label"
-            placeholderText="Disabled"
+            placeholderText="Text Input Label"
             inputID="test-text-input"
             hasIcon
             iconRight

From d614e57af25ccff633baf4c20da9b6decb542472 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Mon, 28 Feb 2022 08:57:08 -0500
Subject: [PATCH 3/3] Style updates to match Figma.

---
 .../dropdown-question/dropdown-question.vue                | 7 +++++--
 .../textbox-question/textbox-question.vue                  | 7 +++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/common-components/dropdown-question/dropdown-question.vue b/src/common-components/dropdown-question/dropdown-question.vue
index b38e63c0d..e95116b53 100644
--- a/src/common-components/dropdown-question/dropdown-question.vue
+++ b/src/common-components/dropdown-question/dropdown-question.vue
@@ -26,6 +26,9 @@ export default {
 
 <style lang="scss">
 .dropdown-question {
+  label {
+    color: $black;
+  }
   .form-label {
     margin-bottom: .25rem;
   }
@@ -37,7 +40,7 @@ export default {
     min-height: 3rem;
     &:focus,
     &:focus-visible {
-      box-shadow: 0 0 0 2px $blue;
+      box-shadow: 0 0 0 2.5px $blue;
     }
     &:disabled,
     &.disabled {
@@ -49,7 +52,7 @@ export default {
       }
     }
     &:hover {
-      border: 1px solid transparent;
+      border: 1px solid $gray-500;
       box-shadow: 0 0 0 4px $blue-300;
     }
   }
diff --git a/src/common-components/textbox-question/textbox-question.vue b/src/common-components/textbox-question/textbox-question.vue
index 5daaa9bd4..00874a385 100644
--- a/src/common-components/textbox-question/textbox-question.vue
+++ b/src/common-components/textbox-question/textbox-question.vue
@@ -28,6 +28,9 @@ export default {
 
 <style lang="scss">
 .textbox-question {
+  label {
+    color: $black;
+  }
   input {
     &.has-icon {
       background-image: url(~@/assets/img/icons/location-pin.svg);
@@ -52,7 +55,7 @@ export default {
       color: $gray-500;
     }
     &:focus {
-      box-shadow: 0 0 0 2px $blue;
+      box-shadow: 0 0 0 2.5px $blue;
     }
     &:disabled,
     &.disabled {
@@ -63,7 +66,7 @@ export default {
       }
     }
     &:hover {
-      border: 1px solid transparent;
+      border: 1px solid $gray-500;
       box-shadow: 0 0 0 4px $blue-300;
     }
   }