Merge pull request #686 from appsmithorg/pages-pane-icon

feat: Editor sidebar v3 icons

.changeset/curly-waves-tease.md → .changeset/late-coats-build.md

@@ -2,4 +2,4 @@
 "@appsmithorg/design-system": patch
 ---
 
-New icons segmented control width
+feat: Editor sidebar v3 icons

packages/design-system/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @appsmithorg/design-system
 
+## 2.1.29
+
+### Patch Changes
+
+- [#683](https://github.com/appsmithorg/design-system/pull/683) [`be332c99`](https://github.com/appsmithorg/design-system/commit/be332c99f0bb3e4fda93831d5edc11ac972a87ce) Thanks [@albinAppsmith](https://github.com/albinAppsmith)! - chore: Disable Icon clicks on NumberInput upon min-max violations
+
+## 2.1.28
+
+### Patch Changes
+
+- [#677](https://github.com/appsmithorg/design-system/pull/677) [`154932d6`](https://github.com/appsmithorg/design-system/commit/154932d63b392a14ffac0ff22a4953eae61b7348) Thanks [@albinAppsmith](https://github.com/albinAppsmith)! - New icons segmented control width
+
 ## 2.1.27
 
 ### Patch Changes

packages/design-system/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appsmithorg/design-system",
-  "version": "2.1.27",
+  "version": "2.1.29",
   "description": "This is the package for the design system that powers the Appsmith platform",
   "module": "build/index.js",
   "types": "build/index.d.ts",

packages/design-system/src/Icon/Icon.provider.tsx

@@ -950,6 +950,29 @@ const DashboardLineIcon = importSvg(
   () => import("../__assets__/icons/ads/dashboard-line.svg"),
 );
 
+// v3 icons
+const JsSquareV3Icon = importSvg(
+  () => import("../__assets__/icons/ads/js-square-v3-icon.svg"),
+);
+const QueriesV3Icon = importSvg(
+  () => import("../__assets__/icons/ads/queries-v3-icon.svg"),
+);
+const WidgetsV3Icon = importSvg(
+  () => import("../__assets__/icons/ads/widgets-v3-icon.svg"),
+);
+const DatasourceV3Icon = importSvg(
+  () => import("../__assets__/icons/ads/datasource-v3-icon.svg"),
+);
+const EditorV3Icon = importSvg(
+  () => import("../__assets__/icons/ads/editor-v3-icon.svg"),
+);
+const SettingsV3Icon = importSvg(
+  () => import("../__assets__/icons/ads/settings-v3-icon.svg"),
+);
+const PackagesV3Icon = importSvg(
+  () => import("../__assets__/icons/ads/packages-v3-icon.svg"),
+);
+
 import PlayIconPNG from "../__assets__/icons/control/play-icon.png";
 
 function PlayIconPNGWrapper() {
@@ -1232,6 +1255,13 @@ const ICON_LOOKUP = {
   "queries-line": QueriesLineIcon,
   "braces-line": BracesLineIcon,
   "dashboard-line": DashboardLineIcon,
+  "js-square-v3": JsSquareV3Icon,
+  "queries-v3": QueriesV3Icon,
+  "widgets-v3": WidgetsV3Icon,
+  "datasource-v3": DatasourceV3Icon,
+  "editor-v3": EditorV3Icon,
+  "settings-v3": SettingsV3Icon,
+  "packages-v3": PackagesV3Icon,
   billing: BillingIcon,
   binding: Binding,
   book: BookIcon,