VACMS-17066 Staff Profiles web components (#2053)

* VACMS-17066 Staff Profiles web components

* Fixing download links

Author: randimays

src/site/layouts/person_profile.drupal.liquid

@@ -58,9 +58,7 @@
                             vads-u-margin--0
                             vads-u-margin-bottom--0p5
                             vads-u-font-weight--regular">
-                                <span class="vads-u-font-weight--bold">Email:</span> <a target="blank"
-                                    href="mailto:{{ fieldEmailAddress }}">{{ fieldEmailAddress }}</a>
-                            </p>
+                                <span class="vads-u-font-weight--bold">Email:</span> <va-link type="email" href="mailto:{{ fieldEmailAddress }}" text="{{ fieldEmailAddress }}"></va-link></p>
                             {% endif %}
                             {% if fieldPhoneNumber %}
                             <p class="
@@ -74,7 +72,6 @@
                         </div>
                     </div>
 
-
                     {% if fieldCompleteBiographyCreate %}
                         <div class="va-introtext vads-u-margin-bottom--2">
                             <p class="va-introtext vads-u-margin-bottom--0">{{ fieldIntroText }}</p>
@@ -86,14 +83,12 @@
 
                         {% if fieldPhotoAllowHiresDownload and fieldMedia %}
                             <div class="vads-u-align-content--flex-end va-c-margin-top--auto vads-u-margin-bottom--2" id="download-full-size-photo-link">
-                                <i class="va-c-social-icon fas fa-download" aria-hidden="true"></i> <a href="{{ fieldMedia.hiRes.image.derivative.url }}"
-                                    download>Download full size photo</a>
+                                <va-link filetype="JPG" href="{{ fieldMedia.hiRes.image.derivative.url }}" download text="Download full size photo" />
                             </div>
                         {% endif %}
                         {% if fieldCompleteBiography %}
                             <div class="vads-u-align-content--flex-end va-c-margin-top--auto vads-u-margin-bottom--2">
-                                <i class="va-c-social-icon fas fa-download"></i> <a href="{{ fieldCompleteBiography.entity.url }}"
-                                    download>Download full bio (PDF)</a>
+                                <va-link filetype="PDF" href="{{ fieldCompleteBiography.entity.url }}" download text="Download full bio" />
                             </div>
                         {% endif %}
                     {% endif %}

src/site/teasers/bio.drupal.liquid

@@ -49,13 +49,11 @@ Example data:
     {% endif %}
     <div>
         {% if node.entityUrl.path != empty and node.fieldIntroText and node.fieldBody.processed %}
-            <a class="
-                vads-u-font-family--serif
-                vads-u-font-weight--bold
-                vads-u-display--block
-                vads-u-margin-bottom--1
-                vads-u-font-size--lg"
-               href="{{ node.entityUrl.path }}">{{ node.fieldNameFirst }} {{ node.fieldLastName }} {{ node.fieldSuffix }}</a>
+            <va-link
+                class="vads-u-display--block vads-u-margin-bottom--1 vads-u-font-family--serif vads-u-font-weight--bold vads-u-font-size--lg"
+                href="{{ node.entityUrl.path }}"
+                text="{{ node.fieldNameFirst }} {{ node.fieldLastName }} {{ node.fieldSuffix }}"
+            ></va-link>
         {% else %}
             <span class="
                 vads-u-font-family--serif
@@ -103,8 +101,8 @@ Example data:
         vads-u-margin-bottom--0
         vads-u-font-size--base
         medium-screen:vads-u-font-size--lg">
-               <b>Email:</b> <a target="blank"
-                          href="{{ node.fieldEmailAddress }}">{{ node.fieldEmailAddress }}</a>
+               <b>Email:</b> 
+               <va-link type="email" href="mailto:{{ node.fieldEmailAddress }}" text="{{ node.fieldEmailAddress }}"></va-link>
             </p>
         {% endif %}
     </div>