chore(common): replace some iconname occurences

Author: marin-bratanov

common/message-box/dynamic-creation/Pages/FetchData.razor

@@ -14,7 +14,7 @@
         <GridColumn Field="Summary" />
         <GridCommandColumn Width="150px">
             <GridCommandButton OnClick="@AddForecast" Icon="@plus"></GridCommandButton>
-            <GridCommandButton OnClick="@((args)=> EditForecast(args.Item as WeatherForecast))" Icon="@IconName.ArrowChevronRight"></GridCommandButton>
+            <GridCommandButton OnClick="@((args)=> EditForecast(args.Item as WeatherForecast))" Icon="arrow-chevron-right"></GridCommandButton>
         </GridCommandColumn>
     </GridColumns>
 </TelerikGrid>

common/razor-components/razor-pages/Components/MyWindow.razor

@@ -1,6 +1,6 @@
 <h3>My Window</h3>
 
-<TelerikButton Icon=@IconName.Window OnClick=@(()=> WindowVisible = true)>Open Modal</TelerikButton>
+<TelerikButton Icon="window" OnClick=@(()=> WindowVisible = true)>Open Modal</TelerikButton>
 
 <TelerikRootComponent>
     <TelerikWindow Class="demo-window" Width="500px" Height="300px" Centered="true" @bind-Visible=@WindowVisible Modal="true">

drawer/sidenav/Shared/MainLayout.razor

@@ -72,8 +72,8 @@
     {
         new DrawerItem { Text = "Home", Url = "/", Icon = "home" },
         new DrawerItem { IsSeparator = true, Url=string.Empty },//define a URL to separators to make the pre-selection logic easier
-        new DrawerItem { Text = "Counter", Url = "counter", Icon = IconName.PlusOutline },
-        new DrawerItem { Text = "FetchData", Url = "fetchdata", Icon = IconName.Grid }
+        new DrawerItem { Text = "Counter", Url = "counter", Icon = "plus-outline" },
+        new DrawerItem { Text = "FetchData", Url = "fetchdata", Icon = "grid" }
     };
 
     protected override void OnInitialized()

drawer/template/template/Shared/MainLayout.razor

@@ -102,7 +102,7 @@
             @if (DrawerExpanded)
             {
                 <div style="text-align: center; margin-top: 3em; padding-top: 2em; border-top: 2px solid black; white-space:nowrap">
-                    <TelerikButton Icon="@IconName.Logout" Primary="true">Log Out</TelerikButton>
+                    <TelerikButton Icon="logout" Primary="true">Log Out</TelerikButton>
                 </div>
             }
         </Template>
@@ -132,8 +132,8 @@
     List<DrawerItem> NavigablePages { get; set; } = new List<DrawerItem>
 {
         new DrawerItem { Text = "Home", Url = "/", Icon = "home" },
-        new DrawerItem { Text = "Counter", Url = "counter", Icon = IconName.PlusOutline },
-        new DrawerItem { Text = "FetchData", Url = "fetchdata", Icon = IconName.Grid }
+        new DrawerItem { Text = "Counter", Url = "counter", Icon = "plus-outline" },
+        new DrawerItem { Text = "FetchData", Url = "fetchdata", Icon = "grid" }
     };
 
     protected override void OnInitialized()

drawer/two-drawers/TwoDrawers/Shared/MainLayout.razor

@@ -46,15 +46,15 @@
     // the left (Push) drawer goes to the counter and fetch data pages
     IEnumerable<DrawerItem> Data { get; set; } = new List<DrawerItem>
         {
-                new DrawerItem { Text = "Counter", Icon = IconName.Plus, Url = "counter"},
-                new DrawerItem { Text = "FetchData", Icon = IconName.GridLayout, Url = "fetchdata"},
+                new DrawerItem { Text = "Counter", Icon = "plus", Url = "counter"},
+                new DrawerItem { Text = "FetchData", Icon = "grid-layout", Url = "fetchdata"},
             };
 
     //the right (overlay) drawer always goes to the home page for brevity and simplicity
     IEnumerable<DrawerItem> RightItems { get; set; } = new List<DrawerItem>
         {
-                new DrawerItem { Text = "First", Icon = IconName.MinusOutline, Url= "/"},
-                new DrawerItem { Text = "Second", Icon = IconName.MinusCircle, Url = "/"},
+                new DrawerItem { Text = "First", Icon = "minus-outline", Url= "/"},
+                new DrawerItem { Text = "Second", Icon = "minus-circle", Url = "/"},
             };
 
     public class DrawerItem

editor/ImportExport/EditorImportExport/Pages/Index.razor

@@ -8,7 +8,7 @@
     <EditorCustomTools>
         <EditorCustomTool Name="ExportToPdfTool">
             <div style="margin-right: 50px">
-                <TelerikButton OnClick="@ExportToPdf" Icon="@IconName.Download"></TelerikButton>
+                <TelerikButton OnClick="@ExportToPdf" Icon="download"></TelerikButton>
                 <TelerikDropDownList Data="@SupportedExportFormats" @bind-Value="@exportFormat" PopupHeight="auto" Width="auto"></TelerikDropDownList>
             </div>
         </EditorCustomTool>

editor/Markdown/Markdown/Pages/ViewMdTool.razor

@@ -1,4 +1,4 @@
-<TelerikButton Icon="@IconName.PasteMarkdown" OnClick="@ShowMdEditWindow">View MD</TelerikButton>
+<TelerikButton Icon="paste-markdown" OnClick="@ShowMdEditWindow">View MD</TelerikButton>
 
 <TelerikWindow Visible="@wndVisible" Size="@WindowSize.Medium" Modal="true">
     <WindowTitle>View and Edit the Raw Markdown</WindowTitle>

grid/batch-editing/Pages/Index.razor

@@ -39,11 +39,11 @@
                     }
                     else if (currItem.IsDeleted)
                     {
-                        <TelerikButton Icon="@IconName.ArrowUp" OnClick="@( () => UndeleteItem(currItem) )">Undelete</TelerikButton>
+                        <TelerikButton Icon="arrow-up" OnClick="@( () => UndeleteItem(currItem) )">Undelete</TelerikButton>
                     }
                     else if (currItem.IsChanged)
                     {
-                        <TelerikButton Icon="@undo" OnClick="@( () => RevertItem(currItem) )">Revert</TelerikButton>
+                        <TelerikButton Icon="undo" OnClick="@( () => RevertItem(currItem) )">Revert</TelerikButton>
                     }
                 }
             </Template>

scheduler/appointment-context-menu/Pages/Index.razor.cs

@@ -27,13 +27,13 @@ public partial class Index : ComponentBase
             {
                 Text = "Delete",
                 CommandName = "delete",
-                Icon = IconName.Delete
+                Icon = "delete"
             },
             new ContextMenuItem
             {
                 Text = "Toggle Important",
                 CommandName = "toggleimportant",
-                Icon = IconName.Warning
+                Icon = "warning"
             }
         };