Replace style: transform with .usa-icon--size-*

Author: jhutchison-nava

dpc-portal/app/components/core/icon/uswds_component.html.erb

@@ -1,3 +1,3 @@
-  <svg class="<%= icon_classes %>" style="transform: scale(<%= @size %>)" aria-hidden="true" role="img">
+  <svg class="<%= icon_classes %>" aria-hidden="true" role="img">
     <use xlink:href=<%= "#{asset_path('@uswds/uswds/dist/img/sprite.svg')}##{@name}" %>></use>
   </svg>

dpc-portal/app/components/core/icon/uswds_component.rb

@@ -4,7 +4,7 @@ module Core
   module Icon
     # Renders an icon available from USWDS
     class UswdsComponent < ViewComponent::Base
-      def initialize(name, size: 1, additional_classes: [])
+      def initialize(name, size: 2, additional_classes: [])
         super()
         @name = name
         @size = size
@@ -13,8 +13,9 @@ def initialize(name, size: 1, additional_classes: [])
 
       def icon_classes
         classes = @additional_classes
-        classes << 'usa-icon'
-        classes.uniq.join(' ')
+        # uswds only 'usa-icon--*' classes only start at size-3 (and end at size-9)
+        classes << ['usa-icon', (@size >= 3 && @size <= 9) ? "usa-icon--size-#{@size}" : '']
+        classes.uniq.join(' ').strip
       end
     end
   end

dpc-portal/app/components/core/table/row_component.html.erb

@@ -6,7 +6,7 @@
   <% if delete_path %>
   <td>
     <a class="usa-button delete-icon delete-icon--secondary-ghost" href="#delete-modal-<%= obj['id'] %>" aria-controls="delete-modal-<%= obj['id'] %>" data-open-modal>
-      <%= render Core::Icon::UswdsComponent.new('delete') %>
+      <%= render Core::Icon::UswdsComponent.new('delete', size: 3) %>
     </a>
     <% if obj_name == 'CD invitation' %>
       <%= render(Core::Modal::ModalComponent.new('Cancel CD invite?',