feat(dropdownitem): convert rails icon to pine

Kajabi · May 24, 2024 · fee340b · fee340b
1 parent 500a282
commit fee340b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/docs/lib/sage_rails/app/views/sage_components/_sage_dropdown_item.html.erb b/docs/lib/sage_rails/app/views/sage_components/_sage_dropdown_item.html.erb
@@ -37,6 +37,9 @@ end
         <%= key %>="<%= value %>"
       <% end if component.attributes&.is_a?(Hash) %>
     >
+      <% if component.icon.present? %>
+        <pds-icon class="<%= "sage-dropdown__item-control--icon-#{component.icon}"%> <%= SageClassnames::SPACERS::XS_RIGHT %>" name="<%= component.icon %>"></pds-icon>
+      <% end %>
       <% if component.content.present? %>
         <%= component.content %>
       <% else %>

diff --git a/packages/sage-assets/lib/stylesheets/components/_icon.scss b/packages/sage-assets/lib/stylesheets/components/_icon.scss
@@ -83,7 +83,7 @@ $-icon-beside-type: (
   }
 
   .sage-dropdown__item-control--icon-#{$icon-name}::before {
-    @include sage-icon-base($icon-name);
+    @include sage-icon-base($icon-name, md, pine);
     margin: 0 sage-spacing(xs) 0 0;
   }