Merge pull request #667 from appsmithorg/chore/add-icons

chore: Adding icons in AppIcon component and Icon provider
appsmithorg · Oct 30, 2023 · 40b67d9 · 40b67d9
2 parents cced275 + a684a4e
commit 40b67d9
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 0 deletions.
diff --git a/.changeset/wild-ads-sing.md b/.changeset/wild-ads-sing.md
@@ -0,0 +1,6 @@
+---
+"@appsmithorg/design-system-old": patch
+"@appsmithorg/design-system": patch
+---
+
+chore: Adding icons in AppIcon component and Icon provider
diff --git a/packages/design-system-old/src/AppIcon/index.tsx b/packages/design-system-old/src/AppIcon/index.tsx
@@ -244,6 +244,7 @@ const YenIcon = importSvg(() =>
 const SteamBowlIcon = importSvg(() =>
   import("../assets/icons/ads/app-icons/steam-bowl.svg"),
 );
+const PackageIcon = importSvg(() => import("../assets/icons/ads/package.svg"));
 const ArrowDownIcon = importRemixIcon(() =>
   import("remixicon-react/ArrowDownSLineIcon"),
 );
@@ -328,6 +329,7 @@ export const AppIconCollection = [
   "moon",
   "mug",
   "music",
+  "package",
   "pants",
   "pie-chart",
   "pizza",
@@ -596,6 +598,9 @@ function AppIcon(props: AppIconProps) {
     case "pie-chart":
       returnIcon = <PieChartIcon />;
       break;
+    case "package":
+      returnIcon = <PackageIcon />;
+      break;
     case "pizza":
       returnIcon = <PizzaIcon />;
       break;

diff --git a/packages/design-system/src/Icon/Icon.provider.tsx b/packages/design-system/src/Icon/Icon.provider.tsx
@@ -544,6 +544,10 @@ const FileCopy2Line = importRemixIcon(
   () => import("remixicon-react/FileCopy2LineIcon"),
 );
 
+const AppsLineIcon = importRemixIcon(
+  async () => import("remixicon-react/AppsLineIcon"),
+);
+
 const CornerDownLeftLineIcon = importSvg(
   () => import("../__assets__/icons/ads/corner-down-left-line.svg"),
 );
@@ -695,6 +699,9 @@ const ExecuteIcon = importSvg(
 const PackageIcon = importSvg(
   () => import("../__assets__/icons/ads/package.svg"),
 );
+const ModuleIcon = importSvg(
+  () => import("../__assets__/icons/ads/module.svg"),
+);
 const DeleteIcon = importSvg(
   () => import("../__assets__/icons/control/delete.svg"),
 );
@@ -1209,6 +1216,7 @@ const ICON_LOOKUP = {
   "file-paper-2-line": FilePaper2LineIcon,
   "file-copy-2-line": FileCopy2Line,
   "box-3-line": Box3LineIcon,
+  "apps-line": AppsLineIcon,
   billing: BillingIcon,
   binding: Binding,
   book: BookIcon,
@@ -1257,6 +1265,7 @@ const ICON_LOOKUP = {
   manage: ManageIcon,
   member: UserHeartLineIcon,
   minus: RemoveIcon,
+  module: ModuleIcon,
   mobile: MobileIcon,
   open: OpenIcon,
   pantone: PantoneLineIcon,

diff --git a/packages/design-system/src/__assets__/icons/ads/module.svg b/packages/design-system/src/__assets__/icons/ads/module.svg