- Removed links to the gov uk stylesheets

- Deleted /stylesheets folder
- Removed sass build from gulpfile
- Changed gov links to usa links
- Changed other govuk styles, like breadcrumbs
- Changed name of uk_components file to us_components
- Fixed a few tests that broke on account of the changes

app/templates/views/platform-admin/_base_template.html

@@ -3,11 +3,11 @@
 
 {% block main %}
 <div class="govuk-width-container {{ mainClasses }}">
-    <div class="navigation-service">
-      <div class="navigation-service-name govuk-!-font-weight-bold">
+    <div class="navigation-service usa-breadcrumb">
+      <div class="navigation-service usa-breadcrumb-name govuk-!-font-weight-bold">
         Platform admin
       </div>
-      <a href="{{ url_for('main.choose_account') }}" class="govuk-link govuk-link--no-visited-state navigation-service-switch">Switch service</a>
+      <a href="{{ url_for('main.choose_account') }}" class="usa-link navigation-service usa-breadcrumb-switch">Switch service</a>
     </div>
     <div class="grid-row">
       <div class="tablet:grid-col-2">
@@ -27,7 +27,7 @@
             ('Clear cache', url_for('main.clear_cache')),
           ] %}
             <li>
-              <a class="govuk-link govuk-link--no-visited-state" href="{{ url }}">
+              <a class="usa-link" href="{{ url }}">
                 {{ link_text }}
               </a>
             </li>

app/templates/views/platform-admin/get-billing-report.html

@@ -30,7 +30,7 @@
     ) %}
       {% for column_heading, description in [
         ('sms cost', 'The total cost of text messages sent after a service has used its free allowance.'),
-        ('sms chargeable units', 'The number of fragments sent after a service has used its free allowance. This number takes into account the cost multiplier for <a class="govuk-link govuk-link--no-visited-state" href="https://www.notifications.service.gov.uk/pricing#international-numbers">sending international text messages</a>.' | safe),
+        ('sms chargeable units', 'The number of fragments sent after a service has used its free allowance. This number takes into account the cost multiplier for <a class="usa-link" href="https://www.notifications.service.gov.uk/pricing#international-numbers">sending international text messages</a>.' | safe),
         ('purchase order number, contact names, contact email addresses and billing reference', 'We add this data manually based on the information we get from services. You can help by adding it to the service settings page.'),
       ] %}
         {% call row() %}

app/templates/views/platform-admin/get-users-report.html

@@ -30,7 +30,7 @@
     ) %}
       {% for column_heading, description in [
         ('sms cost', 'The total cost of text messages sent after a service has used its free allowance.'),
-        ('sms chargeable units', 'The number of fragments sent after a service has used its free allowance. This number takes into account the cost multiplier for <a class="govuk-link govuk-link--no-visited-state" href="https://www.notifications.service.gov.uk/pricing#international-numbers">sending international text messages</a>.' | safe),
+        ('sms chargeable units', 'The number of fragments sent after a service has used its free allowance. This number takes into account the cost multiplier for <a class="usa-link" href="https://www.notifications.service.gov.uk/pricing#international-numbers">sending international text messages</a>.' | safe),
         ('purchase order number, contact names, contact email addresses and billing reference', 'We add this data manually based on the information we get from services. You can help by adding it to the service settings page.'),
       ] %}
         {% call row() %}

app/templates/views/platform-admin/index.html

@@ -2,8 +2,8 @@
 {% from "components/big-number.html" import big_number_simple %}
 {% from "components/status-box.html" import status_box %}
 {% from "components/form.html" import form_wrapper %}
-{% from "components/uk_components/details/macro.njk" import govukDetails %}
-{% from "components/uk_components/button/macro.njk" import govukButton %}
+{% from "components/us_components/details/macro.njk" import govukDetails %}
+{% from "components/us_components/button/macro.njk" import govukButton %}
 
 {% block per_page_title %}
   Summary

app/templates/views/platform-admin/reports.html

@@ -11,24 +11,24 @@
   </h1>
 
 <p>
-  <a class="govuk-link govuk-link--no-visited-state" target="_blank" href="{{ url_for('main.live_services_csv') }}">Download live services csv report</a>
+  <a class="usa-link" target="_blank" href="{{ url_for('main.live_services_csv') }}">Download live services csv report</a>
 </p>
 <p>
-  <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.notifications_sent_by_service') }}">Monthly notification statuses for live services</a>
+  <a class="usa-link" href="{{ url_for('main.notifications_sent_by_service') }}">Monthly notification statuses for live services</a>
 </p>
 <p>
-  <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.get_billing_report') }}">Billing Report</a>
+  <a class="usa-link" href="{{ url_for('main.get_billing_report') }}">Billing Report</a>
 </p>
 <p>
-  <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.get_volumes_by_service') }}">Volumes by service Report</a>
+  <a class="usa-link" href="{{ url_for('main.get_volumes_by_service') }}">Volumes by service Report</a>
 </p>
 <p>
-  <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.get_daily_volumes') }}">Daily volumes Report</a>
+  <a class="usa-link" href="{{ url_for('main.get_daily_volumes') }}">Daily volumes Report</a>
 </p>
 <p>
-  <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.get_daily_sms_provider_volumes') }}">Daily SMS provider volumes Report</a>
+  <a class="usa-link" href="{{ url_for('main.get_daily_sms_provider_volumes') }}">Daily SMS provider volumes Report</a>
 </p>
 <p>
-  <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.get_users_report') }}">Users Report</a>
+  <a class="usa-link" href="{{ url_for('main.get_users_report') }}">Users Report</a>
 </p>
 {% endblock %}

app/templates/views/platform-admin/services.html

@@ -3,8 +3,8 @@
 {% from "components/big-number.html" import big_number, big_number_with_status %}
 {% from "components/table.html" import mapping_table, field, stats_fields, row_group, row, right_aligned_field_heading, hidden_field_heading, text_field %}
 {% from "components/form.html" import form_wrapper %}
-{% from "components/uk_components/button/macro.njk" import govukButton %}
-{% from "components/uk_components/details/macro.njk" import govukDetails %}
+{% from "components/us_components/button/macro.njk" import govukButton %}
+{% from "components/us_components/details/macro.njk" import govukDetails %}
 
 {% macro services_table(services, caption) %}
   {% call(item, row_number) mapping_table(
@@ -23,7 +23,7 @@
 
         {% call row() %}
           {% call field(border=False, colspan=3) %}
-            <a href="{{ url_for('main.service_dashboard', service_id=service['id']) }}" class="file-list-filename-large govuk-link govuk-link--no-visited-state govuk-!-padding-bottom-4">{{ service['name'] }}</a>
+            <a href="{{ url_for('main.service_dashboard', service_id=service['id']) }}" class="file-list-filename-large usa-link govuk-!-padding-bottom-4">{{ service['name'] }}</a>
             {% if not service['active'] %}
               <span class="heading-medium hint">&ensp;Archived</span>
             {% endif %}

app/templates/views/platform-admin/splash-page.html

@@ -11,7 +11,7 @@
   </h1>
 
   <p class="govuk-body">
-    <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.platform_admin') }}">Load summary</a>
+    <a class="usa-link" href="{{ url_for('main.platform_admin') }}">Load summary</a>
   </p>
 
 {% endblock %}