Replace BC Registries and Online Services to Service BC Connect (#377)

Author: sameer0422

vue/sbc-common-components/package-lock.json

@@ -1,8 +1,8 @@
 {
   "name": "sbc-common-components",
-  "version": "3.0.15",
+  "version": "3.0.16",
   "private": false,
-  "description": "Common Vue Components to be used across BC Registries and Online Services.",
+  "description": "Common Vue Components to be used across Service BC Connect.",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",

vue/sbc-common-components/package.json

@@ -13,7 +13,7 @@
         flat
         outlined
       >
-        <v-toolbar-title class="toolbar-title">What's New at BC Registries</v-toolbar-title>
+        <v-toolbar-title class="toolbar-title">What's New at Service BC Connect</v-toolbar-title>
         <v-spacer></v-spacer>
         <v-btn
           icon

vue/sbc-common-components/src/components/NotificationPanel.vue

@@ -4,23 +4,23 @@
       <template v-if="isDialog">
         <v-row>
           <v-col cols="11">
-            <h3>Log in to BC Registries</h3>
+            <h3>Log in to Service BC Connect</h3>
           </v-col>
           <v-col cols="1">
             <v-icon large color="primary" @click="emitClose()">mdi-close</v-icon>
           </v-col>
         </v-row>
         <p>
-          Don't have a BC Registries account?
+          Don't have a Service BC Connect account?
           <a @click="goToCreateAccount">
             <u>Create an account</u>
           </a>
         </p>
       </template>
       <template v-else>
-        <h1 class="view-header__title">Log in to BC Registries</h1>
+        <h1 class="view-header__title">Log in to Service BC Connect</h1>
         <p class="mt-4 mb-0">
-          Don't have a BC Registries account? <a class="text-decoration-underline" @click="goToCreateAccount">Create an account</a>
+          Don't have a Service BC Connect account? <a class="text-decoration-underline" @click="goToCreateAccount">Create an account</a>
         </p>
       </template>
     </div>
@@ -84,7 +84,7 @@ export default class SbcAuthenticationOptions extends NavigationMixin {
       type: LoginSource.BCSC,
       title: 'BC Services Card',
       description: `Residents of British Columbia can use their government-issued
-                BC Services Card to securly access BC Registries.`,
+                BC Services Card to securly access Service BC Connect.`,
       icon: 'mdi-account-card-details-outline',
       btnLabel: 'Log in with BC Services Card',
       idpHint: IdpHint.BCSC
@@ -93,7 +93,7 @@ export default class SbcAuthenticationOptions extends NavigationMixin {
       type: LoginSource.BCEID,
       title: 'BCeID',
       description: `Non-BC residents and residents do not have a BC Services Card
-                can use a BCeID account to securly access BC Registries.`,
+                can use a BCeID account to securly access Service BC Connect.`,
       icon: 'mdi-two-factor-authentication',
       btnLabel: 'Log in with BCeID',
       idpHint: IdpHint.BCEID

vue/sbc-common-components/src/components/SbcAuthenticationOptions.vue

@@ -11,7 +11,7 @@
               <source media="(max-width: 600px)" srcset="../assets/img/gov_bc_logo_vert.png">
               <img class="brand__image" src="../assets/img/gov_bc_logo_vert.png" alt="Government of British Columbia Logo" title="Government of British Columbia">
             </picture>
-            <span class="brand__title">BC Registries <span class="brand__title--wrap">and Online Services</span></span>
+            <span class="brand__title">Service<span class="brand__title--bc">BC</span> <span class="brand__title--wrap">Connect</span></span>
           </a>
           <!-- Environment Alert -->
           <v-alert v-if="environment" :color="alertColor" dense class="env-distinction"> 
@@ -721,6 +721,10 @@ $app-header-font-color: #ffffff;
   color: inherit;
 }
 
+.brand__title--bc {
+  color: $BCgovGold5;
+}
+
 .user-avatar {
   border-radius: 0.15rem;
   font-size: 1.1875rem;
@@ -731,6 +735,12 @@ $app-header-font-color: #ffffff;
   overflow-y: scroll;
 
 }
+@media (max-width: 680px) {
+  .brand__title--wrap {
+    display: block;
+  }
+}
+
 @media (max-width: 900px) {
   .brand__image {
     margin-right: 0.75rem;
@@ -741,10 +751,6 @@ $app-header-font-color: #ffffff;
     font-size: 1rem;
     line-height: 1.25rem;
   }
-
-  .brand__title--wrap {
-    display: block;
-  }
 }
 
 .v-btn.user-account-btn {

vue/sbc-common-components/src/components/SbcHeader.vue

@@ -3,7 +3,7 @@
     <v-row justify="center">
       <v-col class="text-center">
         <div class="mt-5 mb-10 font-weight-bold">
-          <h1>BC Registries Account Login</h1>
+          <h1>Service BC Connect Account Login</h1>
         </div>
         <v-card
           class="mx-auto"
@@ -25,7 +25,7 @@
                   aria-label="log in"
                   id="loginBtn"
                   v-on="on">
-                  <span>Log in to my BC Registries Account</span>
+                  <span>Log in to my Service BC Connect Account</span>
                   <v-icon class="mr-n1 ml-2">mdi-menu-down</v-icon>
                 </v-btn>
               </template>

vue/sbc-common-components/src/components/SbcLogin.vue

@@ -61,7 +61,7 @@
                   alt="Government of British Columbia Logo"
                   title="Government of British Columbia">
               </picture>
-              <span class="brand__title">BC Registries <span class="brand__title--wrap">and Online Services</span></span>
+              <span class="brand__title">Service<span class="brand__title--bc">BC</span> <span class="brand__title--wrap">Connect</span></span>
             </a>
             <div class="app-header__actions">
             </div>
@@ -73,7 +73,7 @@
               <v-icon>mdi-arrow-left</v-icon>
             </v-btn>
             <div>
-              <h1>BC Registries Products <span class="lb">and Services</span></h1>
+              <h1>Service BC Connect Products <span class="lb">and Services</span></h1>
               <p class="view-header__desc">Easy access to a wide range of information products and services, including access <span class="ls">to British Columbia Provincial and Municipal Government information.</span></p>
             </div>
             <div>