CASH-1042 WIP

src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue

@@ -136,7 +136,7 @@ export default {
         position: relative;
         color: $blue;
         border: none;
-        font-weight: 900;
+        font-family: UrbanistSemibold;
         font-size: 0.875rem;
         text-align: left;
         display: inline-block;
@@ -154,7 +154,6 @@ export default {
 
         &.btn {
             &.btn-secondary {
-                font-weight: 900;
                 border: none;
                 &:hover,
                 &:active,
@@ -183,6 +182,17 @@ export default {
             // fixes flicker while transitioning between states
             transition: background 0s 0s ease-in-out;
         }
+        
+        &.open-save-progress-button {
+            span {
+                color: $gray-600;
+                font-family: UrbanistRegular;
+                .highlighted-words {
+                    font-family: UrbanistSemibold;
+                    color: $blue;
+                }
+            }
+        }
     }
 
     .modal.modal-component .modal-dialog .modal-content {

src/layouts/customer-details/customer-details.vue

@@ -43,8 +43,6 @@
                         cmsWidgetName="TextMeQuestionWidget"
                         v-model="isSmsOptIn" />
 
-                    <techNotes v-model="techNotes" :textAreaLabelCopy="textAreaLabelCopy" />
-
                     <navbar
                         cmsWidgetName="FunnelFooterWidget"
                         ref="navbar"
@@ -70,7 +68,6 @@ import textboxQuestion from "@/digital-components/textbox-question/textbox-quest
 import phoneNumberQuestion from "@/digital-components/phone-number-question/phone-number-question";
 import textBlock from "@/digital-components/text-block/text-block";
 import checkboxQuestion from "@/digital-components/checkbox-question/checkbox-question";
-import techNotes from "@/layouts/customer-details/tech-notes/tech-notes";
 //Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
@@ -215,7 +212,6 @@ export default {
         textBlock,
         phoneNumberQuestion,
         checkboxQuestion,
-        techNotes,
     },
 };
 </script>

src/ux-components/button-main/button-main.vue

@@ -8,7 +8,7 @@
             isLoaderDisplayed && !suppressLoader ? 'has-loader' : '',
         ]"
         @click="clicked">
-        <span class="m-0">{{ this.buttonText }}</span>
+        <span class="m-0" v-html="buttonText"></span>
         <loader
             class="ms-2"
             v-if="isLoaderDisplayed && !suppressLoader"