chore: rename ADS package (#35583)

## Description
Rename `design-system` package to `@appsmith/ads`

## Automation

/ok-to-test tags="@tag.All"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/10319507327>
> Commit: 65d9664dd75b750496458a6e1652e0da858e1fc6
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=10319507327&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.All`
> Spec:
> <hr>Fri, 09 Aug 2024 13:47:50 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [x] No

app/client/jest.config.js

@@ -17,7 +17,7 @@ module.exports = {
   moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node", "css"],
   moduleDirectories: ["node_modules", "src", "test"],
   transformIgnorePatterns: [
-    "<rootDir>/node_modules/(?!codemirror|konva|design-system|react-dnd|dnd-core|@babel|(@blueprintjs)|@github|lodash-es|@draft-js-plugins|react-documents|linkedom|assert-never|axios)",
+    "<rootDir>/node_modules/(?!codemirror|konva|react-dnd|dnd-core|@babel|(@blueprintjs)|@github|lodash-es|@draft-js-plugins|react-documents|linkedom|assert-never|axios)",
   ],
   moduleNameMapper: {
     "\\.(css|less)$": "<rootDir>/test/__mocks__/styleMock.js",
@@ -49,7 +49,7 @@ module.exports = {
       "<rootDir>/node_modules/@blueprintjs/popover2/lib/esnext",
     "^@blueprintjs/select$":
       "<rootDir>/node_modules/@blueprintjs/select/lib/esnext",
-    "design-system": "<rootDir>/node_modules/design-system",
+    "@appsmith/ads": "<rootDir>/node_modules/@appsmith/ads",
     "^canvas$": "jest-canvas-mock",
   },
   globals: {

app/client/package.json

@@ -48,6 +48,7 @@
     "cypress:snapshot:docker:build": "docker build . -f cypress/Dockerfile -t cypress-snapshot"
   },
   "dependencies": {
+    "@appsmith/ads": "workspace:^",
     "@appsmith/ads-old": "workspace:^",
     "@aws-sdk/client-s3": "^3.622.0",
     "@aws-sdk/lib-storage": "^3.622.0",
@@ -123,7 +124,6 @@
     "d3-geo": "^3.1.0",
     "dayjs": "^1.10.6",
     "deep-diff": "^1.0.2",
-    "design-system": "workspace:^",
     "downloadjs": "^1.4.7",
     "echarts": "^5.4.2",
     "fast-deep-equal": "^3.1.3",

app/client/packages/design-system/ads-old/package.json

@@ -12,14 +12,8 @@
   },
   "contributors": [
     "Albin <albin@appsmith.com>",
-    "Rohit Agarwal <rohit.agarwal@appsmith.com>",
+    "Rohit Agarwal <rohit.agarwal@appsmith.com>"
-    "Tanvi Bhakta <tanvi@appsmith.com>"
   ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/appsmithorg/design-system.git",
-    "directory": "packages/design-system"
-  },
   "license": "Apache-2.0",
   "devDependencies": {
     "@types/loadable__component": "^5.13.4",

app/client/packages/design-system/ads-old/src/FilePickerV2/index.tsx

@@ -7,7 +7,7 @@ import Button, { Category, IconPositions, Size } from "../Button";
 import type { IconName } from "../Icon";
 import Icon, { IconSize } from "../Icon";
 import Text, { TextType } from "../Text";
-import { toast } from "design-system";
+import { toast } from "@appsmith/ads";
 import TooltipComponent from "../Tooltip";
 import {
   createMessage,

app/client/packages/design-system/ads/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "design-system",
+  "name": "@appsmith/ads",
   "version": "2.1.43",
   "description": "This is the package for the design system that powers the Appsmith platform",
   "main": "src/index.ts",

app/client/packages/design-system/ads/src/Icon/Icon.provider.tsx

@@ -1468,7 +1468,7 @@ export function IconProvider(props: {
       iconName,
       " not found. If you haven't made a typo, the icon probably does not exit " +
         "in our database - check the lookup here: " +
-        "https://github.com/appsmithorg/design-system/blob/c6c2d821c45e459fcb0522fccb273fccbce41664/packages/design-system/src/Icon/Icon.provider.tsx#L292",
+        "https://github.com/appsmithorg/appsmith/blob/release/app/client/packages/design-system/ads/src/Icon/Icon.provider.tsx#L1078",
     );
   }
   return Icon && <Icon color={color} size={size} />;

app/client/packages/design-system/ads/src/List/List.stories.tsx

@@ -1,7 +1,7 @@
 import React from "react";
-import { List, ListItem, Icon } from "design-system";
+import { List, ListItem, Icon } from "@appsmith/ads";
 import type { StoryObj } from "@storybook/react";
-import type { ListItemProps, ListProps } from "design-system";
+import type { ListItemProps, ListProps } from "@appsmith/ads";
 
 export default {
   title: "ADS/Components/List",

app/client/packages/storybook/.storybook/styles.css

@@ -8,7 +8,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
 
-@import url("design-system/src/__theme__/default/index.css"); /* This is to make theme variable available for stories */
+@import url("@appsmith/ads/src/__theme__/default/index.css"); /* This is to make theme variable available for stories */
 
 html,
 body,

app/client/src/AppErrorBoundry.tsx

@@ -4,7 +4,7 @@ import AppCrashImage from "assets/images/404-image.png";
 import * as Sentry from "@sentry/react";
 import log from "loglevel";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
-import { Button } from "design-system";
+import { Button } from "@appsmith/ads";
 
 const Wrapper = styled.div`
   display: flex;

app/client/src/IDE/Components/BottomView.tsx

@@ -5,7 +5,7 @@ import Resizer, {
 } from "components/editorComponents/Debugger/Resizer";
 import { CodeEditorWithGutterStyles } from "pages/Editor/JSEditor/styledComponents";
 import { ViewDisplayMode, ViewHideBehaviour } from "IDE/Interfaces/View";
-import { Button } from "design-system";
+import { Button } from "@appsmith/ads";
 
 const VIEW_MIN_HEIGHT = 38;
 

app/client/src/IDE/Components/FileTab.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import styled from "styled-components";
 import clsx from "classnames";
 
-import { Flex, Icon } from "design-system";
+import { Flex, Icon } from "@appsmith/ads";
 import { sanitizeString } from "utils/URLUtils";
 
 interface FileTabProps {

app/client/src/IDE/Components/HeaderDropdown.tsx

@@ -1,4 +1,4 @@
-import { Flex } from "design-system";
+import { Flex } from "@appsmith/ads";
 import React from "react";
 import styled from "styled-components";
 

app/client/src/IDE/Components/HeaderEditorSwitcher.tsx

@@ -1,4 +1,4 @@
-import { Flex, Icon, Text } from "design-system";
+import { Flex, Icon, Text } from "@appsmith/ads";
 import React from "react";
 import styled from "styled-components";
 

app/client/src/IDE/Components/HeaderTitle.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Flex, Text } from "design-system";
+import { Flex, Text } from "@appsmith/ads";
 
 /**
  * Handy little styled component that can be used to render the title in the IDEHeader component

app/client/src/IDE/Components/Sidebar/Sidebar.tsx

@@ -3,7 +3,7 @@ import styled from "styled-components";
 import SidebarButton from "./SidebarButton";
 import type { EditorState } from "ee/entities/IDE/constants";
 import type { SidebarButtonProps } from "./SidebarButton/SidebarButton";
-import { Flex } from "design-system";
+import { Flex } from "@appsmith/ads";
 
 const Container = styled(Flex)`
   width: 50px;

app/client/src/IDE/Components/Sidebar/SidebarButton/SidebarButton.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback } from "react";
-import { Flex, Icon, Text, Tooltip } from "design-system";
+import { Flex, Icon, Text, Tooltip } from "@appsmith/ads";
 import styled from "styled-components";
 
 import { Condition } from "../../../enums";

app/client/src/IDE/Structure/Header.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Divider, Flex } from "design-system";
+import { Divider, Flex } from "@appsmith/ads";
 import { AppsmithLink } from "pages/Editor/AppsmithLink";
 
 interface ChildrenProps {

app/client/src/ce/actions/applicationActions.ts

@@ -7,7 +7,7 @@ import type {
 } from "ee/api/ApplicationApi";
 import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
 import type { NavigationSetting, ThemeSetting } from "constants/AppConstants";
-import type { IconNames } from "design-system";
+import type { IconNames } from "@appsmith/ads";
 import type { Datasource } from "entities/Datasource";
 
 export enum ApplicationVersion {

app/client/src/ce/api/ApplicationApi.tsx

@@ -6,7 +6,7 @@ import type { AxiosProgressEvent, AxiosPromise } from "axios";
 import type { NavigationSetting, ThemeSetting } from "constants/AppConstants";
 import type { AppColorCode } from "constants/DefaultTheme";
 import type { EvaluationVersion } from "constants/EvalConstants";
-import type { IconNames } from "design-system";
+import type { IconNames } from "@appsmith/ads";
 import type { Action, BaseAction } from "entities/Action";
 import type { APP_MODE } from "entities/App";
 import type { Datasource } from "entities/Datasource";

app/client/src/ce/components/DSDataFilter/index.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import styled from "styled-components";
-import { Link, Tag, Text, Tooltip } from "design-system";
+import { Link, Tag, Text, Tooltip } from "@appsmith/ads";
 import { BUSINESS_TAG, createMessage } from "ee/constants/messages";
 import { capitalizeFirstLetter } from "utils/helpers";
 import { getRampLink, showProductRamps } from "ee/selectors/rampSelectors";

app/client/src/ce/components/SwitchEnvironment/index.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { useSelector } from "react-redux";
 import styled from "styled-components";
-import { Icon, Link, Option, Select, Text, Tooltip } from "design-system";
+import { Icon, Link, Option, Select, Text, Tooltip } from "@appsmith/ads";
 import { capitalizeFirstLetter } from "utils/helpers";
 import {
   BUSINESS_EDITION_TEXT,

app/client/src/ce/components/WorkspaceSettingsTabs/index.tsx

@@ -7,7 +7,7 @@ import {
 } from "react-router-dom";
 import MemberSettings from "ee/pages/workspace/Members";
 import { GeneralSettings } from "pages/workspace/General";
-import { Tabs, Tab, TabsList, TabPanel } from "design-system";
+import { Tabs, Tab, TabsList, TabPanel } from "@appsmith/ads";
 import { navigateToTab } from "ee/pages/workspace/helpers";
 import styled from "styled-components";
 

app/client/src/ce/components/gitComponents/GitSettingsCDTab/UnlicensedGitCD.tsx

@@ -4,7 +4,7 @@ import {
   TRY_APPSMITH_ENTERPRISE,
   createMessage,
 } from "ee/constants/messages";
-import { Button, Text } from "design-system";
+import { Button, Text } from "@appsmith/ads";
 import { useAppsmithEnterpriseLink } from "pages/Editor/gitSync/GitSettingsModal/TabBranch/hooks";
 import React from "react";
 import styled from "styled-components";

app/client/src/ce/hooks/datasourceEditorHooks.tsx

@@ -12,7 +12,7 @@ import {
   getHasCreatePagePermission,
   hasCreateDSActionPermissionInApp,
 } from "ee/utils/BusinessFeatures/permissionPageHelpers";
-import { Button } from "design-system";
+import { Button } from "@appsmith/ads";
 import type { Datasource } from "entities/Datasource";
 import type { ApiDatasourceForm } from "entities/Datasource/RestAPIForm";
 import NewActionButton from "pages/Editor/DataSourceEditor/NewActionButton";

app/client/src/ce/pages/AdminSettings/Branding/UpgradeBanner.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Button } from "design-system";
+import { Button } from "@appsmith/ads";
 import { ContentBox } from "pages/AdminSettings/components";
 import {
   ADMIN_BRANDING_SETTINGS_SUBTITLE_UPGRADE,

app/client/src/ce/pages/AdminSettings/config/types.ts

@@ -2,7 +2,7 @@ import type React from "react";
 import type { ReduxAction } from "ee/constants/ReduxActionConstants";
 import type { Dispatch } from "react";
 import type { RadioOptionProps } from "pages/AdminSettings/FormGroup/Radio";
-import type { CalloutKind, SelectOptionProps } from "design-system";
+import type { CalloutKind, SelectOptionProps } from "@appsmith/ads";
 
 type ControlType = {
   [K in keyof ControlPropsType]: {

app/client/src/ce/pages/Applications/ApplicationCardList.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import React from "react";
-import { Text } from "design-system";
+import { Text } from "@appsmith/ads";
 import { useSelector } from "react-redux";
 
 import CardList from "pages/Applications/CardList";

app/client/src/ce/pages/Applications/CreateNewAppFromTemplateModal/index.tsx

@@ -20,7 +20,7 @@ import {
   ModalBody,
   ModalContent,
   ModalHeader,
-} from "design-system";
+} from "@appsmith/ads";
 import { isEmpty } from "lodash";
 import { TemplateView } from "pages/Templates/TemplateView";
 import TemplatesListLayoutSwitcher from "pages/Templates/TemplatesModal/TemplatesListLayoutSwitcher";

app/client/src/ce/pages/Applications/CreateNewAppsOption.tsx

@@ -12,7 +12,7 @@ import {
   resetCurrentPluginIdForCreateNewApp,
 } from "actions/onboardingActions";
 import { fetchPlugins } from "actions/pluginActions";
-import { Flex, Link, Text } from "design-system";
+import { Flex, Link, Text } from "@appsmith/ads";
 import CreateNewDatasourceTab from "pages/Editor/IntegrationEditor/CreateNewDatasourceTab";
 import { getApplicationsOfWorkspace } from "ee/selectors/selectedWorkspaceSelectors";
 import { default as React, useEffect } from "react";

app/client/src/ce/pages/Applications/EmbedSnippetTab.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { useSelector } from "react-redux";
 import styled from "styled-components";
-import { Switch, Icon, Tooltip, Link, Text } from "design-system";
+import { Switch, Icon, Tooltip, Link, Text } from "@appsmith/ads";
 import useUpdateEmbedSnippet from "pages/Applications/EmbedSnippet/useUpdateEmbedSnippet";
 import EmbedCodeSnippet from "pages/Applications/EmbedSnippet/Snippet";
 import { createMessage, IN_APP_EMBED_SETTING } from "ee/constants/messages";

app/client/src/ce/pages/Applications/ResourceListLoader.tsx

@@ -3,7 +3,7 @@ import { noop } from "lodash";
 
 import Card from "components/common/Card";
 import CardList from "pages/Applications/CardList";
-import { Button } from "design-system";
+import { Button } from "@appsmith/ads";
 import { PaddingWrapper } from "pages/Applications/CommonElements";
 import type { ApplicationPayload } from "ee/constants/ReduxActionConstants";
 

app/client/src/ce/pages/Applications/StartWithTemplatesWrapper.tsx

@@ -4,7 +4,7 @@ import {
   createMessage,
 } from "ee/constants/messages";
 import type { Template } from "api/TemplatesApi";
-import { Flex, Text } from "design-system";
+import { Flex, Text } from "@appsmith/ads";
 import TemplatesLayoutWithFilters from "pages/Templates/TemplatesLayoutWithFilters";
 import React from "react";
 import { useSelector } from "react-redux";

app/client/src/ce/pages/Applications/WorkspaceAction.tsx

@@ -5,7 +5,7 @@ import {
   MenuContent,
   MenuItem,
   MenuTrigger,
-} from "design-system";
+} from "@appsmith/ads";
 import React, { useCallback, useState } from "react";
 import { useSelector } from "react-redux";
 

app/client/src/ce/pages/Applications/WorkspaceMenu.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "styled-components";
-import { Button, Icon, Menu, MenuContent, MenuTrigger } from "design-system";
+import { Button, Icon, Menu, MenuContent, MenuTrigger } from "@appsmith/ads";
 import {
   EditInteractionKind,
   EditableText,

app/client/src/ce/pages/Applications/index.tsx

@@ -51,7 +51,7 @@ import {
   Select,
   Tooltip,
   Tag,
-} from "design-system";
+} from "@appsmith/ads";
 import {
   AppIconCollection,
   Classes,

app/client/src/ce/pages/Editor/IDE/EditorPane/JS/ListItem.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import ExplorerJSCollectionEntity from "pages/Editor/Explorer/JSActions/JSActionEntity";
 import type { ActionParentEntityTypeInterface } from "ee/entities/Engine/actionHelpers";
-import { Flex } from "design-system";
+import { Flex } from "@appsmith/ads";
 import type { EntityItem } from "ee/entities/IDE/constants";
 
 export interface JSListItemProps {

app/client/src/ce/pages/Editor/IDE/EditorPane/Query/hooks.tsx

@@ -30,7 +30,7 @@ import AddQuery from "pages/Editor/IDE/EditorPane/Query/Add";
 import type { AppState } from "ee/reducers";
 import keyBy from "lodash/keyBy";
 import { getPluginEntityIcon } from "pages/Editor/Explorer/ExplorerIcons";
-import type { ListItemProps } from "design-system";
+import type { ListItemProps } from "@appsmith/ads";
 import { createAddClassName } from "pages/Editor/IDE/EditorPane/utils";
 import { QueriesBlankState } from "pages/Editor/QueryEditor/QueriesBlankState";
 

app/client/src/ce/pages/Editor/NavigationSettings/DeleteLogoButton.tsx

@@ -1,4 +1,4 @@
-import { Button } from "design-system";
+import { Button } from "@appsmith/ads";
 import React from "react";
 
 export const DeleteLogoButton = ({

app/client/src/ce/pages/Upgrade/Carousel.tsx

@@ -1,6 +1,6 @@
 import styled from "styled-components";
 import React, { useEffect, useState } from "react";
-import { Icon, Text } from "design-system";
+import { Icon, Text } from "@appsmith/ads";
 import type { CarouselProps } from "./types";
 
 const CarouselContainer = styled.div`

app/client/src/ce/pages/Upgrade/Footer.tsx

@@ -1,6 +1,6 @@
 import styled from "styled-components";
 import React from "react";
-import { Button, Text } from "design-system";
+import { Button, Text } from "@appsmith/ads";
 import type { FooterProps } from "./types";
 import {
   AVAILABLE_ON_BUSINESS,

app/client/src/ce/pages/Upgrade/Header.tsx

@@ -1,7 +1,7 @@
 import styled from "styled-components";
 import React from "react";
 import type { HeaderProps } from "./types";
-import { Text } from "design-system";
+import { Text } from "@appsmith/ads";
 
 export const HeaderContainer = styled.div`
   padding: 32px 32px 20px;

app/client/src/ce/pages/workspace/InviteUsersForm.tsx

@@ -27,8 +27,8 @@ import {
 } from "ee/constants/messages";
 import { isEmail } from "utils/formhelpers";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
-import type { SelectOptionProps } from "design-system";
+import type { SelectOptionProps } from "@appsmith/ads";
-import { Callout, Checkbox } from "design-system";
+import { Callout, Checkbox } from "@appsmith/ads";
 import {
   Button,
   Icon,
@@ -38,7 +38,7 @@ import {
   Tooltip,
   toast,
   Link,
-} from "design-system";
+} from "@appsmith/ads";
 import {
   fetchRolesForWorkspace,
   fetchUsersForWorkspace,

app/client/src/ce/pages/workspace/Members.tsx

@@ -16,8 +16,8 @@ import {
   changeWorkspaceUserRole,
   deleteWorkspaceUser,
 } from "ee/actions/workspaceActions";
-import type { SelectOptionProps } from "design-system";
+import type { SelectOptionProps } from "@appsmith/ads";
-import { Avatar, Button, Option, Select, Text } from "design-system";
+import { Avatar, Button, Option, Select, Text } from "@appsmith/ads";
 import styled from "styled-components";
 import DeleteConfirmationModal from "pages/workspace/DeleteConfirmationModal";
 import { useMediaQuery } from "react-responsive";

app/client/src/ce/reducers/uiReducers/applicationsReducer.tsx

@@ -19,7 +19,7 @@ import type {
 import type { CreateApplicationFormValues } from "pages/Applications/helpers";
 import type { AppLayoutConfig } from "reducers/entityReducers/pageListReducer";
 import type { ConnectToGitResponse } from "actions/gitSyncActions";
-import type { IconNames } from "design-system";
+import type { IconNames } from "@appsmith/ads";
 import type { NavigationSetting, ThemeSetting } from "constants/AppConstants";
 import {
   defaultNavigationSetting,

app/client/src/ce/sagas/ApplicationSagas.tsx

@@ -101,13 +101,13 @@ import DatasourcesApi from "api/DatasourcesApi";
 import type { SetDefaultPageActionPayload } from "actions/pageActions";
 import { resetApplicationWidgets } from "actions/pageActions";
 import { setCanvasCardsState } from "actions/editorActions";
-import { toast } from "design-system";
+import { toast } from "@appsmith/ads";
 import type { User } from "constants/userConstants";
 import { ANONYMOUS_USERNAME } from "constants/userConstants";
 import { getCurrentUser } from "selectors/usersSelectors";
 import { ERROR_CODES } from "ee/constants/ApiConstants";
 import { safeCrashAppRequest } from "actions/errorActions";
-import type { IconNames } from "design-system";
+import type { IconNames } from "@appsmith/ads";
 import {
   defaultNavigationSetting,
   keysOfNavigationSetting,

app/client/src/ce/sagas/JSActionSagas.ts

@@ -68,7 +68,7 @@ import {
   checkAndLogErrorsIfCyclicDependency,
   getFromServerWhenNoPrefetchedResult,
 } from "sagas/helper";
-import { toast } from "design-system";
+import { toast } from "@appsmith/ads";
 import { updateAndSaveLayout } from "actions/pageActions";
 import type { CanvasWidgetsReduxState } from "reducers/entityReducers/canvasWidgetsReducer";
 import { getWidgets } from "sagas/selectors";

app/client/src/ce/sagas/PageSagas.tsx

@@ -130,7 +130,7 @@ import { getUsedActionNames } from "selectors/actionSelectors";
 import { getPageList } from "ee/selectors/entitiesSelector";
 import { setPreviewModeAction } from "actions/editorActions";
 import { SelectionRequestType } from "sagas/WidgetSelectUtils";
-import { toast } from "design-system";
+import { toast } from "@appsmith/ads";
 import { getCurrentGitBranch } from "selectors/gitSyncSelectors";
 import type { MainCanvasReduxState } from "reducers/uiReducers/mainCanvasReducer";
 import { UserCancelledActionExecutionError } from "sagas/ActionExecution/errorUtils";

app/client/src/ce/sagas/SuperUserSagas.tsx

@@ -22,7 +22,7 @@ import {
 } from "ee/constants/messages";
 import { getCurrentUser } from "selectors/usersSelectors";
 import { EMAIL_SETUP_DOC } from "constants/ThirdPartyConstants";
-import { toast } from "design-system";
+import { toast } from "@appsmith/ads";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import {
   MIGRATION_STATUS,

app/client/src/ce/sagas/WorkspaceSagas.ts

@@ -39,7 +39,7 @@ import {
   createMessage,
   DELETE_WORKSPACE_SUCCESSFUL,
 } from "ee/constants/messages";
-import { toast } from "design-system";
+import { toast } from "@appsmith/ads";
 import { failFastApiCalls } from "sagas/InitSagas";
 import { getWorkspaceEntitiesActions } from "ee/utils/workspaceHelpers";
 import type { SearchApiResponse } from "ee/types/ApiResponseTypes";

app/client/src/ce/sagas/tenantSagas.tsx

@@ -11,7 +11,7 @@ import { validateResponse } from "sagas/ErrorSagas";
 import { safeCrashAppRequest } from "actions/errorActions";
 import { ERROR_CODES } from "ee/constants/ApiConstants";
 import { defaultBrandingConfig as CE_defaultBrandingConfig } from "ee/reducers/tenantReducer";
-import { toast } from "design-system";
+import { toast } from "@appsmith/ads";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import { getFromServerWhenNoPrefetchedResult } from "sagas/helper";
 

app/client/src/ce/sagas/userSagas.tsx

@@ -78,7 +78,7 @@ import type { SegmentState } from "reducers/uiReducers/analyticsReducer";
 import type { FeatureFlags } from "ee/entities/FeatureFlag";
 import { DEFAULT_FEATURE_FLAG_VALUE } from "ee/entities/FeatureFlag";
 import UsagePulse from "usagePulse";
-import { toast } from "design-system";
+import { toast } from "@appsmith/ads";
 import { isAirgapped } from "ee/utils/airgapHelpers";
 import {
   USER_PROFILE_PICTURE_UPLOAD_FAILED,

app/client/src/components/BottomBar/ManualUpgrades.tsx

@@ -11,7 +11,7 @@ import {
   ModalHeader,
   ModalFooter,
   Callout,
-} from "design-system";
+} from "@appsmith/ads";
 import { Text, TextType } from "@appsmith/ads-old";
 import type { ReactNode } from "react";
 import React, { useState } from "react";

app/client/src/components/BottomBar/index.tsx

@@ -3,7 +3,7 @@ import QuickGitActions from "pages/Editor/gitSync/QuickGitActions";
 import { DebuggerTrigger } from "components/editorComponents/Debugger";
 import HelpButton from "pages/Editor/HelpButton";
 import ManualUpgrades from "./ManualUpgrades";
-import { Button } from "design-system";
+import { Button } from "@appsmith/ads";
 import SwitchEnvironment from "ee/components/SwitchEnvironment";
 import { Container, Wrapper } from "./components";
 import { useSelector } from "react-redux";

app/client/src/components/BusinessTag.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import type { TagSizes } from "design-system";
+import type { TagSizes } from "@appsmith/ads";
-import { Tag } from "design-system";
+import { Tag } from "@appsmith/ads";
 import { BUSINESS_TAG, createMessage } from "ee/constants/messages";
 
 const BusinessTag = ({

app/client/src/components/EnterpriseTag.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import type { TagSizes } from "design-system";
+import type { TagSizes } from "@appsmith/ads";
-import { Tag } from "design-system";
+import { Tag } from "@appsmith/ads";
 import { ENTERPRISE_TAG, createMessage } from "ee/constants/messages";
 
 const EnterpriseTag = ({

app/client/src/components/common/BackToCanvas.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useContext } from "react";
 import styled from "styled-components";
-import { Link } from "design-system";
+import { Link } from "@appsmith/ads";
 
 import history from "utils/history";
 import WalkthroughContext from "components/featureWalkthrough/walkthroughContext";

app/client/src/components/common/Card.tsx

@@ -5,7 +5,7 @@ import { omit } from "lodash";
 import { AppIcon, Size, TextType, Text } from "@appsmith/ads-old";
 import type { PropsWithChildren } from "react";
 import type { HTMLDivProps, ICardProps } from "@blueprintjs/core";
-import { Button, type MenuItemProps } from "design-system";
+import { Button, type MenuItemProps } from "@appsmith/ads";
 
 import GitConnectedBadge from "./GitConnectedBadge";
 

app/client/src/components/common/Collapsible.tsx

@@ -2,7 +2,7 @@ import type { ReactNode } from "react";
 import React, { useEffect, useState } from "react";
 import styled from "styled-components";
 import { Collapse, Classes as BPClasses } from "@blueprintjs/core";
-import { Icon, Text, Tooltip } from "design-system";
+import { Icon, Text, Tooltip } from "@appsmith/ads";
 import { Classes, getTypographyByKey } from "@appsmith/ads-old";
 import type { Datasource } from "entities/Datasource";
 

app/client/src/components/common/GitConnectedBadge.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "styled-components";
-import { Icon, Tooltip } from "design-system";
+import { Icon, Tooltip } from "@appsmith/ads";
 
 import { CONNECTED_TO_GIT, createMessage } from "ee/constants/messages";
 

app/client/src/components/designSystems/appsmith/SignPostingBanner.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import type { ReactNode } from "react";
 import styled from "styled-components";
-import { Icon } from "design-system";
+import { Icon } from "@appsmith/ads";
 
 export interface SignPostingBannerProps {
   iconName: string;

app/client/src/components/designSystems/appsmith/StepComponent.tsx

@@ -1,4 +1,4 @@
-import { Icon } from "design-system";
+import { Icon } from "@appsmith/ads";
 import React from "react";
 import styled from "styled-components";
 

app/client/src/components/designSystems/appsmith/header/DeployLinkButton.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import React from "react";
-import { Menu, MenuItem, MenuContent, MenuTrigger } from "design-system";
+import { Menu, MenuItem, MenuContent, MenuTrigger } from "@appsmith/ads";
 import { useSelector, useDispatch } from "react-redux";
 import { getIsGitConnected } from "selectors/gitSyncSelectors";
 import { setIsGitSyncModalOpen } from "actions/gitSyncActions";
@@ -10,7 +10,7 @@ import {
   CONNECT_TO_GIT_OPTION,
   CURRENT_DEPLOY_PREVIEW_OPTION,
 } from "ee/constants/messages";
-import { Button } from "design-system";
+import { Button } from "@appsmith/ads";
 import { KBEditorMenuItem } from "ee/pages/Editor/KnowledgeBase/KBEditorMenuItem";
 import { useHasConnectToGitPermission } from "pages/Editor/gitSync/hooks/gitPermissionHooks";
 import { getIsAnvilEnabledInCurrentApplication } from "layoutSystems/anvil/integrations/selectors";

app/client/src/components/editorComponents/ActionCreator/helpers.tsx

@@ -13,7 +13,7 @@ import {
   isEntityAction,
 } from "ee/workers/Evaluation/evaluationUtils";
 import type { TreeDropdownOption } from "@appsmith/ads-old";
-import { Icon } from "design-system";
+import { Icon } from "@appsmith/ads";
 import { PluginType } from "entities/Action";
 import type { JSAction, Variable } from "entities/JSCollection";
 import keyBy from "lodash/keyBy";

app/client/src/components/editorComponents/ActionCreator/viewComponents/Action/ActionCard.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import clsx from "classnames";
-import { Text, Tag } from "design-system";
+import { Text, Tag } from "@appsmith/ads";
 import { ActionCreatorContext } from "../..";
 import { AppsmithFunction } from "../../constants";
 import type { TActionBlock, VariantType } from "../../types";

app/client/src/components/editorComponents/ActionCreator/viewComponents/Action/ActionSelector.tsx

@@ -1,7 +1,7 @@
 import { Popover2 } from "@blueprintjs/popover2";
 import { isModalOpenSelector } from "components/editorComponents/GlobalSearch";
 import type { TreeDropdownOption } from "@appsmith/ads-old";
-import { Text, Button } from "design-system";
+import { Text, Button } from "@appsmith/ads";
 import React, { useCallback, useRef } from "react";
 import { useSelector } from "react-redux";
 import { getWidgetOptionsTree } from "sagas/selectors";

app/client/src/components/editorComponents/ActionCreator/viewComponents/Action/ActionTree.tsx

@@ -1,6 +1,6 @@
 import styled from "styled-components";
 import TreeStructure from "components/utils/TreeStructure";
-import { Text, Icon, Button, Tooltip } from "design-system";
+import { Text, Icon, Button, Tooltip } from "@appsmith/ads";
 import { klona } from "klona/lite";
 import React, { useCallback, useEffect } from "react";
 import { ActionCreatorContext } from "../..";

app/client/src/components/editorComponents/ActionCreator/viewComponents/ActionBlockTree/utils.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Icon } from "design-system";
+import { Icon } from "@appsmith/ads";
 import { AppsmithFunction, FieldType } from "../../constants";
 import type { ActionTree } from "../../types";
 import { FIELD_GROUP_CONFIG } from "../../FieldGroup/FieldGroupConfig";

app/client/src/components/editorComponents/ActionCreator/viewComponents/ActionSelectorView/index.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useMemo, useEffect } from "react";
 import type { TreeDropdownOption } from "@appsmith/ads-old";
 import { TreeDropdown } from "@appsmith/ads-old";
-import { Input } from "design-system";
+import { Input } from "@appsmith/ads";
 import { debounce } from "lodash";
 import { FIELD_CONFIG } from "../../Field/FieldConfig";
 import { AppsmithFunction, FieldType } from "../../constants";

app/client/src/components/editorComponents/ActionCreator/viewComponents/KeyValueView/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import type { KeyValueViewProps } from "../../types";
 import { ControlWrapper } from "components/propertyControls/StyledControls";
 import { KeyValueComponent } from "components/propertyControls/KeyValueComponent";
-import type { SegmentedControlOption } from "design-system";
+import type { SegmentedControlOption } from "@appsmith/ads";
 
 export function KeyValueView(props: KeyValueViewProps) {
   return (

app/client/src/components/editorComponents/ActionCreator/viewComponents/TabView/index.tsx

@@ -3,7 +3,7 @@ import {
   ControlWrapper,
   FieldWrapper,
 } from "components/propertyControls/StyledControls";
-import { SegmentedControl } from "design-system";
+import { SegmentedControl } from "@appsmith/ads";
 import React from "react";
 
 interface Option {

app/client/src/components/editorComponents/ActionCreator/viewComponents/TextView/index.tsx

@@ -19,7 +19,7 @@ import {
   Collapsible,
   CollapsibleContent,
   CollapsibleHeader,
-} from "design-system";
+} from "@appsmith/ads";
 
 export function TextView(props: TextViewProps) {
   const id = useMemo(() => generateReactKey(), []);

app/client/src/components/editorComponents/ActionExecutionInProgressView.tsx

@@ -5,7 +5,7 @@ import {
   createMessage,
 } from "ee/constants/messages";
 import ActionAPI from "api/ActionAPI";
-import { Button, Spinner, Text } from "design-system";
+import { Button, Spinner, Text } from "@appsmith/ads";
 import styled from "styled-components";
 import type { EditorTheme } from "./CodeEditor/EditorConfig";
 import LoadingOverlayScreen from "./LoadingOverlayScreen";

app/client/src/components/editorComponents/ActionNameEditor.tsx

@@ -9,7 +9,7 @@ import { removeSpecialChars } from "utils/helpers";
 import type { AppState } from "ee/reducers";
 
 import { saveActionName } from "actions/pluginActionActions";
-import { Flex } from "design-system";
+import { Flex } from "@appsmith/ads";
 import { getActionByBaseId, getPlugin } from "ee/selectors/entitiesSelector";
 import NameEditorComponent, {
   IconBox,

app/client/src/components/editorComponents/ActionRightPane/Connections.tsx

@@ -12,7 +12,7 @@ import {
   OUTGOING_ENTITIES,
 } from "ee/constants/messages";
 import { Connection } from "../Debugger/EntityDependecies";
-import { Icon } from "design-system";
+import { Icon } from "@appsmith/ads";
 import Collapsible from "components/common/Collapsible";
 
 const ConnectionType = styled.span`

app/client/src/components/editorComponents/ApiResponseMeta.tsx

@@ -1,6 +1,6 @@
 import type { PropsWithChildren } from "react";
 import React from "react";
-import { Flex } from "design-system";
+import { Flex } from "@appsmith/ads";
 import { Text, TextType } from "@appsmith/ads-old";
 import { formatBytes } from "../../utils/helpers";
 import { isEmpty } from "lodash";

app/client/src/components/editorComponents/ApiResponseView.tsx

@@ -23,7 +23,7 @@ import DebuggerLogs from "./Debugger/DebuggerLogs";
 import ErrorLogs from "./Debugger/Errors";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import { Classes, Text, TextType } from "@appsmith/ads-old";
-import { Button, Callout, Flex, SegmentedControl } from "design-system";
+import { Button, Callout, Flex, SegmentedControl } from "@appsmith/ads";
 import type { BottomTab } from "./EntityBottomTabs";
 import EntityBottomTabs from "./EntityBottomTabs";
 import { DEBUGGER_TAB_KEYS } from "./Debugger/helpers";

app/client/src/components/editorComponents/BetaCard.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Tag } from "design-system";
+import { Tag } from "@appsmith/ads";
 
 function BetaCard() {
   return (

app/client/src/components/editorComponents/CloseEditor.tsx

@@ -13,7 +13,7 @@ import {
 import { useSelector } from "react-redux";
 import { getCurrentBasePageId } from "selectors/editorSelectors";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
-import { Link } from "design-system";
+import { Link } from "@appsmith/ads";
 import styled from "styled-components";
 import type { AppsmithLocationState } from "../../utils/history";
 import { NavigationMethod } from "../../utils/history";

app/client/src/components/editorComponents/CodeEditor/EvaluatedValuePopup.tsx

@@ -27,7 +27,7 @@ import { setDebuggerSelectedTab, showDebugger } from "actions/debuggerActions";
 import { modText } from "utils/helpers";
 import { getEntityNameAndPropertyPath } from "ee/workers/Evaluation/evaluationUtils";
 import { getPathNavigationUrl } from "selectors/navigationSelectors";
-import { Button, Icon, Link, toast, Tooltip } from "design-system";
+import { Button, Icon, Link, toast, Tooltip } from "@appsmith/ads";
 import type { EvaluationError } from "utils/DynamicBindingUtils";
 import { DEBUGGER_TAB_KEYS } from "../Debugger/helpers";
 

app/client/src/components/editorComponents/CodeEditor/PeekOverlayPopup/PeekOverlayPopup.tsx

@@ -7,7 +7,7 @@ import { componentWillAppendToBody } from "react-append-to-body";
 import _, { debounce } from "lodash";
 import { zIndexLayers } from "constants/CanvasEditorConstants";
 import { objectCollapseAnalytics, textSelectAnalytics } from "./Analytics";
-import { Divider } from "design-system";
+import { Divider } from "@appsmith/ads";
 import { useSelector } from "react-redux";
 import { getConfigTree, getDataTree } from "selectors/dataTreeSelectors";
 import { filterInternalProperties } from "utils/FilterInternalProperties";

app/client/src/components/editorComponents/CodeEditor/generateQuickCommands.tsx

@@ -9,7 +9,7 @@ import { ENTITY_TYPE } from "entities/DataTree/dataTreeFactory";
 import { EntityIcon, JsFileIconV2 } from "pages/Editor/Explorer/ExplorerIcons";
 import { getAssetUrl } from "ee/utils/airgapHelpers";
 import type { FeatureFlags } from "ee/entities/FeatureFlag";
-import { Button, Icon } from "design-system";
+import { Button, Icon } from "@appsmith/ads";
 import { APPSMITH_AI } from "ee/components/editorComponents/GPT/trigger";
 import { DatasourceCreateEntryPoints } from "constants/Datasource";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";

app/client/src/components/editorComponents/CodeEditor/index.tsx

@@ -73,7 +73,7 @@ import {
 } from "components/editorComponents/CodeEditor/hintHelpers";
 
 import { showBindingPrompt } from "./BindingPromptHelper";
-import { Button } from "design-system";
+import { Button } from "@appsmith/ads";
 import "codemirror/addon/fold/brace-fold";
 import "codemirror/addon/fold/foldgutter";
 import "codemirror/addon/fold/foldgutter.css";

app/client/src/components/editorComponents/ContextDropdown.tsx

@@ -13,7 +13,7 @@ import {
 import { noop } from "utils/AppsmithUtils";
 import type { Intent } from "constants/DefaultTheme";
 import type { DropdownOption } from "components/constants";
-import { Icon } from "design-system";
+import { Icon } from "@appsmith/ads";
 
 export type ContextDropdownOption = DropdownOption & {
   onSelect: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;

app/client/src/components/editorComponents/Debugger/ContextualMenu.tsx

@@ -19,7 +19,7 @@ import {
   MenuItem,
   MenuTrigger,
   Tooltip,
-} from "design-system";
+} from "@appsmith/ads";
 import type { FieldEntityInformation } from "../CodeEditor/EditorConfig";
 import { DocsLink, openDoc } from "../../../constants/DocumentationLinks";
 

app/client/src/components/editorComponents/Debugger/DebugCTA.tsx

@@ -9,7 +9,7 @@ import type { Message } from "entities/AppsmithConsole";
 import ContextualMenu from "./ContextualMenu";
 import { DEBUGGER_TAB_KEYS } from "./helpers";
 import type { FieldEntityInformation } from "../CodeEditor/EditorConfig";
-import { Button } from "design-system";
+import { Button } from "@appsmith/ads";
 
 const EVDebugButton = styled(Button)`
   ${getTypographyByKey("btnSmall")};

app/client/src/components/editorComponents/Debugger/DebuggerEntityLink.tsx

@@ -2,7 +2,7 @@ import type { Message, SourceEntity } from "entities/AppsmithConsole";
 import React, { useCallback } from "react";
 import type LOG_TYPE from "entities/AppsmithConsole/logtype";
 import type { Plugin } from "api/PluginApi";
-import { Link } from "design-system";
+import { Link } from "@appsmith/ads";
 import type { ENTITY_TYPE } from "ee/entities/AppsmithConsole/utils";
 
 export enum DebuggerLinkUI {

app/client/src/components/editorComponents/Debugger/EntityDependecies.tsx

@@ -19,7 +19,7 @@ import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import { thinScrollbar } from "constants/DefaultTheme";
 import { ENTITY_TYPE } from "ee/entities/AppsmithConsole/utils";
 import { useGetEntityInfo } from "./hooks/useGetEntityInfo";
-import { Button, Icon, Tooltip } from "design-system";
+import { Button, Icon, Tooltip } from "@appsmith/ads";
 import { importSvg } from "@appsmith/ads-old";
 
 const LongArrowSVG = importSvg(

app/client/src/components/editorComponents/Debugger/ErrorLogs/ErrorLogItem.tsx

@@ -15,7 +15,7 @@ import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import moment from "moment";
 import LogHelper from "./components/LogHelper";
 import { toggleExpandErrorLogItem } from "actions/debuggerActions";
-import { Button, Icon } from "design-system";
+import { Button, Icon } from "@appsmith/ads";
 
 const InnerWrapper = styled.div`
   display: flex;

app/client/src/components/editorComponents/Debugger/ErrorLogs/components/LogHelper.tsx

@@ -1,5 +1,5 @@
 import type { PluginErrorDetails } from "api/ActionAPI";
-import { Button } from "design-system";
+import { Button } from "@appsmith/ads";
 import type { SourceEntity } from "entities/AppsmithConsole";
 import type LOG_TYPE from "entities/AppsmithConsole/logtype";
 import React from "react";

app/client/src/components/editorComponents/Debugger/FilterHeader.tsx

@@ -14,7 +14,7 @@ import {
   Select,
   Tooltip,
   Text,
-} from "design-system";
+} from "@appsmith/ads";
 
 const Wrapper = styled.div`
   flex-direction: row;

app/client/src/components/editorComponents/Debugger/LogItem.tsx

@@ -10,7 +10,7 @@ import EntityLink from "./EntityLink";
 import { getLogIcon } from "./helpers";
 import { Classes, getTypographyByKey } from "@appsmith/ads-old";
 import ContextualMenu from "./ContextualMenu";
-import { Button, Icon } from "design-system";
+import { Button, Icon } from "@appsmith/ads";
 import moment from "moment";
 import classNames from "classnames";
 import { DebuggerLinkUI } from "components/editorComponents/Debugger/DebuggerEntityLink";

app/client/src/components/editorComponents/Debugger/Schema.tsx

@@ -1,4 +1,4 @@
-import { Flex } from "design-system";
+import { Flex } from "@appsmith/ads";
 import React, { useEffect, useState } from "react";
 import type { DatasourceColumns, DatasourceKeys } from "entities/Datasource";
 import { DatasourceStructureContext } from "entities/Datasource";

app/client/src/components/editorComponents/Debugger/index.tsx

@@ -3,7 +3,7 @@ import { useDispatch, useSelector } from "react-redux";
 import DebuggerTabs from "./DebuggerTabs";
 import { setErrorCount } from "actions/debuggerActions";
 import { getMessageCount, showDebuggerFlag } from "selectors/debuggerSelectors";
-import { Button, Tooltip } from "design-system";
+import { Button, Tooltip } from "@appsmith/ads";
 import useDebuggerTriggerClick from "./hooks/useDebuggerTriggerClick";
 
 function Debugger() {

app/client/src/components/editorComponents/EditableText.tsx

@@ -6,7 +6,7 @@ import {
 } from "@blueprintjs/core";
 import styled from "styled-components";
 import _ from "lodash";
-import { Button, Spinner, toast, Tooltip } from "design-system";
+import { Button, Spinner, toast, Tooltip } from "@appsmith/ads";
 import { INVALID_NAME_ERROR, createMessage } from "ee/constants/messages";
 
 export enum EditInteractionKind {

app/client/src/components/editorComponents/EntityBottomTabs.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import type { CollapsibleTabProps } from "@appsmith/ads-old";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import { DEBUGGER_TAB_KEYS } from "./Debugger/helpers";
-import { Tab, TabPanel, Tabs, TabsList } from "design-system";
+import { Tab, TabPanel, Tabs, TabsList } from "@appsmith/ads";
 import styled from "styled-components";
 import { LIST_HEADER_HEIGHT, FOOTER_MARGIN } from "./Debugger/DebuggerLogs";
 

app/client/src/components/editorComponents/EntityExplorerSidebar.tsx

@@ -19,7 +19,7 @@ import {
   getExplorerWidth,
 } from "selectors/explorerSelector";
 import { tailwindLayers } from "constants/Layers";
-import { Tooltip } from "design-system";
+import { Tooltip } from "@appsmith/ads";
 import useHorizontalResize from "utils/hooks/useHorizontalResize";
 import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
 import { SIDEBAR_ID } from "constants/Explorer";

app/client/src/components/editorComponents/GlobalSearch/ActionLink.tsx

@@ -3,7 +3,7 @@ import { useContext } from "react";
 import styled from "styled-components";
 import SearchContext from "./GlobalSearchContext";
 import type { SearchItem } from "./utils";
-import { Button } from "design-system";
+import { Button } from "@appsmith/ads";
 
 export const StyledActionLink = styled.span<{ isActiveItem?: boolean }>`
   visibility: ${(props) => (props.isActiveItem ? "visible" : "hidden")};

app/client/src/components/editorComponents/GlobalSearch/HelpBar.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import styled from "styled-components";
 import { connect, useSelector } from "react-redux";
 import { getTypographyByKey, Text, TextType } from "@appsmith/ads-old";
-import { Icon } from "design-system";
+import { Icon } from "@appsmith/ads";
 import { setGlobalSearchCategory } from "actions/globalSearchActions";
 import { HELPBAR_PLACEHOLDER } from "ee/constants/messages";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";

app/client/src/components/editorComponents/GlobalSearch/Highlight.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Text } from "design-system";
+import { Text } from "@appsmith/ads";
 
 function Highlight({
   className,

app/client/src/components/editorComponents/GlobalSearch/SearchBox.tsx

@@ -10,7 +10,7 @@ import {
 } from "ee/constants/messages";
 import type { SearchCategory } from "./utils";
 import { isMenu, SEARCH_CATEGORY_ID } from "./utils";
-import { Button, Icon } from "design-system";
+import { Button, Icon } from "@appsmith/ads";
 
 const Container = styled.div`
   background: var(--ads-v2-color-bg);