chore: rename old ADS package (#35517)

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

## Automation

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

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!CAUTION]
> 🔴 🔴 🔴 Some tests have failed.
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/10286195096>
> Commit: c0d478694b12f35b88687b6dae6f252967fba540
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=10286195096&attempt=1&selectiontype=test&testsstatus=failed&specsstatus=fail"
target="_blank">Cypress dashboard</a>.
> Tags: @tag.All
> Spec: 
> The following are new failures, please fix them before merging the PR:
<ol>
>
<li>cypress/e2e/Regression/ClientSide/BugTests/DatasourceSchema_spec.ts</ol>
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/identified-flaky-tests-65890b3c81d7400d08fa9ee3?branch=master"
target="_blank">List of identified flaky tests</a>.
> <hr>Wed, 07 Aug 2024 15:26:02 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/.babelrc

@@ -13,8 +13,7 @@
         "actions":"./src/actions/",
         "api": "./src/api/",
         "assets": "./src/assets/",
-        "sagas": "./src/sagas/",
+        "sagas": "./src/sagas/"
-        "@appsmith": "./src/ee"
       }
     }, "babel-plugin-styled-components"]
   ]

app/client/.eslintrc.base.json

@@ -76,11 +76,11 @@
           {
             "group": ["*.svg"],
             "importNames": ["ReactComponent"],
-            "message": "Reason: Please don’t import SVG icons statically. (They won’t always be needed, but they *will* always be present in the bundle and will increase the bundle size.) Instead, please either import them as SVG paths (e.g. import starIconUrl from './star.svg'), or use the importSvg wrapper from design-system-old (e.g. const StarIcon = importSvg(() => import('./star.svg')))."
+            "message": "Reason: Please don’t import SVG icons statically. (They won’t always be needed, but they *will* always be present in the bundle and will increase the bundle size.) Instead, please either import them as SVG paths (e.g. import starIconUrl from './star.svg'), or use the importSvg wrapper from @appsmith/ads-old (e.g. const StarIcon = importSvg(() => import('./star.svg')))."
           },
           {
             "group": ["remixicon-react/*"],
-            "message": "Reason: Please don’t import Remix icons statically. (They won’t always be needed, but they *will* always be present in the bundle and will increase the bundle size.) Instead, please use the importRemixIcon wrapper from design-system-old (e.g. const StarIcon = importRemixIcon(() => import('remixicon-react/Star')))."
+            "message": "Reason: Please don’t import Remix icons statically. (They won’t always be needed, but they *will* always be present in the bundle and will increase the bundle size.) Instead, please use the importRemixIcon wrapper from @appsmith/ads-old (e.g. const StarIcon = importRemixIcon(() => import('remixicon-react/Star')))."
           }
         ]
       }

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|design-system-old|react-dnd|dnd-core|@babel|(@blueprintjs)|@github|lodash-es|@draft-js-plugins|react-documents|linkedom|assert-never|axios)",
+    "<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)",
   ],
   moduleNameMapper: {
     "\\.(css|less)$": "<rootDir>/test/__mocks__/styleMock.js",
@@ -27,14 +27,12 @@ module.exports = {
     "^worker-loader!": "<rootDir>/test/__mocks__/workerMock.js",
     "^!!raw-loader!": "<rootDir>/test/__mocks__/derivedMock.js",
     "test/(.*)": "<rootDir>/test/$1",
-    "@appsmith/(.*)": "<rootDir>/src/ee/$1",
+    "@appsmith/ads-old": "<rootDir>/node_modules/@appsmith/ads-old",
-    "design-system-old": "<rootDir>/node_modules/design-system-old",
     "@design-system/widgets-old":
       "<rootDir>/node_modules/@design-system/widgets-old",
     "@design-system/widgets": "<rootDir>/node_modules/@design-system/widgets",
     "@design-system/headless": "<rootDir>/node_modules/@design-system/headless",
     "@design-system/theming": "<rootDir>/node_modules/@design-system/theming",
-    "design-system": "<rootDir>/node_modules/design-system",
     "^proxy-memoize$": "<rootDir>/node_modules/proxy-memoize/dist/wrapper.cjs",
     // @blueprintjs packages need to be resolved to the `esnext` directory. The default `esm` directory
     // contains sources that are transpiled to ES5. As Jest does not transpile our sources to ES5,

app/client/package.json

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

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

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

app/client/src/ce/hooks/importModal/useMethods.ts

@@ -1,7 +1,7 @@
 import { importApplication } from "ee/actions/applicationActions";
 import { UPLOADING_APPLICATION, createMessage } from "ee/constants/messages";
 import { getIsImportingApplication } from "ee/selectors/applicationSelectors";
-import type { SetProgress } from "design-system-old";
+import type { SetProgress } from "@appsmith/ads-old";
 import { useCallback, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 

app/client/src/ce/pages/AdminSettings/config/general.tsx

@@ -11,7 +11,7 @@ import {
   SettingTypes,
 } from "ee/pages/AdminSettings/config/types";
 import BrandingBadge from "pages/AppViewer/BrandingBadge";
-import { TagInput } from "design-system-old";
+import { TagInput } from "@appsmith/ads-old";
 import localStorage from "utils/localStorage";
 import isUndefined from "lodash/isUndefined";
 import { AppsmithFrameAncestorsSetting } from "pages/Applications/EmbedSnippet/Constants/constants";

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

@@ -6,7 +6,7 @@ import {
   EditableText,
   SavingState,
   notEmptyValidator,
-} from "design-system-old";
+} from "@appsmith/ads-old";
 import type { Workspace } from "ee/constants/workspaceConstants";
 import {
   DropdownOnSelectActions,

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

@@ -58,7 +58,7 @@ import {
   MenuItem as ListItem,
   Text,
   TextType,
-} from "design-system-old";
+} from "@appsmith/ads-old";
 import { loadingUserWorkspaces } from "pages/Applications/ApplicationLoaders";
 import PageWrapper from "pages/common/PageWrapper";
 import WorkspaceInviteUsersForm from "pages/workspace/WorkspaceInviteUsersForm";

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

@@ -8,7 +8,7 @@ import {
 import type { RouteComponentProps } from "react-router";
 import { useHistory } from "react-router";
 import { getCurrentUser } from "selectors/usersSelectors";
-import { HighlightText, Table } from "design-system-old";
+import { HighlightText, Table } from "@appsmith/ads-old";
 import {
   fetchUsersForWorkspace,
   fetchRolesForWorkspace,

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

@@ -84,7 +84,7 @@ import {
   USER_PROFILE_PICTURE_UPLOAD_FAILED,
   UPDATE_USER_DETAILS_FAILED,
 } from "ee/constants/messages";
-import { createMessage } from "design-system-old";
+import { createMessage } from "@appsmith/ads-old";
 import type {
   ProductAlert,
   ProductAlertConfig,

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

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

app/client/src/components/TabItemBackgroundFill.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import styled from "styled-components";
-import type { TabProp } from "design-system-old";
+import type { TabProp } from "@appsmith/ads-old";
-import { getTypographyByKey } from "design-system-old";
+import { getTypographyByKey } from "@appsmith/ads-old";
 import type { Theme } from "constants/DefaultTheme";
 
 interface WrapperProps {

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

@@ -2,7 +2,7 @@ import React from "react";
 import styled from "styled-components";
 import { Card as BlueprintCard, Classes } from "@blueprintjs/core";
 import { omit } from "lodash";
-import { AppIcon, Size, TextType, Text } from "design-system-old";
+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";

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

@@ -3,7 +3,7 @@ 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 { Classes, getTypographyByKey } from "design-system-old";
+import { Classes, getTypographyByKey } from "@appsmith/ads-old";
 import type { Datasource } from "entities/Datasource";
 
 const Label = styled.span`

app/client/src/components/designSystems/blueprintjs/icon/Icon.tsx

@@ -11,7 +11,7 @@ import {
   iconClass,
   intentClass,
 } from "@blueprintjs/core/lib/esm/common/classes";
-import { importSvg } from "design-system-old";
+import { importSvg } from "@appsmith/ads-old";
 
 // This export must be named "IconSize" to match the exports of @blueprintjs/core/lib/esm/components/icon
 export enum IconSize {

app/client/src/components/editorComponents/ActionCreator/Field/FieldConfig.ts

@@ -33,7 +33,7 @@ import {
 } from "../utils";
 import store from "store";
 import { getPageList } from "ee/selectors/entitiesSelector";
-import type { TreeDropdownOption } from "design-system-old";
+import type { TreeDropdownOption } from "@appsmith/ads-old";
 import { FIELD_GROUP_CONFIG } from "../FieldGroup/FieldGroupConfig";
 import { getFunctionName, checkIfArgumentExistAtPosition } from "@shared/ast";
 

app/client/src/components/editorComponents/ActionCreator/Field/index.tsx

@@ -4,7 +4,7 @@ import {
   ViewTypes,
   DEFAULT_SELECTOR_VIEW_TEXT,
 } from "../constants";
-import type { TreeDropdownOption } from "design-system-old";
+import type { TreeDropdownOption } from "@appsmith/ads-old";
 import { getFunctionName } from "@shared/ast";
 import type {
   FieldProps,

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

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

app/client/src/components/editorComponents/ActionCreator/types.ts

@@ -2,7 +2,7 @@ import type {
   SwitcherProps,
   TreeDropdownOption,
   IconName,
-} from "design-system-old";
+} from "@appsmith/ads-old";
 import type { EntityTypeValue, MetaArgs } from "ee/entities/DataTree/types";
 import type React from "react";
 import type { AdditionalDynamicDataTree } from "utils/autocomplete/customTreeTypeDefCreator";

app/client/src/components/editorComponents/ActionCreator/utils.test.ts

@@ -20,7 +20,7 @@ import {
   objectSetter,
   sortSubMenuOptions,
 } from "./utils";
-import type { TreeDropdownOption } from "design-system-old";
+import type { TreeDropdownOption } from "@appsmith/ads-old";
 
 describe("Test argStringToArray", () => {
   const cases = [

app/client/src/components/editorComponents/ActionCreator/utils.ts

@@ -20,7 +20,7 @@ import {
   checkIfCatchBlockExists,
   checkIfThenBlockExists,
 } from "@shared/ast";
-import type { TreeDropdownOption } from "design-system-old";
+import type { TreeDropdownOption } from "@appsmith/ads-old";
 import type { TActionBlock } from "./types";
 import { AppsmithFunction, DEFAULT_LABELS, FieldType } from "./constants";
 import { FIELD_GROUP_CONFIG } from "./FieldGroup/FieldGroupConfig";

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

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

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

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

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

@@ -3,8 +3,8 @@ import {
   ControlWrapper,
   FieldWrapper,
 } from "components/propertyControls/StyledControls";
-import type { Setter } from "design-system-old";
+import type { Setter } from "@appsmith/ads-old";
-import { TreeDropdown } from "design-system-old";
+import { TreeDropdown } from "@appsmith/ads-old";
 import { PopoverPosition } from "@blueprintjs/core";
 import React from "react";
 

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { Text, TextType } from "design-system-old";
+import { Text, TextType } from "@appsmith/ads-old";
 import styled from "styled-components";
 import LongArrowSVG from "assets/images/long-arrow-bottom.svg";
 import { useEntityLink } from "../Debugger/hooks/debuggerHooks";

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

@@ -1,6 +1,6 @@
 import React, { useMemo } from "react";
 import styled from "styled-components";
-import { getTypographyByKey } from "design-system-old";
+import { getTypographyByKey } from "@appsmith/ads-old";
 import { useSelector } from "react-redux";
 import type { AppState } from "ee/reducers";
 import { getDependenciesFromInverseDependencies } from "../Debugger/helpers";

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

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

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

@@ -22,7 +22,7 @@ import NoResponseSVG from "assets/images/no-response.svg";
 import DebuggerLogs from "./Debugger/DebuggerLogs";
 import ErrorLogs from "./Debugger/Errors";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
-import { Classes, Text, TextType } from "design-system-old";
+import { Classes, Text, TextType } from "@appsmith/ads-old";
 import { Button, Callout, Flex, SegmentedControl } from "design-system";
 import type { BottomTab } from "./EntityBottomTabs";
 import EntityBottomTabs from "./EntityBottomTabs";

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

@@ -4,7 +4,7 @@ import { setDebuggerSelectedTab, showDebugger } from "actions/debuggerActions";
 import { useDispatch, useSelector } from "react-redux";
 import { getAppMode } from "ee/selectors/applicationSelectors";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
-import { getTypographyByKey } from "design-system-old";
+import { getTypographyByKey } from "@appsmith/ads-old";
 import type { Message } from "entities/AppsmithConsole";
 import ContextualMenu from "./ContextualMenu";
 import { DEBUGGER_TAB_KEYS } from "./helpers";

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

@@ -3,7 +3,7 @@ import React, { useMemo } from "react";
 import { useSelector } from "react-redux";
 import type { AppState } from "ee/reducers";
 import styled from "styled-components";
-import { Classes, getTypographyByKey, Text, TextType } from "design-system-old";
+import { Classes, getTypographyByKey, Text, TextType } from "@appsmith/ads-old";
 import InspectElement from "assets/images/InspectElement.svg";
 import {
   createMessage,
@@ -20,7 +20,7 @@ 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 { importSvg } from "design-system-old";
+import { importSvg } from "@appsmith/ads-old";
 
 const LongArrowSVG = importSvg(
   async () => import("assets/images/long-arrow-right.svg"),

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

@@ -3,7 +3,7 @@ import { useDispatch } from "react-redux";
 import type { Log, Message, SourceEntity } from "entities/AppsmithConsole";
 import { LOG_CATEGORY, Severity } from "entities/AppsmithConsole";
 import styled from "styled-components";
-import { Classes, getTypographyByKey } from "design-system-old";
+import { Classes, getTypographyByKey } from "@appsmith/ads-old";
 import LOG_TYPE from "entities/AppsmithConsole/logtype";
 import type { PluginErrorDetails } from "api/ActionAPI";
 import LogCollapseData from "./components/LogCollapseData";

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

@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "styled-components";
-import { getTypographyByKey } from "design-system-old";
+import { getTypographyByKey } from "@appsmith/ads-old";
 
 export const Wrapper = styled.div`
   ${getTypographyByKey("h6")}

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

@@ -3,7 +3,7 @@ import React from "react";
 import { Collapse } from "@blueprintjs/core";
 import styled from "styled-components";
 import { LOG_CATEGORY } from "entities/AppsmithConsole";
-import { getTypographyByKey } from "design-system-old";
+import { getTypographyByKey } from "@appsmith/ads-old";
 import ReactJson from "react-json-view";
 import { Colors } from "constants/Colors";
 import LogAdditionalInfo from "./LogAdditionalInfo";

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

@@ -1,6 +1,6 @@
 import type { MutableRefObject } from "react";
 import React, { useRef } from "react";
-import type { DropdownOption } from "design-system-old";
+import type { DropdownOption } from "@appsmith/ads-old";
 import styled from "styled-components";
 import { useDispatch } from "react-redux";
 

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

@@ -8,7 +8,7 @@ import ReactJson from "react-json-view";
 import styled from "styled-components";
 import EntityLink from "./EntityLink";
 import { getLogIcon } from "./helpers";
-import { Classes, getTypographyByKey } from "design-system-old";
+import { Classes, getTypographyByKey } from "@appsmith/ads-old";
 import ContextualMenu from "./ContextualMenu";
 import { Button, Icon } from "design-system";
 import moment from "moment";

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

@@ -2,7 +2,7 @@ import type { Log } from "entities/AppsmithConsole";
 import { LOG_CATEGORY, Severity } from "entities/AppsmithConsole";
 import React from "react";
 import styled from "styled-components";
-import { getTypographyByKey } from "design-system-old";
+import { getTypographyByKey } from "@appsmith/ads-old";
 import { createMessage, OPEN_THE_DEBUGGER, PRESS } from "ee/constants/messages";
 import type { DependencyMap } from "utils/DynamicBindingUtils";
 import { isChildPropertyPath } from "utils/DynamicBindingUtils";

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CollapsibleTabProps } from "design-system-old";
+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";

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

@@ -3,7 +3,7 @@ import styled from "styled-components";
 import ActionLink from "./ActionLink";
 import Highlight from "./Highlight";
 import { getItemTitle, SEARCH_ITEM_TYPES } from "./utils";
-import { getTypographyByKey } from "design-system-old";
+import { getTypographyByKey } from "@appsmith/ads-old";
 import type { SearchItem } from "./utils";
 
 interface Props {

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

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

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

@@ -2,10 +2,10 @@ import React from "react";
 import styled from "styled-components";
 import NoSearchDataImage from "assets/images/no_search_data.png";
 import { NO_SEARCH_DATA_TEXT } from "ee/constants/messages";
-import { getTypographyByKey } from "design-system-old";
+import { getTypographyByKey } from "@appsmith/ads-old";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import { isAirgapped } from "ee/utils/airgapHelpers";
-import { importSvg } from "design-system-old";
+import { importSvg } from "@appsmith/ads-old";
 import { DISCORD_URL } from "constants/ThirdPartyConstants";
 
 const DiscordIcon = importSvg(

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

@@ -2,7 +2,7 @@ import React, { useEffect, useRef, useContext, useMemo } from "react";
 import { useSelector } from "react-redux";
 import type { Hit as IHit } from "react-instantsearch-core";
 import styled, { css } from "styled-components";
-import { getTypographyByKey } from "design-system-old";
+import { getTypographyByKey } from "@appsmith/ads-old";
 import Highlight from "./Highlight";
 import ActionLink, { StyledActionLink } from "./ActionLink";
 import scrollIntoView from "scroll-into-view-if-needed";

app/client/src/components/editorComponents/PartialImportExport/PartialImportModal/index.tsx

@@ -15,8 +15,8 @@ import {
   getPartialImportExportLoadingState,
 } from "ee/selectors/applicationSelectors";
 import { Icon, Modal, ModalContent, ModalHeader, Text } from "design-system";
-import type { SetProgress } from "design-system-old";
+import type { SetProgress } from "@appsmith/ads-old";
-import { FilePickerV2, FileType } from "design-system-old";
+import { FilePickerV2, FileType } from "@appsmith/ads-old";
 import Statusbar from "pages/Editor/gitSync/components/Statusbar";
 import React, { useCallback, useEffect, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";

app/client/src/components/editorComponents/form/fields/CheckboxField.tsx

@@ -1,5 +1,5 @@
-import type { CheckboxProps } from "design-system-old";
+import type { CheckboxProps } from "@appsmith/ads-old";
-import { Checkbox } from "design-system-old";
+import { Checkbox } from "@appsmith/ads-old";
 import React from "react";
 import type { BaseFieldProps } from "redux-form";
 import { Field } from "redux-form";

app/client/src/components/editorComponents/form/fields/KeyValueFieldArray.tsx

@@ -12,7 +12,7 @@ import {
   CodeEditorBorder,
   EditorSize,
 } from "components/editorComponents/CodeEditor/EditorConfig";
-import { Classes } from "design-system-old";
+import { Classes } from "@appsmith/ads-old";
 import { AutocompleteDataType } from "utils/autocomplete/AutocompleteDataType";
 import {
   DEFAULT_MULTI_PART_DROPDOWN_PLACEHOLDER,

app/client/src/components/editorComponents/form/fields/NumberField.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import type { BaseFieldProps } from "redux-form";
 import { Field } from "redux-form";
-import type { TextInputProps } from "design-system-old";
+import type { TextInputProps } from "@appsmith/ads-old";
-import { TextInput } from "design-system-old";
+import { TextInput } from "@appsmith/ads-old";
 
 type RenderComponentProps = TextInputProps & {
   input?: {

app/client/src/components/editorComponents/form/fields/TagListField.tsx

@@ -2,7 +2,7 @@ import type { ReactElement } from "react";
 import React from "react";
 import type { WrappedFieldMetaProps, WrappedFieldInputProps } from "redux-form";
 import { Field } from "redux-form";
-import { TagInput } from "design-system-old";
+import { TagInput } from "@appsmith/ads-old";
 import type { Intent } from "constants/DefaultTheme";
 
 const renderComponent = (

app/client/src/components/formControls/BaseControl.tsx

@@ -2,7 +2,7 @@ import { Component } from "react";
 import type { ControlType } from "constants/PropertyControlConstants";
 import type { InputType } from "components/constants";
 import type { ConditonalObject } from "reducers/evaluationReducers/formEvaluationReducer";
-import type { DropdownOption } from "design-system-old";
+import type { DropdownOption } from "@appsmith/ads-old";
 import type { ViewTypes } from "./utils";
 import type { FeatureFlag } from "ee/entities/FeatureFlag";
 // eslint-disable-next-line @typescript-eslint/ban-types

app/client/src/components/formControls/FilePickerControl.tsx

@@ -4,8 +4,8 @@ import styled from "styled-components";
 import type { ControlProps } from "./BaseControl";
 import BaseControl from "./BaseControl";
 import type { ControlType } from "constants/PropertyControlConstants";
-import type { SetProgress } from "design-system-old";
+import type { SetProgress } from "@appsmith/ads-old";
-import { FilePickerV2, FileType } from "design-system-old";
+import { FilePickerV2, FileType } from "@appsmith/ads-old";
 import type { WrappedFieldInputProps, WrappedFieldMetaProps } from "redux-form";
 import { Field } from "redux-form";
 import { useEffect, useCallback } from "react";

app/client/src/components/formControls/InputNumberControl.tsx

@@ -3,7 +3,7 @@ import type { ControlProps } from "./BaseControl";
 import BaseControl from "./BaseControl";
 import type { ControlType } from "constants/PropertyControlConstants";
 import NumberField from "components/editorComponents/form/fields/NumberField";
-import { Classes, Text, TextType } from "design-system-old";
+import { Classes, Text, TextType } from "@appsmith/ads-old";
 import styled from "styled-components";
 
 const FormGroup = styled.div`

app/client/src/components/formControls/SortingControl.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useRef } from "react";
 import { useSelector } from "react-redux";
 import FormControl from "pages/Editor/FormControl";
-import { Classes } from "design-system-old";
+import { Classes } from "@appsmith/ads-old";
 import styled from "styled-components";
 import { FieldArray, getFormValues } from "redux-form";
 import type { ControlProps } from "./BaseControl";

app/client/src/components/propertyControls/DraggableListComponent.tsx

@@ -1,6 +1,6 @@
 import equal from "fast-deep-equal/es6";
 import React from "react";
-import { DraggableList } from "design-system-old";
+import { DraggableList } from "@appsmith/ads-old";
 
 export interface BaseItemProps {
   id: string;

app/client/src/components/propertyControls/StyledControls.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import styled from "styled-components";
-import type { TextInputProps } from "design-system-old";
+import type { TextInputProps } from "@appsmith/ads-old";
 import type { ContainerOrientation } from "constants/WidgetConstants";
 import { Input, Icon } from "design-system";
 import useInteractionAnalyticsEvent from "utils/hooks/useInteractionAnalyticsEvent";

app/client/src/components/utils/ReduxFormTextField.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import type { WrappedFieldMetaProps, WrappedFieldInputProps } from "redux-form";
 import { Field } from "redux-form";
-import type { InputType } from "design-system-old";
+import type { InputType } from "@appsmith/ads-old";
 import { Input, NumberInput } from "design-system";
 
 import type { Intent } from "constants/DefaultTheme";

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

@@ -18,7 +18,7 @@ import {
   deleteNavigationLogoSaga,
   fetchAllApplicationsOfWorkspaceSaga,
 } from "ce/sagas/ApplicationSagas";
-import { ReduxActionTypes } from "@appsmith/constants/ReduxActionConstants";
+import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
 import { all, takeLatest } from "redux-saga/effects";
 
 export default function* applicationSagas() {

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

@@ -2,7 +2,7 @@ export * from "ce/sagas/JSActionSagas";
 import {
   ReduxActionTypes,
   ReduxActionErrorTypes,
-} from "@appsmith/constants/ReduxActionConstants";
+} from "ee/constants/ReduxActionConstants";
 import {
   fetchJSCollectionsSaga,
   createJSCollectionSaga,

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

@@ -1,5 +1,5 @@
 export * from "ce/sagas/PageSagas";
-import { ReduxActionTypes } from "@appsmith/constants/ReduxActionConstants";
+import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
 import {
   fetchPageSaga,
   fetchPublishedPageSaga,

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

@@ -7,14 +7,14 @@ import {
   RestryRestartServerPoll,
   SendTestEmail,
 } from "ce/sagas/SuperUserSagas";
-import { ReduxActionTypes } from "@appsmith/constants/ReduxActionConstants";
+import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
 import type { User } from "constants/userConstants";
 import { takeLatest, all, select } from "redux-saga/effects";
 import { getCurrentUser } from "selectors/usersSelectors";
-import type { FeatureFlags } from "@appsmith/entities/FeatureFlag";
+import type { FeatureFlags } from "ee/entities/FeatureFlag";
-import { selectFeatureFlags } from "@appsmith/selectors/featureFlagsSelectors";
+import { selectFeatureFlags } from "ee/selectors/featureFlagsSelectors";
-import { isGACEnabled } from "@appsmith/utils/planHelpers";
+import { isGACEnabled } from "ee/utils/planHelpers";
-import { getShowAdminSettings } from "@appsmith/utils/BusinessFeatures/adminSettingsHelpers";
+import { getShowAdminSettings } from "ee/utils/BusinessFeatures/adminSettingsHelpers";
 
 export function* InitSuperUserSaga() {
   const user: User = yield select(getCurrentUser);

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

@@ -14,7 +14,7 @@ import {
   searchWorkspaceEntitiesSaga,
   fetchEntitiesOfWorkspaceSaga,
 } from "ce/sagas/WorkspaceSagas";
-import { ReduxActionTypes } from "@appsmith/constants/ReduxActionConstants";
+import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
 import { all, takeLatest } from "redux-saga/effects";
 
 export default function* workspaceSagas() {

app/client/src/ee/sagas/index.tsx

@@ -1,6 +1,6 @@
 export * from "ce/sagas";
 import { sagas as CE_Sagas } from "ce/sagas";
-import { ReduxActionTypes } from "@appsmith/constants/ReduxActionConstants";
+import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
 import { call, all, spawn, race, take } from "redux-saga/effects";
 import log from "loglevel";
 import * as sentry from "@sentry/react";

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

@@ -1,5 +1,5 @@
 export * from "ce/sagas/tenantSagas";
-import { ReduxActionTypes } from "@appsmith/constants/ReduxActionConstants";
+import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
 import {
   fetchCurrentTenantConfigSaga,
   updateTenantConfigSaga,

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

@@ -18,7 +18,7 @@ import {
   updateFirstTimeUserOnboardingSage,
   fetchProductAlertSaga,
 } from "ce/sagas/userSagas";
-import { ReduxActionTypes } from "@appsmith/constants/ReduxActionConstants";
+import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
 import { takeLatest, all } from "redux-saga/effects";
 
 export default function* userSagas() {

app/client/src/icons/AlertIcons.tsx

@@ -2,7 +2,7 @@ import type { JSXElementConstructor } from "react";
 import React from "react";
 import type { IconProps } from "constants/IconConstants";
 import { IconWrapper } from "constants/IconConstants";
-import { importSvg } from "design-system-old";
+import { importSvg } from "@appsmith/ads-old";
 
 const InfoIcon = importSvg(async () => import("assets/icons/alert/info.svg"));
 const SuccessIcon = importSvg(

app/client/src/icons/ControlIcons.tsx

@@ -2,7 +2,7 @@
 
 import type { JSXElementConstructor } from "react";
 import React from "react";
-import { importRemixIcon, importSvg } from "design-system-old";
+import { importRemixIcon, importSvg } from "@appsmith/ads-old";
 import type { IconProps } from "constants/IconConstants";
 import { IconWrapper } from "constants/IconConstants";
 import PlayIcon from "assets/icons/control/play-icon.png";

app/client/src/icons/FormIcons.tsx

@@ -4,7 +4,7 @@ import { Icon } from "@blueprintjs/core";
 import { IconNames } from "@blueprintjs/icons";
 import type { IconProps } from "constants/IconConstants";
 import { IconWrapper } from "constants/IconConstants";
-import { importRemixIcon, importSvg } from "design-system-old";
+import { importRemixIcon, importSvg } from "@appsmith/ads-old";
 
 const InfoIcon = importSvg(
   async () => import("assets/icons/form/info-outline.svg"),

app/client/src/icons/HeaderIcons.tsx

@@ -2,7 +2,7 @@ import type { JSXElementConstructor } from "react";
 import React from "react";
 import type { IconProps } from "constants/IconConstants";
 import { IconWrapper } from "constants/IconConstants";
-import { importRemixIcon } from "design-system-old";
+import { importRemixIcon } from "@appsmith/ads-old";
 
 const ShareIcon = importRemixIcon(
   async () => import("remixicon-react/ShareBoxFillIcon"),

app/client/src/icons/HelpIcons.tsx

@@ -3,7 +3,7 @@ import React from "react";
 import type { IconProps } from "constants/IconConstants";
 import { IconWrapper } from "constants/IconConstants";
 import { Icon } from "@blueprintjs/core";
-import { importRemixIcon, importSvg } from "design-system-old";
+import { importRemixIcon, importSvg } from "@appsmith/ads-old";
 
 const UpdatesIcon = importSvg(
   async () => import("assets/icons/help/updates.svg"),

app/client/src/icons/MenuIcons.tsx

@@ -5,7 +5,7 @@ import { Icon } from "@blueprintjs/core";
 import styled from "styled-components";
 import { Colors } from "constants/Colors";
 import { Icon as DSIcon } from "design-system";
-import { importRemixIcon, importSvg } from "design-system-old";
+import { importRemixIcon, importSvg } from "@appsmith/ads-old";
 
 const ApisIcon = importSvg(async () => import("assets/icons/menu/api.svg"));
 const WorkspaceIcon = importSvg(

app/client/src/index.tsx

@@ -6,7 +6,7 @@ import "./wdyr";
 import ReactDOM from "react-dom";
 import { Provider } from "react-redux";
 import "./index.css";
-import "design-system-old/src/themes/default/index.css";
+import "@appsmith/ads-old/src/themes/default/index.css";
 import "design-system/src/__theme__/default/index.css";
 import { ThemeProvider } from "styled-components";
 import { appInitializer } from "utils/AppUtils";

app/client/src/layoutSystems/common/mainContainerResizer/MainContainerResizer.tsx

@@ -4,7 +4,7 @@ import { useDispatch, useSelector } from "react-redux";
 import { getCurrentApplicationLayout } from "selectors/editorSelectors";
 import { setAutoCanvasResizing } from "actions/autoLayoutActions";
 import styled from "styled-components";
-import { importSvg } from "design-system-old";
+import { importSvg } from "@appsmith/ads-old";
 import { CANVAS_VIEWPORT } from "constants/componentClassNameConstants";
 import { AUTOLAYOUT_RESIZER_WIDTH_BUFFER } from "./constants";
 

app/client/src/layoutSystems/fixedlayout/common/widgetGrouping/WidgetsMultiSelectBox.tsx

@@ -11,7 +11,7 @@ import {
 } from "actions/widgetActions";
 import { modText } from "utils/helpers";
 import { Layers } from "constants/Layers";
-import { TooltipComponent as Tooltip } from "design-system-old";
+import { TooltipComponent as Tooltip } from "@appsmith/ads-old";
 import { getSelectedWidgets } from "selectors/ui";
 
 import { stopEventPropagation } from "utils/AppsmithUtils";

app/client/src/pages/AdminSettings/Branding/previews/DashboardThumbnail.tsx

@@ -3,7 +3,7 @@ import { Text } from "design-system";
 import PreviewBox from "./PreviewBox";
 import type { PreviewsProps } from ".";
 import { ContentBox } from "pages/AdminSettings/components";
-import { importRemixIcon } from "design-system-old";
+import { importRemixIcon } from "@appsmith/ads-old";
 
 const DashboardThumbnail = (props: PreviewsProps) => {
   const { shades } = props;

app/client/src/pages/AdminSettings/FormGroup/Radio.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import type { ReactElement } from "react";
-import { FieldError } from "design-system-old";
+import { FieldError } from "@appsmith/ads-old";
 import { Popover2 } from "@blueprintjs/popover2";
 import { FormGroup, type SettingComponentProps } from "./Common";
 import type { WrappedFieldInputProps, WrappedFieldMetaProps } from "redux-form";

app/client/src/pages/AdminSettings/FormGroup/TagInputField.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import type { WrappedFieldMetaProps, WrappedFieldInputProps } from "redux-form";
 import { Field } from "redux-form";
-import { TagInput } from "design-system-old";
+import { TagInput } from "@appsmith/ads-old";
 import { FormGroup } from "./Common";
 import type { Intent } from "constants/DefaultTheme";
 import type { Setting } from "ee/pages/AdminSettings/config/types";

app/client/src/pages/AdminSettings/FormGroup/TextAreaField.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import type { WrappedFieldInputProps, WrappedFieldMetaProps } from "redux-form";
 import { Field } from "redux-form";
 import type { Intent } from "constants/DefaultTheme";
-import { FieldError } from "design-system-old";
+import { FieldError } from "@appsmith/ads-old";
 import { Input } from "design-system";
 import type { Setting } from "ee/pages/AdminSettings/config/types";
 

app/client/src/pages/AdminSettings/RestartBanner.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { hexToRgba } from "design-system-old";
+import { hexToRgba } from "@appsmith/ads-old";
 import { Button, Icon, Spinner, Text } from "design-system";
 import {
   getIsRestartFailed,

app/client/src/pages/AdminSettings/SettingsBreadcrumbs.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Breadcrumbs } from "design-system-old";
+import { Breadcrumbs } from "@appsmith/ads-old";
 import { BreadcrumbCategories } from "ee/pages/AdminSettings/BreadcrumbCategories";
 
 export const getBreadcrumbList = (category: string, subCategory?: string) => {

app/client/src/pages/AppViewer/AppViewerButton.tsx

@@ -9,7 +9,7 @@ import {
   getMenuItemTextColor,
   getSignInButtonStyles,
 } from "./utils";
-import { getTypographyByKey } from "design-system-old";
+import { getTypographyByKey } from "@appsmith/ads-old";
 
 const StyledButton = styled(Button)<{
   primaryColor: string;

app/client/src/pages/AppViewer/BrandingBadge.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { importSvg } from "design-system-old";
+import { importSvg } from "@appsmith/ads-old";
 import styled from "styled-components";
 import { Text } from "design-system";
 const AppsmithLogo = importSvg(

app/client/src/pages/AppViewer/BrandingBadgeMobile.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { importSvg } from "design-system-old";
+import { importSvg } from "@appsmith/ads-old";
 
 const AppsmithLogo = importSvg(
   async () => import("assets/svg/appsmith-logo-no-pad.svg"),

app/client/src/pages/AppViewer/Navigation/components/CollapseButton.tsx

@@ -4,7 +4,7 @@ import {
   LOCK_SIDEBAR_MESSAGE,
 } from "ee/constants/messages";
 import classNames from "classnames";
-import { TooltipComponent } from "design-system-old";
+import { TooltipComponent } from "@appsmith/ads-old";
 import React from "react";
 import type { NavigationSetting } from "constants/AppConstants";
 import {
@@ -12,7 +12,7 @@ import {
   StyledIconContainer,
   TooltipStyles,
 } from "./CollapseButton.styled";
-import { importSvg } from "design-system-old";
+import { importSvg } from "@appsmith/ads-old";
 
 const UnpinIcon = importSvg(
   async () => import("assets/icons/ads/double-arrow-right.svg"),

app/client/src/pages/AppViewer/Navigation/components/MenuItem.tsx

@@ -10,7 +10,7 @@ import { builderURL, viewerURL } from "ee/RouteBuilder";
 import { getAppMode } from "ee/selectors/applicationSelectors";
 import { getSelectedAppTheme } from "selectors/appThemingSelectors";
 import { trimQueryString } from "utils/helpers";
-import { Icon } from "design-system-old";
+import { Icon } from "@appsmith/ads-old";
 import MenuText from "./MenuText";
 import classNames from "classnames";
 import { StyledMenuItem } from "./MenuItem.styled";

app/client/src/pages/AppViewer/Navigation/components/MenuText.styled.tsx

@@ -1,5 +1,5 @@
 import type { NavigationSetting } from "constants/AppConstants";
-import { getTypographyByKey } from "design-system-old";
+import { getTypographyByKey } from "@appsmith/ads-old";
 import styled from "styled-components";
 
 export const StyledMenuItemText = styled.div<{

app/client/src/pages/AppViewer/Navigation/components/MenuText.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, useState } from "react";
 import type { NavigationSetting } from "constants/AppConstants";
-import { TooltipComponent } from "design-system-old";
+import { TooltipComponent } from "@appsmith/ads-old";
 import { isEllipsisActive } from "utils/helpers";
 import { StyledMenuItemText } from "./MenuText.styled";
 

app/client/src/pages/AppViewer/Navigation/components/MoreDropdownButton.styled.tsx

@@ -8,7 +8,7 @@ import {
 import styled from "styled-components";
 import Button from "pages/AppViewer/AppViewerButton";
 import { NavLink } from "react-router-dom";
-import { Menu } from "design-system-old";
+import { Menu } from "@appsmith/ads-old";
 
 export const StyleMoreDropdownButton = styled(Button)<{
   borderRadius: string;

app/client/src/pages/AppViewer/PageTabs.tsx

@@ -7,7 +7,7 @@ import type {
   Page,
 } from "ee/constants/ReduxActionConstants";
 import { isEllipsisActive, trimQueryString } from "utils/helpers";
-import { getTypographyByKey, TooltipComponent } from "design-system-old";
+import { getTypographyByKey, TooltipComponent } from "@appsmith/ads-old";
 import { getAppMode } from "ee/selectors/applicationSelectors";
 import { useSelector } from "react-redux";
 import { getSelectedAppTheme } from "selectors/appThemingSelectors";

app/client/src/pages/Applications/ApplicationCard.tsx

@@ -17,14 +17,14 @@ import {
   getApplicationIcon,
   getRandomPaletteColor,
 } from "utils/AppsmithUtils";
-import type { AppIconName } from "design-system-old";
+import type { AppIconName } from "@appsmith/ads-old";
 import {
   ColorSelector,
   EditableText,
   EditInteractionKind,
   IconSelector,
   SavingState,
-} from "design-system-old";
+} from "@appsmith/ads-old";
 import type { MenuItemProps } from "design-system";
 import {
   Button,

app/client/src/pages/Applications/helpers.ts

@@ -1,4 +1,4 @@
-import type { AppIconName } from "design-system-old";
+import type { AppIconName } from "@appsmith/ads-old";
 import type { AppColorCode } from "constants/DefaultTheme";
 import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
 import { SubmissionError } from "redux-form";

app/client/src/pages/Editor/APIEditor/ApiRightPane.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo, useCallback, useEffect } from "react";
 import styled from "styled-components";
-import { Classes, FontWeight, Text, TextType } from "design-system-old";
+import { Classes, FontWeight, Text, TextType } from "@appsmith/ads-old";
 import history from "utils/history";
 import { TabbedViewContainer } from "./CommonEditorForm";
 import get from "lodash/get";

app/client/src/pages/Editor/APIEditor/CommonEditorForm.tsx

@@ -23,7 +23,7 @@ import ActionNameEditor from "components/editorComponents/ActionNameEditor";
 import ActionSettings from "pages/Editor/ActionSettings";
 import RequestDropdownField from "components/editorComponents/form/fields/RequestDropdownField";
 import { EditorTheme } from "components/editorComponents/CodeEditor/EditorConfig";
-import { Classes } from "design-system-old";
+import { Classes } from "@appsmith/ads-old";
 import {
   Button,
   Callout,

app/client/src/pages/Editor/APIEditor/GraphQL/Pagination.tsx

@@ -4,7 +4,7 @@ import { change, formValueSelector } from "redux-form";
 import FormRow from "components/editorComponents/FormRow";
 import { PaginationType } from "entities/Action";
 import RadioFieldGroup from "components/editorComponents/form/fields/RadioGroupField";
-import type { DropdownOption } from "design-system-old";
+import type { DropdownOption } from "@appsmith/ads-old";
 import type { EditorTheme } from "components/editorComponents/CodeEditor/EditorConfig";
 import type { AnyAction, Dispatch } from "redux";
 import { bindActionCreators } from "redux";

app/client/src/pages/Editor/APIEditor/GraphQL/QueryEditor.tsx

@@ -15,7 +15,7 @@ import {
   TabBehaviour,
 } from "components/editorComponents/CodeEditor/EditorConfig";
 import styled from "styled-components";
-import { Text, TextType } from "design-system-old";
+import { Text, TextType } from "@appsmith/ads-old";
 import LazyCodeEditor from "components/editorComponents/LazyCodeEditor";
 
 const QueryHeader = styled.div`

app/client/src/pages/Editor/APIEditor/GraphQL/VariableEditor.tsx

@@ -7,7 +7,7 @@ import {
   TabBehaviour,
 } from "components/editorComponents/CodeEditor/EditorConfig";
 import styled from "styled-components";
-import { Text, TextType } from "design-system-old";
+import { Text, TextType } from "@appsmith/ads-old";
 import DynamicTextField from "components/editorComponents/form/fields/DynamicTextField";
 import { AutocompleteDataType } from "utils/autocomplete/AutocompleteDataType";
 

app/client/src/pages/Editor/APIEditor/Pagination.tsx

@@ -5,11 +5,11 @@ import DynamicTextField from "components/editorComponents/form/fields/DynamicTex
 import FormRow from "components/editorComponents/FormRow";
 import { PaginationType } from "entities/Action";
 import RadioFieldGroup from "components/editorComponents/form/fields/RadioGroupField";
-import { Classes, Text, TextType } from "design-system-old";
+import { Classes, Text, TextType } from "@appsmith/ads-old";
 import { Button } from "design-system";
 import type { EditorTheme } from "components/editorComponents/CodeEditor/EditorConfig";
 import { CodeEditorBorder } from "components/editorComponents/CodeEditor/EditorConfig";
-import { GifPlayer } from "design-system-old";
+import { GifPlayer } from "@appsmith/ads-old";
 import thumbnail from "assets/icons/gifs/thumbnail.png";
 import configPagination from "assets/icons/gifs/config_pagination.gif";
 

app/client/src/pages/Editor/APIEditor/PostBodyData.tsx

@@ -18,7 +18,7 @@ import {
   EditorSize,
   TabBehaviour,
 } from "components/editorComponents/CodeEditor/EditorConfig";
-import { Classes } from "design-system-old";
+import { Classes } from "@appsmith/ads-old";
 import { updateBodyContentType } from "actions/apiPaneActions";
 import type { CodeEditorExpected } from "components/editorComponents/CodeEditor";
 import { AutocompleteDataType } from "utils/autocomplete/AutocompleteDataType";

app/client/src/pages/Editor/APIEditor/RestAPIForm.tsx

@@ -9,7 +9,7 @@ import PostBodyData from "./PostBodyData";
 import type { AppState } from "ee/reducers";
 import { getApiName } from "selectors/formSelectors";
 import { EditorTheme } from "components/editorComponents/CodeEditor/EditorConfig";
-import { Classes, Text, TextType } from "design-system-old";
+import { Classes, Text, TextType } from "@appsmith/ads-old";
 import { createMessage, API_PANE_NO_BODY } from "ee/constants/messages";
 import get from "lodash/get";
 import type { Datasource } from "entities/Datasource";

app/client/src/pages/Editor/AppSettingsPane/AppSettings/DraggablePageList.tsx

@@ -2,7 +2,7 @@ import { setPageOrder } from "actions/pageActions";
 import styled from "styled-components";
 import type { Page } from "ee/constants/ReduxActionConstants";
 // import classNames from "classnames";
-import { DraggableList } from "design-system-old";
+import { DraggableList } from "@appsmith/ads-old";
 import { MenuIcons } from "icons/MenuIcons";
 import React, { useRef } from "react";
 import { useDispatch, useSelector } from "react-redux";

app/client/src/pages/Editor/AppSettingsPane/AppSettings/GeneralSettings.tsx

@@ -6,9 +6,9 @@ import {
   GENERAL_SETTINGS_NAME_EMPTY_MESSAGE,
 } from "ee/constants/messages";
 import classNames from "classnames";
-import type { AppIconName } from "design-system-old";
+import type { AppIconName } from "@appsmith/ads-old";
 import { Input, Text } from "design-system";
-import { IconSelector } from "design-system-old";
+import { IconSelector } from "@appsmith/ads-old";
 import { debounce } from "lodash";
 import React, { useCallback, useState } from "react";
 import { useEffect } from "react";

app/client/src/pages/Editor/AppSettingsPane/AppSettings/NavigationSettings/ButtonGroupSetting.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "styled-components";
-import { TextType, Text } from "design-system-old";
+import { TextType, Text } from "@appsmith/ads-old";
 import type { SegmentedControlOption } from "design-system";
 import { SegmentedControl } from "design-system";
 import type {

app/client/src/pages/Editor/CommunityTemplates/Modals/PublishCommunityTemplate/components/AuthorDetailsInput.tsx

@@ -4,7 +4,7 @@ import {
   createMessage,
 } from "ee/constants/messages";
 import { Input, Text } from "design-system";
-import { emailValidator } from "design-system-old";
+import { emailValidator } from "@appsmith/ads-old";
 import React, { useMemo } from "react";
 import styled from "styled-components";