From 8a64f1565c4dbf5e278ba0a02ef0c3588ff61fac Mon Sep 17 00:00:00 2001
From: Joe <49767913+joebudi@users.noreply.github.com>
Date: Tue, 14 Jan 2025 20:29:15 +0000
Subject: [PATCH] settings icons added

---
 .../buttons/grid/GridAutomationsButton.svelte |  4 +-
 .../buttons/grid/GridRowActionsButton.svelte  |  2 +-
 .../buttons/grid/GridScreensButton.svelte     |  2 +-
 .../_components/Screen/GeneralPanel.svelte    |  4 +-
 packages/client/manifest.json                 | 70 +++++++++----------
 .../src/components/preview/SettingsBar.svelte | 10 +--
 6 files changed, 46 insertions(+), 46 deletions(-)

diff --git a/packages/builder/src/components/backend/DataTable/buttons/grid/GridAutomationsButton.svelte b/packages/builder/src/components/backend/DataTable/buttons/grid/GridAutomationsButton.svelte
index 3fc6d1e411..23b41ff70e 100644
--- a/packages/builder/src/components/backend/DataTable/buttons/grid/GridAutomationsButton.svelte
+++ b/packages/builder/src/components/backend/DataTable/buttons/grid/GridAutomationsButton.svelte
@@ -56,7 +56,7 @@
     <List>
       {#each connectedAutomations as automation}
         <ListItem
-          icon={automation.disabled ? "PauseCircle" : "PlayCircle"}
+          icon={automation.disabled ? "circle" : "checkmark-circle"}
           iconColor={automation.disabled
             ? "var(--spectrum-global-color-gray-600)"
             : "var(--spectrum-global-color-green-600)"}
@@ -68,7 +68,7 @@
     </List>
   {/if}
   <div>
-    <Button secondary icon="JourneyVoyager" on:click={generateAutomation}>
+    <Button secondary icon="add" on:click={generateAutomation}>
       Generate automation
     </Button>
   </div>
diff --git a/packages/builder/src/components/backend/DataTable/buttons/grid/GridRowActionsButton.svelte b/packages/builder/src/components/backend/DataTable/buttons/grid/GridRowActionsButton.svelte
index a3416e317f..4c74a8ed71 100644
--- a/packages/builder/src/components/backend/DataTable/buttons/grid/GridRowActionsButton.svelte
+++ b/packages/builder/src/components/backend/DataTable/buttons/grid/GridRowActionsButton.svelte
@@ -106,7 +106,7 @@
     </List>
   {/if}
   <div>
-    <Button secondary icon="Engagement" on:click={showCreateModal}>
+    <Button secondary icon="add" on:click={showCreateModal}>
       Create row action
     </Button>
   </div>
diff --git a/packages/builder/src/components/backend/DataTable/buttons/grid/GridScreensButton.svelte b/packages/builder/src/components/backend/DataTable/buttons/grid/GridScreensButton.svelte
index b630781310..1890940ced 100644
--- a/packages/builder/src/components/backend/DataTable/buttons/grid/GridScreensButton.svelte
+++ b/packages/builder/src/components/backend/DataTable/buttons/grid/GridScreensButton.svelte
@@ -52,7 +52,7 @@
     </List>
   {/if}
   <div>
-    <Button secondary icon="web-page" on:click={generateScreen}>
+    <Button secondary icon="add" on:click={generateScreen}>
       Generate app screen
     </Button>
   </div>
diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Screen/GeneralPanel.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Screen/GeneralPanel.svelte
index 62fe593602..58231a0a29 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Screen/GeneralPanel.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Screen/GeneralPanel.svelte
@@ -83,11 +83,11 @@
         props: {
           options: [
             {
-              barIcon: "ModernGridView",
+              barIcon: "menu-hamburger",
               value: "flex",
             },
             {
-              barIcon: "ViewGrid",
+              barIcon: "grid-type-dots",
               value: "grid",
             },
           ],
diff --git a/packages/client/manifest.json b/packages/client/manifest.json
index 9813d8eacf..bfca249d8a 100644
--- a/packages/client/manifest.json
+++ b/packages/client/manifest.json
@@ -496,19 +496,19 @@
               {
                 "label": "Left",
                 "value": "left",
-                "barIcon": "AlignLeft",
+                "barIcon": "align-left",
                 "barTitle": "Align left"
               },
               {
                 "label": "Center",
                 "value": "center",
-                "barIcon": "AlignCenter",
+                "barIcon": "align-center",
                 "barTitle": "Align center"
               },
               {
                 "label": "Right",
                 "value": "right",
-                "barIcon": "AlignRight",
+                "barIcon": "align-right",
                 "barTitle": "Align right"
               },
               {
@@ -530,7 +530,7 @@
               {
                 "label": "Top",
                 "value": "top",
-                "barIcon": "AlignTop",
+                "barIcon": "align-top",
                 "barTitle": "Align top"
               },
               {
@@ -542,8 +542,8 @@
               {
                 "label": "Bottom",
                 "value": "bottom",
-                "barIcon": "AlignBottom",
-                "barTitle": "Align bottom"
+                "barIcon": "align-botton",
+                "barTitle": "align-botton"
               },
               {
                 "label": "Stretch",
@@ -852,19 +852,19 @@
           {
             "label": "Left",
             "value": "left",
-            "barIcon": "AlignLeft",
+            "barIcon": "align-left",
             "barTitle": "Align left"
           },
           {
             "label": "Center",
             "value": "center",
-            "barIcon": "AlignCenter",
+            "barIcon": "align-center",
             "barTitle": "Align center"
           },
           {
             "label": "Right",
             "value": "right",
-            "barIcon": "AlignRight",
+            "barIcon": "align-right",
             "barTitle": "Align right"
           },
           {
@@ -886,19 +886,19 @@
           {
             "label": "Top",
             "value": "top",
-            "barIcon": "AlignTop",
+            "barIcon": "align-top",
             "barTitle": "Align top"
           },
           {
             "label": "Middle",
             "value": "middle",
-            "barIcon": "AlignMiddle",
+            "barIcon": "align-middle",
             "barTitle": "Align middle"
           },
           {
             "label": "Bottom",
             "value": "bottom",
-            "barIcon": "AlignBottom",
+            "barIcon": "align-botton",
             "barTitle": "Align bottom"
           },
           {
@@ -1144,25 +1144,25 @@
           {
             "label": "Left",
             "value": "left",
-            "barIcon": "TextAlignLeft",
+            "barIcon": "text-align-left",
             "barTitle": "Align left"
           },
           {
             "label": "Center",
             "value": "center",
-            "barIcon": "TextAlignCenter",
+            "barIcon": "text-align-center",
             "barTitle": "Align center"
           },
           {
             "label": "Right",
             "value": "right",
-            "barIcon": "TextAlignRight",
+            "barIcon": "text-align-right",
             "barTitle": "Align right"
           },
           {
             "label": "Justify",
             "value": "justify",
-            "barIcon": "TextAlignJustify",
+            "barIcon": "text-align-justify",
             "barTitle": "Justify text"
           }
         ]
@@ -1267,25 +1267,25 @@
           {
             "label": "Left",
             "value": "left",
-            "barIcon": "TextAlignLeft",
+            "barIcon": "text-align-left",
             "barTitle": "Align left"
           },
           {
             "label": "Center",
             "value": "center",
-            "barIcon": "TextAlignCenter",
+            "barIcon": "text-align-center",
             "barTitle": "Align center"
           },
           {
             "label": "Right",
             "value": "right",
-            "barIcon": "TextAlignRight",
+            "barIcon": "text-align-right",
             "barTitle": "Align right"
           },
           {
             "label": "Justify",
             "value": "justify",
-            "barIcon": "TextAlignJustify",
+            "barIcon": "text-align-justify",
             "barTitle": "Justify text"
           }
         ]
@@ -1618,7 +1618,7 @@
         "label": "Bold",
         "key": "bold",
         "showInBar": true,
-        "barIcon": "TagBold",
+        "barIcon": "text-bold",
         "barTitle": "Bold text",
         "barSeparator": false
       },
@@ -1627,7 +1627,7 @@
         "label": "Italic",
         "key": "italic",
         "showInBar": true,
-        "barIcon": "TagItalic",
+        "barIcon": "text-italic",
         "barTitle": "Italic text",
         "barSeparator": false
       },
@@ -1650,25 +1650,25 @@
           {
             "label": "Left",
             "value": "left",
-            "barIcon": "TextAlignLeft",
+            "barIcon": "text-align-left",
             "barTitle": "Align left"
           },
           {
             "label": "Center",
             "value": "center",
-            "barIcon": "TextAlignCenter",
+            "barIcon": "text-align-center",
             "barTitle": "Align center"
           },
           {
             "label": "Right",
             "value": "right",
-            "barIcon": "TextAlignRight",
+            "barIcon": "text-align-right",
             "barTitle": "Align right"
           },
           {
             "label": "Justify",
             "value": "justify",
-            "barIcon": "TextAlignJustify",
+            "barIcon": "text-align-justify",
             "barTitle": "Justify text"
           }
         ]
@@ -3172,25 +3172,25 @@
           {
             "label": "Left",
             "value": "left",
-            "barIcon": "TextAlignLeft",
+            "barIcon": "text-align-left",
             "barTitle": "Align left"
           },
           {
             "label": "Center",
             "value": "center",
-            "barIcon": "TextAlignCenter",
+            "barIcon": "text-align-center",
             "barTitle": "Align center"
           },
           {
             "label": "Right",
             "value": "right",
-            "barIcon": "TextAlignRight",
+            "barIcon": "text-align-right",
             "barTitle": "Align right"
           },
           {
             "label": "Justify",
             "value": "justify",
-            "barIcon": "TextAlignJustify",
+            "barIcon": "text-align-justify",
             "barTitle": "Justify text"
           }
         ]
@@ -6818,19 +6818,19 @@
               {
                 "label": "Left",
                 "value": "left",
-                "barIcon": "AlignLeft",
+                "barIcon": "align-left",
                 "barTitle": "Align left"
               },
               {
                 "label": "Center",
                 "value": "center",
-                "barIcon": "AlignCenter",
+                "barIcon": "align-center",
                 "barTitle": "Align center"
               },
               {
                 "label": "Right",
                 "value": "right",
-                "barIcon": "AlignRight",
+                "barIcon": "align-right",
                 "barTitle": "Align right"
               },
               {
@@ -6852,7 +6852,7 @@
               {
                 "label": "Top",
                 "value": "top",
-                "barIcon": "AlignTop",
+                "barIcon": "align-top",
                 "barTitle": "Align top"
               },
               {
@@ -6864,7 +6864,7 @@
               {
                 "label": "Bottom",
                 "value": "bottom",
-                "barIcon": "AlignBottom",
+                "barIcon": "align-botton",
                 "barTitle": "Align bottom"
               },
               {
diff --git a/packages/client/src/components/preview/SettingsBar.svelte b/packages/client/src/components/preview/SettingsBar.svelte
index 00f341a069..8aa49bfc7e 100644
--- a/packages/client/src/components/preview/SettingsBar.svelte
+++ b/packages/client/src/components/preview/SettingsBar.svelte
@@ -200,7 +200,7 @@
       <GridStylesButton
         style={gridHAlignVar}
         value="start"
-        icon="AlignLeft"
+        icon="align-left"
         title="Align left"
         active={gridHAlign === "start"}
         componentId={id}
@@ -208,7 +208,7 @@
       <GridStylesButton
         style={gridHAlignVar}
         value="center"
-        icon="AlignCenter"
+        icon="align-center"
         title="Align center"
         active={gridHAlign === "center"}
         componentId={id}
@@ -216,7 +216,7 @@
       <GridStylesButton
         style={gridHAlignVar}
         value="end"
-        icon="AlignRight"
+        icon="align-right"
         title="Align right"
         active={gridHAlign === "end"}
         componentId={id}
@@ -233,7 +233,7 @@
       <GridStylesButton
         style={gridVAlignVar}
         value="start"
-        icon="AlignTop"
+        icon="align-top"
         title="Align top"
         active={gridVAlign === "start"}
         componentId={id}
@@ -249,7 +249,7 @@
       <GridStylesButton
         style={gridVAlignVar}
         value="end"
-        icon="AlignBottom"
+        icon="align-botton"
         title="Align bottom"
         active={gridVAlign === "end"}
         componentId={id}