From eeba7c2e58abbc96f5a9d3295890a9fab96a134c Mon Sep 17 00:00:00 2001
From: Phillip Lovelace <phillip.lovelace@kajabi.com>
Date: Wed, 7 Aug 2024 13:27:09 -0700
Subject: [PATCH] docs: convert icons to pine in grid template demos (#1938)

---
 docs/app/views/pages/grid_templates.html.erb | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/app/views/pages/grid_templates.html.erb b/docs/app/views/pages/grid_templates.html.erb
index 2ec731e84d..bacaad9af5 100644
--- a/docs/app/views/pages/grid_templates.html.erb
+++ b/docs/app/views/pages/grid_templates.html.erb
@@ -101,12 +101,12 @@ dashes = [
 ]
 
 dots = [
-  %(<i class="sage-icon-check-circle t-sage--color-sage"></i>).html_safe,
+  %(<pds-icon name="check-circle" class="sage-icon-check-circle t-sage--color-sage"></pds-icon>).html_safe,
   sage_component(SageBadge, { value: "In progress", color: "warning" }).html_safe,
-  %(<i class="sage-icon-star t-sage--color-orange"></i>).html_safe,
+  %(<pds-icon name="star" class="sage-icon-star t-sage--color-orange"></pds-icon>).html_safe,
   sage_component(SageBadge, { value: "Verified", color: "published" }).html_safe,
   %(<span class="t-sage-body-small-semi">$5.99</span>).html_safe,
-  %(<i class="sage-icon-dot-menu-horizontal t-sage--color-grey"></i>).html_safe
+  %(<pds-icon name="dot-menu-horizontal" class="sage-icon-dot-menu-horizontal t-sage--color-charcoal"></pds-icon>).html_safe
 ]
 %>