feat(link): convert rails icon to pine

Kajabi · May 21, 2024 · 22028dc · 22028dc
1 parent f381ab1
commit 22028dc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/docs/lib/sage_rails/app/views/sage_components/_sage_link.html.erb b/docs/lib/sage_rails/app/views/sage_components/_sage_link.html.erb
@@ -51,4 +51,9 @@ html_attributes[:class] = css_classes
   .join(" ")
   .squish
 %>
-<%= link_to label, component.url, html_attributes %>
+<%= link_to component.url, html_attributes do %>
+  <% if component.icon %>
+    <pds-icon name="<%= component.icon[:name] %>" class="sage-link__icon"></pds-icon>
+  <% end %>
+  <%= label %>
+<% end %>
diff --git a/packages/sage-assets/lib/stylesheets/components/_link.scss b/packages/sage-assets/lib/stylesheets/components/_link.scss
@@ -59,7 +59,8 @@ $-link-base-styles: (
 
 .sage-link {
   @extend %t-sage-body-semi;
-
+  align-items: center;
+  gap: sage-spacing(2xs);
   display: inline-flex;
   position: relative;
   max-width: 100%;
@@ -158,7 +159,7 @@ $-link-base-styles: (
   &::after {
     margin-left: sage-spacing(2xs);
     margin-right: sage-spacing(2xs);
-    @include sage-icon-base(launch, sm);
+    @include sage-icon-base(launch, sm, pine);
   }
 }