From c596a5e342d28576e1ece54ad86eadcfd7cbd3b5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Rapha=C3=ABl=20Bosi?= <71827178+bosiraphael@users.noreply.github.com> Date: Mon, 8 Jun 2026 18:12:28 +0200 Subject: [PATCH] Rename twenty-ui to twenty-ui-deprecated and twenty-new-ui to twenty-ui to prepare package release (#21315) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## Description Promotes the next-gen UI library (formerly `twenty-new-ui`) to the name **`twenty-ui`** (v0.1.0, publishable) and renames the old package to **`twenty-ui-deprecated`**. Rewrites ~1,730 `twenty-ui` imports → `twenty-ui-deprecated`, updates all configs/CI/Docker/deps, and migrates twenty-front's `Toggle` to the new package (first consumer) as a drop-in. ## Next steps - Wire the `ui/v*` publish dispatch (`cd-deploy-tag.yaml` + `.yarnrc.yml`), then tag `ui/v0.1.0` to publish. - Continue migrating components from `twenty-ui-deprecated` → `twenty-ui`. --- .github/workflows/ci-front.yaml | 2 + .github/workflows/ci-new-ui.yaml | 16 +- .github/workflows/ci-ui.yaml | 16 +- package.json | 2 +- packages/twenty-docker/twenty/Dockerfile | 4 +- .../.storybook/preview.tsx | 2 +- .../package.json | 2 +- .../project.json | 6 +- .../build-source-examples.ts | 2 +- .../components/FrontComponentRenderer.tsx | 2 +- packages/twenty-front/.storybook/preview.tsx | 8 +- packages/twenty-front/jest.config.mjs | 5 +- packages/twenty-front/package.json | 1 + .../src/hooks/useCopyToClipboard.tsx | 4 +- packages/twenty-front/src/index.tsx | 7 +- .../components/LeftPanelSkeletonLoader.tsx | 2 +- ...ainNavigationDrawerItemsSkeletonLoader.tsx | 2 +- .../components/PageContentSkeletonLoader.tsx | 5 +- .../components/SidePanelSkeletonLoader.tsx | 5 +- .../components/UserOrMetadataLoader.tsx | 7 +- .../components/CalendarDayCardContent.tsx | 7 +- .../components/CalendarEventDetails.tsx | 6 +- .../CalendarEventNotSharedContent.tsx | 7 +- .../CalendarEventParticipantsAvatarGroup.tsx | 2 +- ...arEventParticipantsResponseStatusField.tsx | 11 +- .../calendar/components/CalendarEventRow.tsx | 7 +- .../components/CalendarEventsCard.tsx | 6 +- .../calendar/components/CalendarMonthCard.tsx | 2 +- .../__stories__/Calendar.stories.tsx | 2 +- .../activities/components/ActivityList.tsx | 4 +- .../activities/components/ActivityRow.tsx | 4 +- .../components/ActivityTargetChips.tsx | 2 +- .../CustomResolverFetchMoreLoader.tsx | 2 +- .../activities/components/ParticipantChip.tsx | 4 +- .../activities/components/SkeletonLoader.tsx | 5 +- .../emails/components/ComposeEmailButton.tsx | 4 +- .../components/EmailAttachmentsField.tsx | 7 +- .../emails/components/EmailComposer.tsx | 6 +- .../emails/components/EmailComposerFields.tsx | 4 +- .../emails/components/EmailLoader.tsx | 4 +- .../components/EmailThreadBottomBar.tsx | 6 +- .../emails/components/EmailThreadHeader.tsx | 2 +- .../emails/components/EmailThreadMessage.tsx | 2 +- .../components/EmailThreadMessageBody.tsx | 4 +- .../EmailThreadMessageBodyPreview.tsx | 2 +- .../EmailThreadMessageReceivers.tsx | 4 +- .../components/EmailThreadMessageSender.tsx | 4 +- .../components/EmailThreadNotShared.tsx | 11 +- .../emails/components/EmailThreadPreview.tsx | 7 +- .../emails/components/EmailsCard.tsx | 6 +- .../components/EmptyInboxPlaceholder.tsx | 6 +- ...ubscriberDropdownAddSubscriberMenuItem.tsx | 4 +- .../files/components/AttachmentDropdown.tsx | 6 +- .../files/components/AttachmentList.tsx | 8 +- .../files/components/AttachmentRow.tsx | 12 +- .../files/components/DocumentViewer.tsx | 9 +- .../activities/files/components/DropZone.tsx | 7 +- .../activities/files/components/FilesCard.tsx | 6 +- .../components/ActivityTargetsInlineCell.tsx | 2 +- .../activities/notes/components/NoteList.tsx | 2 +- .../activities/notes/components/NoteTile.tsx | 2 +- .../activities/notes/components/NotesCard.tsx | 6 +- .../tasks/components/AddTaskButton.tsx | 4 +- .../tasks/components/TaskGroups.tsx | 6 +- .../activities/tasks/components/TaskList.tsx | 2 +- .../activities/tasks/components/TaskRow.tsx | 12 +- .../__stories__/TaskList.stories.tsx | 2 +- .../components/EventList.tsx | 2 +- .../components/EventRow.tsx | 2 +- .../components/EventsGroup.tsx | 2 +- .../components/TimelineCard.tsx | 7 +- .../TimelineActivities.stories.tsx | 2 +- .../activity/components/EventRowActivity.tsx | 7 +- .../components/EventCardCalendarEvent.tsx | 2 +- .../components/EventRowCalendarEvent.tsx | 2 +- .../EventCardCalendarEvent.stories.tsx | 2 +- .../rows/components/EventCard.tsx | 5 +- .../rows/components/EventCardToggleButton.tsx | 6 +- .../components/EventIconDynamicComponent.tsx | 2 +- .../rows/components/EventRowItem.tsx | 2 +- .../main-object/components/EventFieldDiff.tsx | 2 +- .../components/EventFieldDiffLabel.tsx | 4 +- .../components/EventFieldDiffValue.tsx | 2 +- .../EventRelationFieldDiffValues.tsx | 8 +- .../components/EventRowMainObject.tsx | 5 +- .../components/EventRowMainObjectUpdated.tsx | 5 +- .../EventRowMainObjectUpdated.stories.tsx | 5 +- .../message/components/EventCardMessage.tsx | 4 +- .../EventCardMessageBodyNotShared.tsx | 4 +- .../components/EventCardMessageForbidden.tsx | 2 +- .../message/components/EventRowMessage.tsx | 2 +- .../__stories__/EventCardMessage.stories.tsx | 2 +- .../components/AdvancedTextEditor.tsx | 2 +- .../components/BubbleMenuIconButton.tsx | 6 +- .../components/EditLinkPopover.tsx | 2 +- .../components/ImageBubbleMenu.tsx | 2 +- .../components/LinkBubbleMenu.tsx | 2 +- .../components/TextBubbleMenu.tsx | 4 +- .../components/TurnIntoBlockDropdown.tsx | 9 +- .../WorkflowSendEmailAttachments.tsx | 7 +- .../AdvancedTextEditor.stories.tsx | 5 +- .../resizable-image/ResizableImageView.tsx | 2 +- .../slash-command/DefaultSlashCommands.ts | 2 +- .../extensions/slash-command/SlashCommand.ts | 2 +- .../slash-command/SlashCommandMenu.tsx | 2 +- .../hooks/useTurnIntoBlockOptions.ts | 2 +- .../AiChatApiKeyNotConfiguredMessage.tsx | 2 +- .../AiChatAssistantMessageRenderer.tsx | 7 +- .../modules/ai/components/AiChatBanner.tsx | 6 +- .../components/AiChatCompactionIndicator.tsx | 7 +- .../AiChatCreditsExhaustedMessage.tsx | 2 +- .../ai/components/AiChatEditorSection.tsx | 4 +- .../ai/components/AiChatErrorMessage.tsx | 7 +- .../AiChatErrorUnderMessageList.tsx | 2 +- .../modules/ai/components/AiChatMessage.tsx | 2 +- .../ai/components/AiChatQueuedMessages.tsx | 6 +- .../components/AiChatScrollToBottomButton.tsx | 4 +- .../ai/components/AiChatStandaloneError.tsx | 2 +- .../src/modules/ai/components/AiChatTab.tsx | 2 +- .../ai/components/AiChatTabMessageList.tsx | 2 +- .../components/AiChatThreadFilterDropdown.tsx | 4 +- .../AiChatThreadFilterDropdownGroupByMenu.tsx | 4 +- ...atThreadFilterDropdownLastActivityMenu.tsx | 4 +- .../AiChatThreadFilterDropdownRootMenu.tsx | 4 +- .../AiChatThreadFilterDropdownStatusMenu.tsx | 4 +- .../ai/components/AiChatThreadGroup.tsx | 2 +- .../ai/components/AiChatThreadItemMenu.tsx | 6 +- .../ai/components/AiChatThreadListItem.tsx | 7 +- .../ai/components/AiChatThreadsList.tsx | 6 +- .../ai/components/CodeExecutionDisplay.tsx | 11 +- .../ai/components/LazyMarkdownRenderer.tsx | 2 +- .../LazyMarkdownRendererStyledComponents.tsx | 2 +- .../NavigationDrawerAiChatContent.tsx | 2 +- .../NavigationDrawerAiChatThreadItem.tsx | 4 +- .../NavigationDrawerAiChatThreadSection.tsx | 4 +- .../ai/components/ReasoningSummaryDisplay.tsx | 13 +- .../src/modules/ai/components/RecordLink.tsx | 6 +- .../ai/components/RoutingDebugDisplay.tsx | 11 +- .../ai/components/RoutingStatusDisplay.tsx | 13 +- .../SettingsAgentModelCapabilities.tsx | 11 +- .../modules/ai/components/ShimmeringText.tsx | 2 +- .../modules/ai/components/TerminalOutput.tsx | 6 +- .../ai/components/ThinkingStepsDisplay.tsx | 8 +- .../ai/components/ToolStepRenderer.tsx | 11 +- .../__stories__/AiChatMessage.stories.tsx | 2 +- .../CodeExecutionDisplay.stories.tsx | 2 +- .../__stories__/TerminalOutput.stories.tsx | 2 +- .../AiChatAssistantMessageRenderer.test.tsx | 2 +- .../__tests__/ThinkingStepsDisplay.test.tsx | 2 +- .../internal/AgentChatContextPreview.tsx | 2 +- .../internal/AgentChatFilePreview.tsx | 12 +- .../internal/AgentChatFileUploadButton.tsx | 6 +- .../internal/AiChatContextUsageButton.tsx | 6 +- .../internal/AiChatSkeletonLoader.tsx | 5 +- .../internal/ContextUsageProgressRing.tsx | 2 +- .../components/internal/SendMessageButton.tsx | 4 +- .../AiChatSuggestedPrompts.tsx | 4 +- .../default-suggested-prompts.ts | 2 +- .../ai/constants/OutputFieldTypeOptions.ts | 2 +- .../src/modules/ai/hooks/useAiModelOptions.ts | 2 +- .../src/modules/ai/utils/getToolIcon.ts | 2 +- .../src/modules/app/components/App.tsx | 2 +- .../applications/components/AppChip.tsx | 4 +- .../components/AppConnectionHeader.tsx | 7 +- .../applications/components/AppMenuItem.tsx | 2 +- .../components/ApplicationDisplay.tsx | 2 +- .../components/AuthorizeActionButtons.tsx | 4 +- .../hooks/useApplicationAvatarColors.ts | 2 +- .../src/modules/auth/components/Logo.tsx | 6 +- .../StyledOnboardingContentContainer.ts | 2 +- .../src/modules/auth/components/SubTitle.tsx | 2 +- .../src/modules/auth/components/Title.tsx | 4 +- .../auth/components/VerifyEmailEffect.tsx | 2 +- .../components/__stories__/Logo.stories.tsx | 5 +- .../__stories__/VerifyEmailEffect.stories.tsx | 2 +- .../modules/auth/constants/AuthModalConfig.ts | 2 +- .../components/EmailVerificationSent.tsx | 8 +- .../auth/sign-in-up/components/FooterNote.tsx | 2 +- .../components/SignInUpGlobalScopeForm.tsx | 12 +- .../components/SignInUpWorkspaceScopeForm.tsx | 4 +- .../components/WorkspaceSelectionFooter.tsx | 2 +- .../EmailVerificationSent.stories.tsx | 4 +- .../SignInUpGlobalScopeForm.test.tsx | 2 +- .../components/internal/LastUsedPill.tsx | 4 +- .../internal/SignInUpEmailField.tsx | 2 +- .../internal/SignInUpPasswordField.tsx | 7 +- .../SignInUpSSOIdentityProviderSelection.tsx | 4 +- ...gnInUpTwoFactorAuthenticationProvision.tsx | 11 +- ...nUpTwoFactorAuthenticationVerification.tsx | 6 +- .../internal/SignInUpWithCredentials.tsx | 4 +- .../internal/SignInUpWithGoogle.tsx | 6 +- .../internal/SignInUpWithMicrosoft.tsx | 9 +- .../components/internal/SignInUpWithSSO.tsx | 6 +- .../blocknote-editor/blocks/FileBlock.tsx | 4 +- .../blocks/MentionInlineContent.tsx | 4 +- .../components/BlockEditor.tsx | 7 +- .../components/CustomSideMenu.tsx | 8 +- .../components/CustomSideMenuOptions.tsx | 7 +- .../components/CustomSlashMenuListItem.tsx | 2 +- .../modules/blocknote-editor/types/types.ts | 2 +- .../blocknote-editor/utils/getSlashMenu.ts | 2 +- .../components/RecordIndexCommandMenu.tsx | 2 +- .../RecordIndexCommandMenuDropdown.tsx | 4 +- ...RecordPageSidePanelCommandMenuDropdown.tsx | 4 +- .../components/RecordShowCommandMenu.tsx | 2 +- .../RecordShowSidePanelOpenRecordButton.tsx | 6 +- .../components/StandalonePageCommandMenu.tsx | 2 +- ...RecordIndexCommandMenuDropdown.stories.tsx | 2 +- ...owSidePanelCommandMenuDropdown.stories.tsx | 5 +- .../commandMenuItemConfirmationModalState.ts | 2 +- .../components/CommandListItemLoader.tsx | 4 +- .../components/CommandMenuItemRenderer.tsx | 6 +- .../PinnedCommandMenuItemButtons.tsx | 2 +- ...nnedCommandMenuItemsInlineMeasurements.tsx | 2 +- .../components/CommandMenuItemEditButton.tsx | 6 +- ...andMenuItemEditRecordSelectionDropdown.tsx | 9 +- .../CommandMenuItemOptionsDropdown.tsx | 4 +- .../SidePanelCommandMenuItemEditPage.tsx | 8 +- ...ssConfirmationModalEngineCommandEffect.tsx | 2 +- ...HeadlessOpenSidePanelPageEngineCommand.tsx | 2 +- ...EngineComponentKeyHeadlessComponentMap.tsx | 6 +- .../EditDashboardSingleRecordCommand.tsx | 2 +- ...ditRecordPageLayoutSingleRecordCommand.tsx | 2 +- .../hooks/useCommandMenuItemClick.ts | 2 +- .../components/CommandMenuButton.tsx | 6 +- .../components/CommandMenuItem.tsx | 7 +- .../components/CommandMenuItemNumberInput.tsx | 2 +- .../components/CommandMenuItemTextInput.tsx | 2 +- .../components/CommandMenuItemToggle.tsx | 5 +- .../components/CommandMenuOpenContainer.tsx | 9 +- .../__stories__/CommandMenu.stories.tsx | 2 +- .../hooks/__tests__/useCommandMenu.test.tsx | 2 +- .../__tests__/useWorkflowCommandMenu.test.tsx | 6 +- .../components/AppFullScreenErrorFallback.tsx | 2 +- .../components/AppRootErrorFallback.tsx | 7 +- .../components/internal/AppErrorDisplay.tsx | 6 +- .../file/components/AttachmentChip.tsx | 9 +- .../src/modules/file/components/FileIcon.tsx | 7 +- .../file/hooks/useFileCategoryColors.ts | 4 +- .../modules/file/hooks/useFileIconColors.ts | 2 +- .../modules/file/utils/fileIconMappings.ts | 2 +- .../components/FrontComponentRenderer.tsx | 2 +- ...useFrontComponentExecutionContext.test.tsx | 2 +- .../useFrontComponentExecutionContext.ts | 2 +- .../components/PlaceAutocompleteSelect.tsx | 4 +- .../components/InformationBanner.tsx | 6 +- .../InformationBannerDeletedRecord.tsx | 2 +- .../InformationBannerIsImpersonating.tsx | 2 +- .../InformationBannerMaintenance.tsx | 2 +- ...tionBannerReconnectAccountEmailAliases.tsx | 2 +- ...econnectAccountInsufficientPermissions.tsx | 2 +- .../components/KeyboardShortcutMenuDialog.tsx | 6 +- .../components/KeyboardShortcutMenuStyles.tsx | 2 +- .../constants/KeyboardShortcutsGeneral.ts | 2 +- .../components/LayoutCustomizationBar.tsx | 9 +- .../LayoutCustomizationBarMenuDropdown.tsx | 10 +- .../hooks/useEnterLayoutCustomizationMode.ts | 2 +- .../components/LogicFunctionLogs.tsx | 2 +- ...cationInstallPermissionValidationModal.tsx | 6 +- .../buildPermissionSummaryFromRoleManifest.ts | 2 +- .../components/MentionMenuListItem.tsx | 4 +- .../mention/components/MentionRecordChip.tsx | 2 +- .../components/MentionSuggestionMenu.tsx | 4 +- .../utils/getNavigationMenuItemColor.ts | 5 +- .../components/NavigationMenuItemIcon.tsx | 4 +- .../NavigationMenuItemSkeletonLoader.tsx | 5 +- .../components/AddToNavigationDragHandle.tsx | 7 +- .../components/NavigationItemDropTarget.tsx | 2 +- .../NavigationMenuItemDroppableSlot.tsx | 2 +- .../dnd/hooks/useHandleAddToNavigationDrop.ts | 2 +- .../components/NavigationMenuItemFolder.tsx | 13 +- .../NavigationMenuItemFolderContent.tsx | 4 +- .../NavigationMenuItemFolderDnd.tsx | 11 +- .../NavigationMenuItemFolderLayout.tsx | 2 +- ...ItemFolderNavigationDrawerItemDropdown.tsx | 10 +- .../useNavigationMenuItemFolderOpenState.ts | 2 +- .../components/LinkIconWithLinkOverlay.tsx | 10 +- .../NavigationMenuItemLinkDisplay.tsx | 7 +- ...igationDrawerItemForObjectMetadataItem.tsx | 7 +- .../NavigationMenuItemPageLayoutDisplay.tsx | 2 +- .../NavigationDrawerOpenedSection.tsx | 2 +- .../components/NavigationMenuItemSection.tsx | 2 +- .../favorites/components/FavoritesSection.tsx | 10 +- .../components/FavoritesSectionDispatcher.tsx | 2 +- .../workspace/components/WorkspaceSection.tsx | 6 +- .../components/WorkspaceSectionContainer.tsx | 2 +- .../components/WorkspaceSectionListDndKit.tsx | 2 +- .../WorkspaceSectionListReadOnly.tsx | 2 +- .../components/ObjectIconWithViewOverlay.tsx | 10 +- .../NavigationMenuItemBackButton.tsx | 7 +- .../WorkspaceSectionAddMenuItemButton.tsx | 2 +- .../edit/hooks/useOpenAddItemToFolderPage.ts | 2 +- .../useOpenNavigationMenuItemInSidePanel.ts | 2 +- .../components/SidePanelEditColorOption.tsx | 8 +- .../SidePanelEditFolderPickerSubPage.tsx | 2 +- .../SidePanelEditObjectViewBase.tsx | 2 +- .../SidePanelEditOrganizeActions.tsx | 2 +- .../components/SidePanelEditOwnerSection.tsx | 2 +- .../SidePanelNavigationMenuItemEditPage.tsx | 6 +- .../SidePanelNewSidebarItemMainMenu.tsx | 4 +- .../SidePanelNewSidebarItemObjectSubPage.tsx | 2 +- ...ewSidebarItemObjectSystemPickerSubPage.tsx | 2 +- .../SidePanelNewSidebarItemRecordItem.tsx | 2 +- ...lNewSidebarItemViewObjectPickerSubView.tsx | 2 +- ...dePanelNewSidebarItemViewPickerSubView.tsx | 2 +- .../SidePanelObjectPickerSubView.tsx | 2 +- .../hooks/useAddFolderToNavigationMenu.ts | 2 +- .../hooks/useAddLinkToNavigationMenu.ts | 2 +- ...seNavigationMenuItemEditOrganizeActions.ts | 2 +- .../MainNavigationDrawerScrollableItems.tsx | 2 +- .../MainNavigationDrawerTabsRow.tsx | 9 +- .../components/MobileNavigationBar.tsx | 4 +- .../NavigationDrawerOtherSection.tsx | 4 +- .../components/SettingsNavigationDrawer.tsx | 6 +- ...onForObjectMetadataItemsSkeletonLoader.tsx | 5 +- ...onDrawerWorkspaceSectionSkeletonLoader.tsx | 2 +- .../components/ObjectMetadataIcon.tsx | 2 +- .../WorkspaceSectionListEditModeFallback.tsx | 2 +- .../hooks/useObjectMetadataSelectHelpers.ts | 4 +- .../types/FieldMetadataItem.ts | 2 +- .../utils/getIconColorForObjectType.ts | 2 +- .../utils/getIconForObjectType.ts | 6 +- .../utils/getObjectColorWithFallback.ts | 2 +- .../fieldMetadataItemSchema.ts | 2 +- .../validation-schemas/selectOptionsSchema.ts | 2 +- .../AdvancedFilterAddFilterRuleSelect.tsx | 4 +- ...ancedFilterCompositeSubFieldSelectMenu.tsx | 4 +- .../components/AdvancedFilterDropdownRow.tsx | 2 +- .../AdvancedFilterFieldSelectSearchInput.tsx | 2 +- .../AdvancedFilterLogicalOperatorCell.tsx | 2 +- ...dvancedFilterRecordFilterGroupChildren.tsx | 2 +- ...FilterRecordFilterGroupOptionsDropdown.tsx | 6 +- ...FilterRecordFilterOperandSelectContent.tsx | 2 +- ...ancedFilterRecordFilterOptionsDropdown.tsx | 6 +- ...cedFilterRelationTargetFieldSelectMenu.tsx | 4 +- .../AdvancedFilterRootRecordFilterGroup.tsx | 2 +- ...alueInputDropdownButtonClickableSelect.tsx | 2 +- .../hooks/useRecordFilterField.ts | 2 +- .../AdvancedFilterSidePanelColumn.tsx | 2 +- .../AdvancedFilterSidePanelContainer.tsx | 2 +- ...dFilterSidePanelCreateRootFilterButton.tsx | 4 +- ...ncedFilterSidePanelLogicalOperatorCell.tsx | 2 +- ...ancedFilterSidePanelRecordFilterColumn.tsx | 2 +- ...lterSidePanelRecordFilterGroupChildren.tsx | 2 +- ...FilterSidePanelRecordFilterGroupColumn.tsx | 2 +- ...rSidePanelValueFormCompositeFieldInput.tsx | 2 +- .../MainContainerLayoutWithSidePanel.tsx | 4 +- .../object-record/components/RecordChip.tsx | 4 +- .../graphql/types/RecordGqlConnection.ts | 2 +- .../ObjectFilterDropdownActorSelect.tsx | 2 +- .../ObjectFilterDropdownBooleanSelect.tsx | 7 +- .../ObjectFilterDropdownCountrySelect.tsx | 5 +- .../ObjectFilterDropdownCurrencySelect.tsx | 5 +- .../ObjectFilterDropdownFilterInputHeader.tsx | 2 +- ...jectFilterDropdownFilterSelectMenuItem.tsx | 4 +- ...lterDropdownInnerSelectOperandDropdown.tsx | 2 +- .../ObjectFilterDropdownOptionSelect.tsx | 2 +- .../ObjectFilterDropdownRatingInput.tsx | 2 +- .../ObjectFilterDropdownRecordPinnedItems.tsx | 6 +- .../ObjectFilterDropdownRecordSelect.tsx | 2 +- .../utils/getActorSourceMultiSelectOptions.ts | 2 +- ...ctOptionsDropdownCalendarFieldsContent.tsx | 8 +- ...jectOptionsDropdownCalendarViewContent.tsx | 6 +- .../ObjectOptionsDropdownCustomView.tsx | 4 +- .../ObjectOptionsDropdownDefaultView.tsx | 4 +- .../ObjectOptionsDropdownFieldsContent.tsx | 4 +- ...jectOptionsDropdownHiddenFieldsContent.tsx | 4 +- ...tionsDropdownHiddenRecordGroupsContent.tsx | 4 +- .../ObjectOptionsDropdownLayoutContent.tsx | 8 +- ...jectOptionsDropdownLayoutOpenInContent.tsx | 4 +- .../ObjectOptionsDropdownMenuViewName.tsx | 10 +- ...ptionsDropdownRecordGroupFieldsContent.tsx | 8 +- ...tOptionsDropdownRecordGroupSortContent.tsx | 4 +- ...jectOptionsDropdownRecordGroupsContent.tsx | 4 +- ...ObjectOptionsDropdownVisibilityContent.tsx | 4 +- .../ObjectOptionsDropdownContent.stories.tsx | 2 +- .../components/ObjectSortDropdownButton.tsx | 4 +- .../record-board/components/RecordBoard.tsx | 2 +- .../RecordBoardClickOutsideEffect.tsx | 2 +- .../components/RecordBoardColumns.tsx | 2 +- .../components/RecordBoardHeader.tsx | 2 +- .../components/RecordBoardCard.tsx | 4 +- .../components/RecordBoardCardHeader.tsx | 12 +- .../RecordBoardCardMultiDragCounterChip.tsx | 2 +- .../RecordBoardCardMultiDragStack.tsx | 2 +- .../components/RecordBoardColumn.tsx | 2 +- ...BoardColumnCardContainerSkeletonLoader.tsx | 5 +- .../RecordBoardColumnCardsContainer.tsx | 2 +- .../RecordBoardColumnDropdownMenu.tsx | 2 +- .../components/RecordBoardColumnHeader.tsx | 8 +- ...ardColumnHeaderAggregateDropdownButton.tsx | 4 +- ...mnHeaderAggregateDropdownFieldsContent.tsx | 4 +- ...lumnHeaderAggregateDropdownMenuContent.tsx | 2 +- ...dColumnHeaderAggregateDropdownMenuItem.tsx | 4 +- ...nHeaderAggregateDropdownOptionsContent.tsx | 2 +- .../RecordBoardColumnLoadingSkeletonCards.tsx | 2 +- .../RecordBoardColumnNewRecordButton.tsx | 7 +- .../components/RecordCalendar.tsx | 4 +- .../components/RecordCalendarAddNew.tsx | 9 +- .../components/RecordCalendarTopBar.tsx | 9 +- .../components/RecordCalendarMonthBody.tsx | 2 +- .../components/RecordCalendarMonthBodyDay.tsx | 2 +- .../RecordCalendarMonthBodyWeek.tsx | 2 +- .../RecordCalendarMonthHeaderDay.tsx | 2 +- .../RecordCalendarMonth.stories.tsx | 5 +- .../components/RecordCalendarCard.tsx | 2 +- .../components/RecordCalendarCardBody.tsx | 2 +- .../components/RecordCalendarCardHeader.tsx | 6 +- .../record-card/components/RecordCard.tsx | 2 +- .../components/RecordCardBodyContainer.tsx | 2 +- .../components/RecordCardHeaderContainer.tsx | 2 +- .../RecordDetailRecordsListContainer.tsx | 2 +- .../RecordDetailRecordsListItemContainer.tsx | 2 +- .../RecordDetailSectionContainer.tsx | 4 +- .../RecordDetailDuplicatesSection.tsx | 4 +- .../RecordDetailDuplicatesSection.stories.tsx | 2 +- ...lMorphRelationSectionDropdownManyToOne.tsx | 4 +- ...lMorphRelationSectionDropdownOneToMany.tsx | 4 +- .../RecordDetailRelationRecordsListItem.tsx | 8 +- ...ordDetailRelationSectionDropdownToMany.tsx | 4 +- ...cordDetailRelationSectionDropdownToOne.tsx | 4 +- .../RecordDetailRelationSection.stories.tsx | 2 +- .../ui/components/LightCopyIconButton.tsx | 6 +- .../record-field/ui/contexts/FieldContext.ts | 2 +- .../ui/form-types/components/BaseChip.tsx | 7 +- .../components/FormAdvancedTextFieldInput.tsx | 8 +- .../components/FormArrayFieldInput.tsx | 9 +- .../components/FormBooleanFieldInput.tsx | 4 +- .../FormBooleanFieldToggleInput.tsx | 2 +- .../components/FormCallingCodeSelectInput.tsx | 7 +- .../FormCountryMultiSelectInput.tsx | 4 +- .../components/FormCountrySelectInput.tsx | 7 +- .../components/FormCurrencyFieldInput.tsx | 2 +- .../components/FormDateFieldInput.tsx | 4 +- .../components/FormDateTimeFieldInput.tsx | 2 +- .../FormFieldInputInnerContainer.tsx | 2 +- .../components/FormMultiSelectFieldInput.tsx | 11 +- .../FormNestedFieldInputContainer.tsx | 2 +- .../components/FormSelectFieldInput.tsx | 6 +- .../components/FormSingleRecordFieldChip.tsx | 4 +- .../components/FormSingleRecordPicker.tsx | 7 +- .../FormWorkspaceMemberFilterValueInput.tsx | 7 +- ...WorkspaceMemberFilterValueInputTrigger.tsx | 4 +- .../components/TextVariableEditor.tsx | 2 +- .../ui/form-types/components/VariableChip.tsx | 4 +- .../components/VariableChipStandalone.tsx | 2 +- .../FormAdvancedTextFieldInput.stories.tsx | 5 +- .../FormBooleanFieldToggleInput.stories.tsx | 12 +- .../FormRawJsonFieldInput.stories.tsx | 2 +- .../FormRichTextFieldInput.stories.tsx | 2 +- .../FormSingleRecordPicker.stories.tsx | 5 +- .../FormTextFieldInput.stories.tsx | 2 +- .../constants/FormFieldPlaceholderStyles.ts | 2 +- .../hooks/__tests__/useGetButtonIcon.test.tsx | 2 +- .../record-field/ui/hooks/useGetButtonIcon.ts | 2 +- .../display/components/ChipFieldDisplay.tsx | 2 +- .../components/ForbiddenFieldDisplay.tsx | 7 +- .../display/components/JsonFieldDisplay.tsx | 5 +- .../components/MultiSelectFieldDisplay.tsx | 2 +- .../RelationFromManyFieldDisplay.tsx | 2 +- .../perf/ActorFieldDisplay.perf.stories.tsx | 2 +- .../perf/AddressFieldDisplay.perf.stories.tsx | 2 +- .../perf/BooleanFieldDisplay.perf.stories.tsx | 2 +- .../perf/ChipFieldDisplay.perf.stories.tsx | 2 +- .../CurrencyFieldDisplay.perf.stories.tsx | 2 +- .../perf/DateFieldDisplay.perf.stories.tsx | 2 +- .../DateTimeFieldDisplay.perf.stories.tsx | 2 +- .../perf/EmailsFieldDisplay.perf.stories.tsx | 2 +- .../perf/FilesFieldDisplay.perf.stories.tsx | 2 +- .../FullNameFieldDisplay.perf.stories.tsx | 2 +- .../perf/LinksFieldDisplay.perf.stories.tsx | 2 +- .../MultiSelectFieldDisplay.perf.stories.tsx | 2 +- .../perf/NumberFieldDisplay.perf.stories.tsx | 2 +- .../perf/PhonesFieldDisplay.perf.stories.tsx | 2 +- .../perf/RatingFieldDisplay.perf.stories.tsx | 2 +- ...ationFromManyFieldDisplay.perf.stories.tsx | 2 +- ...RelationToOneFieldDisplay.perf.stories.tsx | 2 +- .../perf/SelectFieldDisplay.perf.stories.tsx | 2 +- .../perf/TextFieldDisplay.perf.stories.tsx | 2 +- ...eFilteredSelectOptionsFromRLSPredicates.ts | 2 +- .../input/components/DateFieldInput.tsx | 2 +- .../input/components/DateTimeFieldInput.tsx | 2 +- .../input/components/FilesFieldMenuItem.tsx | 2 +- .../MorphRelationManyToOneFieldInput.tsx | 2 +- .../input/components/MultiItemBaseInput.tsx | 2 +- .../input/components/MultiItemFieldInput.tsx | 6 +- .../components/MultiItemFieldMenuItem.tsx | 4 +- .../input/components/PhonesFieldInput.tsx | 2 +- .../input/components/RawJsonFieldInput.tsx | 11 +- .../RelationManyToOneFieldInput.tsx | 2 +- .../input/components/RichTextFieldInput.tsx | 9 +- .../input/components/SelectFieldInput.tsx | 2 +- .../MultiItemBaseInput.stories.tsx | 2 +- .../record-field/ui/types/FieldDefinition.ts | 2 +- .../record-field/ui/types/FieldMetadata.ts | 2 +- .../record-field/ui/types/RecordChipData.ts | 2 +- .../ui/utils/getFieldButtonIcon.ts | 2 +- .../RecordGroupMenuItemDraggable.tsx | 6 +- .../hooks/useRecordGroupActions.ts | 2 +- .../record-group/types/RecordGroupActions.ts | 2 +- .../types/RecordGroupDefinition.ts | 2 +- .../components/RecordIndexContainer.tsx | 2 +- .../RecordIndexEmptyStateNotShared.tsx | 2 +- .../components/RecordIndexPageHeader.tsx | 2 +- .../RecordIndexPageKanbanAddMenuItem.tsx | 4 +- .../hooks/useOpenRecordFromIndexView.ts | 2 +- .../components/RecordInlineCell.tsx | 2 +- .../RecordInlineCellAnchoredPortalContext.tsx | 2 +- .../components/RecordInlineCellContainer.tsx | 7 +- .../components/RecordInlineCellContext.tsx | 2 +- .../RecordInlineCellDisplayMode.tsx | 2 +- .../components/RecordInlineCellEditButton.tsx | 6 +- .../RecordInlineCellHoveredPortalContent.tsx | 2 +- .../RecordInlineCellSkeletonLoader.tsx | 2 +- .../components/RecordInlineCellValue.tsx | 2 +- .../property-box/components/PropertyBox.tsx | 2 +- .../components/PropertyBoxSkeletonLoader.tsx | 5 +- .../components/MergeRecordsContainer.tsx | 2 +- .../components/MergeRecordsFooter.tsx | 6 +- .../components/MergeSettingsTab.tsx | 4 +- .../hooks/useMergeRecordsContainerTabs.ts | 2 +- .../utils/getPositionNumberIcon.ts | 2 +- .../RecordPickerNoRecordFoundMenuItem.tsx | 2 +- .../components/MultipleRecordPicker.tsx | 2 +- .../MultipleRecordPickerFetchMoreLoader.tsx | 2 +- .../MultipleRecordPickerMenuItemContent.tsx | 4 +- .../components/SingleRecordPickerMenuItem.tsx | 4 +- .../SingleRecordPickerMenuItems.tsx | 4 +- .../SingleRecordPickerMenuItemsWithSearch.tsx | 2 +- .../SingleRecordPicker.stories.tsx | 4 +- .../ObjectRecordShowPageBreadcrumb.tsx | 2 +- .../PageLayoutRecordPageRenderer.tsx | 4 +- .../components/RecordTableWidget.tsx | 2 +- .../__stories__/RecordTable.stories.tsx | 2 +- .../HorizontalScrollBoxShadowCSS.ts | 2 +- .../RecordTableNoRecordGroupAddNew.tsx | 2 +- .../RecordTableScrollAndZIndexEffect.tsx | 2 +- .../components/RecordTableStyleWrapper.tsx | 2 +- .../components/VerticalScrollBoxShadowCSS.ts | 2 +- .../perf/RecordTableCell.perf.stories.tsx | 2 +- .../RecordTableEmptyStateDisplay.tsx | 6 +- ...ordTableEmptyStateNoGroupNoRecordAtAll.tsx | 2 +- ...dTableEmptyStateNoRecordFoundForFilter.tsx | 2 +- .../RecordTableEmptyStateReadOnly.tsx | 2 +- .../RecordTableEmptyStateRemote.tsx | 2 +- .../RecordTableEmptyStateSoftDelete.tsx | 2 +- ...EmptyStateNoGroupNoRecordAtAll.stories.tsx | 2 +- ...ptyStateNoRecordFoundForFilter.stories.tsx | 2 +- .../RecordTableEmptyStateRemote.stories.tsx | 2 +- ...ecordTableEmptyStateSoftDelete.stories.tsx | 2 +- ...cordTableBodyVirtualizedDraggableClone.tsx | 5 +- .../RecordTableCellBaseContainer.tsx | 2 +- .../components/RecordTableCellButtons.tsx | 11 +- .../components/RecordTableCellCheckbox.tsx | 4 +- .../RecordTableCellCheckboxPlaceholder.tsx | 4 +- .../RecordTableCellDisplayContainer.tsx | 2 +- .../components/RecordTableCellDragAndDrop.tsx | 4 +- .../components/RecordTableCellEditButton.tsx | 2 +- .../RecordTableCellFirstRowFirstColumn.tsx | 2 +- .../RecordTableCellFocusedPortalContent.tsx | 2 +- .../RecordTableCellHoveredPortalContent.tsx | 4 +- .../components/RecordTableCellLoading.tsx | 2 +- .../RecordTableCellSkeletonLoader.tsx | 5 +- .../RecordTableCellStyleWrapper.tsx | 2 +- .../RecordTableDragAndDropPlaceholderCell.tsx | 2 +- .../useGetSecondaryRecordTableCellButton.ts | 6 +- .../components/RecordTableAggregateFooter.tsx | 2 +- .../RecordTableAggregateFooterCell.tsx | 5 +- ...eColumnAggregateDropdownSubmenuContent.tsx | 2 +- ...egateFooterAggregateOperationMenuItems.tsx | 4 +- ...dTableColumnAggregateFooterMenuContent.tsx | 4 +- .../RecordTableColumnAggregateFooterValue.tsx | 4 +- ...ordTableColumnAggregateFooterValueCell.tsx | 7 +- .../components/RecordTableColumnHead.tsx | 4 +- .../RecordTableColumnHeadDropdownMenu.tsx | 6 +- .../RecordTableHeaderAddColumnButton.tsx | 7 +- .../RecordTableHeaderCellContainer.tsx | 2 +- .../RecordTableHeaderCheckboxColumn.tsx | 4 +- .../RecordTableHeaderDragDropColumn.tsx | 5 +- .../RecordTableHeaderEmptyLastColumn.tsx | 2 +- ...bleHeaderLabelIdentifierCellPlusButton.tsx | 8 +- .../RecordTableHeaderLastEmptyColumn.tsx | 2 +- .../RecordTableHeaderPlusButtonContent.tsx | 4 +- .../RecordTableHeaderResizeHandler.tsx | 4 +- .../components/RecordTableActionRow.tsx | 9 +- .../components/RecordTableDraggableTr.tsx | 2 +- .../components/RecordTableRowDiv.tsx | 2 +- .../RecordTableRowMultiDragCounterChip.tsx | 2 +- .../RecordTableRecordGroupSection.tsx | 13 +- .../RecordTableRecordGroupSectionAddNew.tsx | 2 +- .../RecordTableRecordGroupSectionLoadMore.tsx | 2 +- ...ecordTableRowVirtualizedDebugRowHelper.tsx | 2 +- .../RecordTitleCellTextFieldDisplay.tsx | 4 +- .../RecordTitleCellUuidFieldDisplay.tsx | 4 +- .../components/RecordTitleDoubleTextInput.tsx | 2 +- .../RecordTitleFullNameFieldDisplay.tsx | 4 +- .../UpdateMultipleRecordsContainer.tsx | 2 +- .../UpdateMultipleRecordsFooter.tsx | 6 +- .../components/UpdateMultipleRecordsForm.tsx | 4 +- .../components/MultipleSelectDropdown.tsx | 7 +- .../select/types/SelectableItem.ts | 5 +- .../useBuildSpreadSheetImportFields.test.tsx | 4 +- .../hooks/useBuildSpreadSheetImportFields.ts | 2 +- .../types/ObjectRecordIdentifier.ts | 2 +- .../OnboardingModalCircularIcon.tsx | 7 +- .../OnboardingSyncEmailsSettingsCard.tsx | 2 +- .../components/PageLayoutGridLayout.tsx | 2 +- .../components/PageLayoutGridOverlay.tsx | 2 +- .../components/PageLayoutGridResizeHandle.tsx | 7 +- .../components/PageLayoutLeftPanel.tsx | 2 +- .../components/PageLayoutTabList.tsx | 6 +- .../PageLayoutTabListDroppableMoreButton.tsx | 2 +- ...PageLayoutTabListNewTabDropdownContent.tsx | 4 +- ...youtTabListReorderableOverflowDropdown.tsx | 2 +- .../PageLayoutTabListReorderableTab.tsx | 4 +- .../PageLayoutTabListVisibleTabs.tsx | 2 +- .../PageLayoutTabMenuItemSelectAvatar.tsx | 11 +- .../components/PageLayoutTabRenderClone.tsx | 6 +- .../components/PageLayoutTabsRenderer.tsx | 2 +- .../PageLayoutVerticalListEditor.tsx | 4 +- .../PageLayoutVerticalListViewer.tsx | 4 +- .../__stories__/PageLayoutTabList.stories.tsx | 4 +- .../constants/PageLayoutBreakpoints.ts | 2 +- .../components/DashboardWidgetPlaceholder.tsx | 2 +- .../PageLayoutWidgetForbiddenDisplay.tsx | 2 +- .../PageLayoutWidgetInvalidConfigDisplay.tsx | 2 +- .../PageLayoutWidgetNoDataDisplay.tsx | 2 +- .../components/RecordPageAddWidgetSection.tsx | 9 +- .../StandaloneWidgetPlaceholder.tsx | 4 +- .../components/WidgetActionFieldSeeAll.tsx | 4 +- .../widgets/components/WidgetCardShell.tsx | 4 +- .../components/WidgetSkeletonLoader.tsx | 2 +- .../DashboardWidgetPlaceholder.stories.tsx | 2 +- .../__stories__/WidgetRenderer.stories.tsx | 5 +- .../components/EmailThreadComposer.tsx | 6 +- .../EmailThreadIntermediaryMessages.tsx | 6 +- .../widgets/field/components/FieldWidget.tsx | 2 +- .../components/FieldWidgetEditAction.tsx | 6 +- .../FieldWidgetInlineCellContainer.tsx | 2 +- .../FieldWidgetJunctionRelationCard.tsx | 2 +- .../FieldWidgetJunctionRelationField.tsx | 2 +- .../FieldWidgetMorphRelationCard.tsx | 2 +- .../FieldWidgetMorphRelationField.tsx | 2 +- .../components/FieldWidgetRelationCard.tsx | 2 +- .../FieldWidgetRelationEditAction.tsx | 4 +- .../components/FieldWidgetRelationField.tsx | 2 +- .../components/FieldWidgetRichTextEditor.tsx | 5 +- .../components/FieldWidgetShowMoreButton.tsx | 4 +- .../components/FieldWidgetTextEditor.tsx | 2 +- .../__stories__/FieldWidget.stories.tsx | 2 +- .../components/FieldsConfigurationEditor.tsx | 4 +- .../FieldsConfigurationFieldEditor.tsx | 4 +- ...ieldsConfigurationGroupDraggableHeader.tsx | 7 +- .../FieldsConfigurationGroupDropdown.tsx | 6 +- .../FieldsConfigurationGroupEditor.tsx | 2 +- .../FieldsConfigurationGroupRenameInput.tsx | 4 +- .../FieldsConfigurationUngroupedEditor.tsx | 4 +- .../fields/components/FieldsWidget.tsx | 4 +- .../components/FieldsWidgetGroupContainer.tsx | 12 +- .../__stories__/FieldsWidget.stories.tsx | 2 +- .../graph/chart-core/layers/AxisLabel.tsx | 2 +- .../graph/chart-core/layers/AxisLayer.tsx | 2 +- .../chart-core/layers/BottomAxisTicks.tsx | 2 +- .../graph/chart-core/layers/LeftAxisTicks.tsx | 2 +- .../graph/chart-core/layers/ZeroLine.tsx | 2 +- .../graph/components/GraphDataLabel.tsx | 2 +- .../components/GraphWidgetFloatingTooltip.tsx | 2 +- .../graph/components/GraphWidgetLegend.tsx | 9 +- .../graph/components/GraphWidgetTooltip.tsx | 7 +- .../widgets/graph/components/NoDataLayer.tsx | 2 +- .../GraphWidgetAggregateChart.stories.tsx | 2 +- .../GraphWidgetBarChart.stories.tsx | 5 +- .../__stories__/GraphWidgetLegend.stories.tsx | 2 +- .../GraphWidgetLineChart.stories.tsx | 5 +- .../GraphWidgetPieChart.stories.tsx | 5 +- .../GraphWidgetTooltip.stories.tsx | 2 +- .../components/GraphWidgetAggregateChart.tsx | 7 +- .../components/BarChart.tsx | 2 +- .../components/BarChartBaseLayerEffect.tsx | 2 +- .../components/BarChartHoverLayerEffect.tsx | 2 +- .../components/GraphWidgetBarChart.tsx | 2 +- .../hooks/useBarChartTheme.ts | 2 +- .../components/CustomCrosshairLayer.tsx | 2 +- .../components/GraphWidgetLineChart.tsx | 2 +- .../hooks/useLineChartTheme.ts | 2 +- .../components/GraphWidgetPieChart.tsx | 5 +- .../components/PieChartCenterMetricLayer.tsx | 5 +- .../widgets/graph/types/GraphColor.ts | 2 +- .../graph/utils/createGraphColorRegistry.ts | 2 +- .../utils/getSelectOptionColorForValue.ts | 2 +- .../widgets/graph/utils/parseGraphColor.ts | 2 +- .../widgets/hooks/useIsInPinnedTab.ts | 2 +- .../iframe/components/IframeWidget.tsx | 2 +- .../components/DashboardColorIcon.tsx | 5 +- .../DashboardColorSelectionMenu.tsx | 7 +- .../components/DashboardEditorSideMenu.tsx | 8 +- .../DashboardFormattingToolbarColorButton.tsx | 2 +- .../components/DashboardsBlockEditor.tsx | 5 +- .../components/StandaloneRichTextWidget.tsx | 2 +- .../utils/getDashboardSlashMenu.ts | 2 +- .../widget-card/components/WidgetCard.tsx | 2 +- .../components/WidgetCardContent.tsx | 2 +- .../components/WidgetCardHeader.tsx | 12 +- .../widget-card/components/WidgetGrip.tsx | 7 +- .../SettingsAccountsBlocklistInput.tsx | 4 +- .../SettingsAccountsBlocklistSection.tsx | 4 +- .../SettingsAccountsBlocklistTable.tsx | 2 +- .../SettingsAccountsBlocklistTableRow.tsx | 7 +- ...SettingsAccountsCalendarChannelDetails.tsx | 6 +- ...ettingsAccountsCalendarChannelsGeneral.tsx | 4 +- ...ettingsAccountsCalendarDisplaySettings.tsx | 2 +- ...AccountsCalendarVisibilitySettingsCard.tsx | 2 +- .../components/SettingsAccountsCardMedia.tsx | 2 +- ...tingsAccountsConnectedAccountsListCard.tsx | 8 +- ...untsConnectedAccountsRowRightContainer.tsx | 4 +- .../SettingsAccountsConnectionForm.tsx | 9 +- ...gsAccountsEditImapSmtpCaldavConnection.tsx | 2 +- .../SettingsAccountsListEmptyStateCard.tsx | 13 +- ...ettingsAccountsMessageAutoCreationIcon.tsx | 2 +- .../SettingsAccountsMessageChannelDetails.tsx | 10 +- .../SettingsAccountsMessageFolderIcon.tsx | 2 +- .../SettingsAccountsNewEmailGroupChannel.tsx | 4 +- .../SettingsAccountsPasswordController.tsx | 4 +- .../SettingsAccountsRadioSettingsCard.tsx | 6 +- .../SettingsAccountsRowDropdownMenu.tsx | 6 +- .../SettingsAccountsSettingsSection.tsx | 12 +- .../SettingsAccountsToggleSettingCard.tsx | 4 +- .../SettingsAccountsVisibilityIcon.tsx | 2 +- .../SettingsConnectedAccountIcon.tsx | 4 +- .../SettingsConnectedAccountsTableHeader.tsx | 2 +- .../components/SettingsNewAccountSection.tsx | 4 +- ...SettingsAccountsBlocklistInput.stories.tsx | 2 +- ...ttingsAccountsBlocklistSection.stories.tsx | 2 +- ...SettingsAccountsBlocklistTable.stories.tsx | 2 +- ...tingsAccountsBlocklistTableRow.stories.tsx | 2 +- ...AccountsCalendarChannelDetails.stories.tsx | 2 +- ...ccountsCalendarChannelsGeneral.stories.tsx | 2 +- ...sAccountsMessageChannelDetails.stories.tsx | 2 +- .../SettingsAccountsMessageFolderIcon.tsx | 4 +- .../SettingsAccountsMessageFoldersCard.tsx | 8 +- .../SettingsMessageFoldersBreadcrumb.tsx | 2 +- .../SettingsMessageFoldersEmptyStateCard.tsx | 9 +- .../SettingsMessageFoldersSkeletonLoader.tsx | 5 +- .../SettingsMessageFoldersTreeItem.tsx | 6 +- .../ai/components/ModelsDevProviderLogo.tsx | 4 +- .../ai/components/SettingsAdminAI.tsx | 13 +- .../SettingsAdminAiProviderListCard.tsx | 2 +- .../ai/constants/ModelIconConfig.ts | 2 +- .../ai/constants/ProviderConfig.ts | 2 +- .../ai/utils/getModelsDevLogoIcon.tsx | 5 +- .../admin-panel/ai/utils/getProviderIcon.ts | 2 +- .../apps/components/SettingsAdminApps.tsx | 19 +- .../SettingsAdminChatThreadMessageList.tsx | 4 +- .../components/SettingsAdminContent.tsx | 2 +- .../components/SettingsAdminGeneral.tsx | 9 +- .../SettingsAdminVersionContainer.tsx | 2 +- .../SettingsAdminVersionDisplay.tsx | 2 +- .../SettingsAdminWorkspaceBillingContent.tsx | 10 +- .../SettingsAdminWorkspaceContent.tsx | 8 +- .../ConfigVariableDatabaseInput.tsx | 6 +- .../ConfigVariableFilterDropdown.tsx | 4 +- .../components/ConfigVariableHelpText.tsx | 2 +- .../ConfigVariableOptionsDropdownContent.tsx | 10 +- .../components/ConfigVariableSearchInput.tsx | 2 +- .../SettingsAdminConfigVariables.tsx | 4 +- .../constants/ConfigVariableSourceOptions.ts | 2 +- .../utils/useSourceContent.ts | 2 +- ...tingsAdminConnectedAccountHealthStatus.tsx | 2 +- ...ngsAdminHealthAccountSyncCountersTable.tsx | 6 +- .../components/SettingsAdminHealthStatus.tsx | 4 +- .../SettingsAdminHealthStatusListCard.tsx | 4 +- ...ettingsAdminHealthStatusRightContainer.tsx | 2 +- .../SettingsAdminJobDetailsExpandable.tsx | 6 +- .../components/SettingsAdminJobStateBadge.tsx | 4 +- ...ingsAdminJsonDataIndicatorHealthStatus.tsx | 6 +- .../SettingsAdminQueueJobRowDropdownMenu.tsx | 10 +- .../SettingsAdminQueueJobsTable.tsx | 6 +- .../SettingsAdminUpgradeStatusListCard.tsx | 2 +- ...ttingsAdminUpgradeStatusRightContainer.tsx | 2 +- .../SettingsAdminWorkerHealthStatus.tsx | 2 +- .../SettingsAdminWorkerMetricsGraph.tsx | 5 +- .../SettingsAdminWorkerMetricsTooltip.tsx | 2 +- ...SettingsAdminWorkerQueueMetricsSection.tsx | 8 +- ...ttingsAdminWorkspacesByHealthAccordion.tsx | 9 +- ...ttingsAdminWorkspacesStatusSummaryCard.tsx | 2 +- .../SettingsAdminMaintenanceMode.tsx | 11 +- .../SettingsAdminSigningKeysTable.tsx | 11 +- .../utils/getUpgradeHealthStatusBadge.ts | 2 +- .../components/SettingsAiModelHoverCard.tsx | 14 +- .../ai/components/SettingsAiModelsTable.tsx | 13 +- .../modules/settings/ai/utils/getModelIcon.ts | 2 +- .../SettingsApplicationAboutSidebar.tsx | 6 +- .../SettingsApplicationScreenshotGallery.tsx | 2 +- .../components/SettingsBillingContent.tsx | 10 +- .../SettingsBillingCreditsSection.tsx | 15 +- .../SettingsBillingSubscriptionInfo.tsx | 8 +- .../components/SubscriptionBenefit.tsx | 7 +- .../components/SubscriptionInfoContainer.tsx | 2 +- .../billing/components/SubscriptionPrice.tsx | 2 +- .../settings/billing/components/TrialCard.tsx | 2 +- .../billing/components/internal/PlansTags.tsx | 4 +- .../internal/ResourceCreditPriceSelector.tsx | 6 +- .../SettingsBillingLabelValueItem.tsx | 8 +- .../internal/SubscriptionInfoRowContainer.tsx | 7 +- .../AdvancedSettingsContentWrapperWithDot.tsx | 7 +- .../components/AdvancedSettingsWrapper.tsx | 2 +- .../SaveAndCancelButtons/CancelButton.tsx | 2 +- .../SaveAndCancelButtons.tsx | 4 +- .../SaveAndCancelButtons/SaveButton.tsx | 7 +- .../modules/settings/components/Separator.tsx | 2 +- .../settings/components/SettingsCard.tsx | 11 +- .../SettingsConnectedAccountsTableRow.tsx | 5 +- .../settings/components/SettingsCounter.tsx | 6 +- .../SettingsCustomizeVideoModal.tsx | 6 +- .../components/SettingsDatabaseEventsForm.tsx | 11 +- .../components/SettingsDatePickerInput.tsx | 4 +- .../components/SettingsDiscoveryHeroCard.tsx | 7 +- .../components/SettingsDnsRecordsTable.tsx | 7 +- .../components/SettingsEmptyPlaceholder.tsx | 2 +- .../SettingsEnterpriseFeatureGateCard.tsx | 6 +- .../components/SettingsItemTypeTag.tsx | 4 +- .../settings/components/SettingsListCard.tsx | 9 +- .../SettingsListItemCardContent.tsx | 12 +- .../components/SettingsListSkeletonCard.tsx | 4 +- .../SettingsMorphRelationMultiSelect.tsx | 6 +- .../SettingsNavigationDrawerItems.tsx | 2 +- .../SettingsCardContentBase.tsx | 2 +- .../SettingsOptionCardContentButton.tsx | 2 +- .../SettingsOptionCardContentCounter.tsx | 2 +- .../SettingsOptionCardContentSelect.tsx | 2 +- .../SettingsOptionCardContentToggle.tsx | 7 +- .../SettingsOptionIconCustomizer.tsx | 4 +- ...ttingsOptionCardContentCounter.stories.tsx | 4 +- ...ettingsOptionCardContentSelect.stories.tsx | 4 +- ...ettingsOptionCardContentToggle.stories.tsx | 9 +- .../components/SettingsPageContainer.tsx | 2 +- .../settings/components/SettingsRadioCard.tsx | 11 +- .../components/SettingsRadioCardContainer.tsx | 4 +- .../SettingsSectionSkeletonLoader.tsx | 5 +- .../components/SettingsSkeletonLoader.tsx | 5 +- .../settings/components/SettingsStatsGrid.tsx | 7 +- .../settings/components/SettingsTableCard.tsx | 9 +- .../components/SettingsTableListSection.tsx | 8 +- .../__stories__/SettingsCard.stories.tsx | 4 +- ...ttingsMorphRelationMultiSelect.stories.tsx | 2 +- .../components/layout/SettingsPageHeader.tsx | 2 +- .../components/layout/SettingsPageLayout.tsx | 2 +- .../layout/SettingsSecondaryBar.tsx | 2 +- .../components/layout/SettingsTabBar.tsx | 2 +- .../layout/SettingsWizardStepBar.tsx | 6 +- .../components/ConfigVariableEdit.tsx | 13 +- .../components/ConfigVariableTable.tsx | 7 +- .../components/SettingsDataModelCardTitle.tsx | 2 +- ...ngsDataModelNewFieldBreadcrumbDropDown.tsx | 11 +- .../SettingsDataModelPreviewFormCard.tsx | 4 +- .../data-model/constants/RelationTypes.ts | 2 +- .../SettingsCompositeFieldTypeConfigs.ts | 2 +- .../constants/SettingsFieldCurrencyCodes.ts | 2 +- .../SettingsNonCompositeFieldTypeConfigs.ts | 2 +- .../fields/components/StyledFormCardTitle.tsx | 2 +- .../components/MultiSelectAddressFields.tsx | 9 +- .../SettingsDataModelFieldAddressForm.tsx | 4 +- .../SettingsDataModelFieldBooleanForm.tsx | 2 +- .../BooleanDataModelSelectOptions.ts | 2 +- .../SettingsDataModelFieldIconLabelForm.tsx | 9 +- .../SettingsDataModelFieldIsUniqueForm.tsx | 2 +- .../SettingsDataModelFieldMaxValuesForm.tsx | 2 +- ...ettingsDataModelFieldOnClickActionForm.tsx | 2 +- .../SettingsObjectNewFieldSelector.tsx | 9 +- ...sDataModelFieldDescriptionForm.stories.tsx | 2 +- ...ngsDataModelFieldIconLabelForm.stories.tsx | 2 +- ...DataModelFieldSettingsFormCard.stories.tsx | 2 +- .../text/SettingsDataModelFieldTextForm.tsx | 2 +- .../SettingsDataModelFieldCurrencyForm.tsx | 2 +- .../SettingsDataModelFieldDateForm.tsx | 6 +- .../SettingsDataModelFieldRelationForm.tsx | 2 +- ...ingsDataModelFieldRelationJunctionForm.tsx | 2 +- .../SettingsDataModelFieldNumberForm.tsx | 2 +- .../constants/NumberDataModelSelectOptions.ts | 2 +- .../SettingsDataModelFieldPhonesForm.tsx | 2 +- .../components/AddSelectOptionMenuItem.tsx | 4 +- .../SettingsDataModelFieldSelectForm.tsx | 13 +- ...tingsDataModelFieldSelectFormOptionRow.tsx | 13 +- .../select/utils/generateNewSelectOption.ts | 4 +- .../SettingsDataModelFieldPreview.tsx | 7 +- .../SettingsDataModelFieldPreviewWidget.tsx | 4 +- .../SettingsDataModelRelationFieldPreview.tsx | 7 +- ...DataModelRelationFieldPreviewSubWidget.tsx | 4 +- ...ngsDataModelFieldPreviewWidget.stories.tsx | 2 +- .../components/SettingsDataModelOverview.tsx | 6 +- .../SettingsDataModelOverviewEffect.tsx | 2 +- .../SettingsDataModelOverviewField.tsx | 5 +- ...sDataModelOverviewFieldWithoutRelation.tsx | 7 +- .../SettingsDataModelOverviewObject.tsx | 7 +- ...ttingsDataModelOverviewRelationMarkers.tsx | 2 +- .../SettingsObjectIndexFieldsForm.tsx | 6 +- .../SettingsObjectIndexOptionsForm.tsx | 2 +- .../utils/buildIndexableSelectOptions.ts | 4 +- ...ngsAvailableStandardObjectItemTableRow.tsx | 7 +- ...ettingsAvailableStandardObjectsSection.tsx | 4 +- .../SettingsObjectFieldDataType.tsx | 10 +- ...tingsObjectFieldDisabledActionDropdown.tsx | 6 +- .../SettingsObjectFieldItemTableRow.tsx | 11 +- .../components/SettingsObjectItemTableRow.tsx | 5 +- ...ingsObjectItemTableRowStyledComponents.tsx | 5 +- .../SettingsObjectRelationItemTableRow.tsx | 9 +- .../SettingsObjectRelationsTable.tsx | 8 +- ...SettingsUpdateDataModelObjectAboutForm.tsx | 2 +- .../components/tabs/ObjectFields.tsx | 10 +- .../components/tabs/ObjectLayout.tsx | 15 +- .../components/tabs/ObjectSettings.tsx | 8 +- .../tabs/SettingsObjectIndexesSection.tsx | 11 +- .../tabs/SettingsObjectSearchSection.tsx | 9 +- .../SettingsDataModelObjectSummary.tsx | 10 +- .../SettingsObjectInactiveMenuDropDown.tsx | 10 +- ...ingsObjectInactiveMenuDropDown.stories.tsx | 2 +- .../SettingsDataModelObjectAboutForm.tsx | 11 +- ...SettingsDataModelObjectIdentifiersForm.tsx | 10 +- ...ettingsDataModelObjectSettingsFormCard.tsx | 4 +- ...ttingsDataModelObjectAboutForm.stories.tsx | 2 +- .../settingsDataModelObjectAboutFormSchema.ts | 2 +- .../developers/components/ApiKeyInput.tsx | 6 +- .../developers/components/ApiKeyNameInput.tsx | 2 +- .../SettingsApiKeysFieldItemTableRow.tsx | 4 +- .../components/SettingsApiKeysTable.tsx | 2 +- .../SettingsDevelopersRoleSelector.tsx | 2 +- .../SettingsDevelopersWebhookForm.tsx | 6 +- .../SettingsDevelopersWebhookTableRow.tsx | 7 +- .../components/SettingsWebhooksTable.tsx | 2 +- .../components/WebhookEntitySelect.tsx | 11 +- .../__stories__/ApiKeyInput.stories.tsx | 2 +- ...ttingsApiKeysFieldItemTableRow.stories.tsx | 5 +- .../SettingsDevelopersWebhookForm.stories.tsx | 5 +- .../components/SettingPublicDomain.tsx | 12 +- .../SettingPublicDomainRowDropdownMenu.tsx | 6 +- .../components/SettingsCustomDomain.tsx | 8 +- .../components/SettingsDomainRecords.tsx | 6 +- .../SettingsPublicDomainsListCard.tsx | 2 +- .../domains/components/SettingsSubdomain.tsx | 4 +- .../SettingsWorkspaceDomainCard.tsx | 6 +- .../SettingsEmailingDomainNameCell.tsx | 7 +- .../SettingsEmailingDomainStatusCell.tsx | 2 +- ...tingsEmailingDomainVerificationRecords.tsx | 6 +- .../components/EnterprisePlanModal.tsx | 8 +- .../event-logs/components/EventLogFilters.tsx | 6 +- .../components/EventLogJsonCell.tsx | 7 +- .../components/EventLogResultsTable.tsx | 5 +- .../event-logs/components/SettingsLogs.tsx | 8 +- .../DateTimeSettingsTimeZoneSelect.tsx | 2 +- .../components/FormatPreferencesSettings.tsx | 2 +- .../AvailableTimezoneOptionsByLabel.ts | 2 +- .../hooks/useSettingsNavigationItems.tsx | 2 +- .../lab/components/SettingsLabContent.tsx | 4 +- .../components/SettingsLayoutItemsStats.tsx | 2 +- .../SettingsLogicFunctionCodeEditor.tsx | 2 +- .../SettingsLogicFunctionLabelContainer.tsx | 2 +- .../SettingsLogicFunctionNewForm.tsx | 6 +- .../SettingsLogicFunctionCodeEditorTab.tsx | 6 +- ...FunctionTabEnvironmentVariableTableRow.tsx | 6 +- .../tabs/SettingsLogicFunctionTestTab.tsx | 12 +- .../tabs/SettingsLogicFunctionTriggersTab.tsx | 4 +- ...ettingsLogicFunctionCronTriggerSection.tsx | 2 +- ...ettingsLogicFunctionHttpTriggerSection.tsx | 7 +- ...tingsLogicFunctionTriggerPayloadFormat.tsx | 4 +- .../SettingsLogicFunctionTriggerSection.tsx | 9 +- .../members/components/MemberInfosTab.tsx | 8 +- .../components/MemberPermissionsTab.tsx | 8 +- .../components/GraphQLPlayground.tsx | 5 +- .../components/PlaygroundSetupForm.tsx | 6 +- .../playground/components/RestPlayground.tsx | 5 +- .../components/SettingsMcpSetup.tsx | 6 +- .../__stories__/GraphQLPlayground.stories.tsx | 2 +- .../PlaygroundSetupForm.stories.tsx | 5 +- .../__stories__/RestPlayground.stories.tsx | 2 +- ...ttingsPlaygroundFormSchemaSelectOptions.ts | 5 +- .../profile/components/DeleteAccount.tsx | 6 +- .../profile/components/DeleteWorkspace.tsx | 4 +- .../profile/components/EmailField.tsx | 6 +- .../profile/components/NameFields.tsx | 2 +- .../components/SetOrChangePassword.tsx | 4 +- .../components/SettingsRolesDefaultRole.tsx | 4 +- .../roles/components/SettingsRolesList.tsx | 10 +- .../components/SettingsRolesTableRow.tsx | 7 +- .../components/RoleAssignmentSection.tsx | 12 +- ...oleAssignmentConfirmationModalSubtitle.tsx | 4 +- ...ingsRoleAssignmentEntityPickerDropdown.tsx | 2 +- .../SettingsRoleAssignmentTable.tsx | 4 +- .../SettingsRoleAssignmentTableRow.tsx | 7 +- ...ntWorkspaceMemberPickerDropdownContent.tsx | 2 +- .../SettingsRoleAssignment.stories.tsx | 5 +- .../components/SettingsRolePermissions.tsx | 2 +- .../SettingsRolePermissions.stories.tsx | 5 +- ...RolePermissionsObjectLevelObjectPicker.tsx | 9 +- ...RolePermissionsObjectLevelOverrideCell.tsx | 2 +- ...ssionsObjectLevelOverrideCellContainer.tsx | 2 +- ...tingsRolePermissionsObjectLevelSection.tsx | 8 +- ...ingsRolePermissionsObjectLevelTableRow.tsx | 7 +- ...ionsObjectLevelTableRowOptionsDropdown.tsx | 10 +- ...sObjectLevelObjectFieldPermissionTable.tsx | 6 +- ...ObjectFieldPermissionTableAllHeaderRow.tsx | 4 +- ...jectLevelObjectFieldPermissionTableRow.tsx | 7 +- .../components/OverridableCheckbox.tsx | 11 +- ...gsRolePermissionsObjectLevelObjectForm.tsx | 2 +- ...ssionsObjectLevelObjectFormObjectLevel.tsx | 6 +- ...jectLevelObjectFormObjectLevelTableRow.tsx | 2 +- ...LevelPermissionFieldSelectSubFieldMenu.tsx | 4 +- ...ordLevelPermissionFilterBuilderContent.tsx | 6 +- ...ectLevelRecordLevelPermissionFilterRow.tsx | 2 +- ...cordLevelPermissionLogicalOperatorCell.tsx | 2 +- ...evelRecordLevelPermissionMeValueSelect.tsx | 6 +- ...ctLevelRecordLevelPermissionValueInput.tsx | 11 +- ...velRecordLevelPermissionVariablePicker.tsx | 7 +- ...rmissionsObjectLevelRecordLevelSection.tsx | 8 +- .../components/PermissionIcon.tsx | 5 +- .../SettingsRolePermissionsObjectsSection.tsx | 6 +- ...tingsRolePermissionsObjectsTableHeader.tsx | 4 +- ...SettingsRolePermissionsObjectsTableRow.tsx | 4 +- .../SettingsRoleObjectPermissionIconConfig.ts | 2 +- ...SettingsRolePermissionsSettingsSection.tsx | 10 +- ...ingsRolePermissionsSettingsTableHeader.tsx | 4 +- ...ettingsRolePermissionsSettingsTableRow.tsx | 7 +- .../SettingsRolePermissionsToolSection.tsx | 10 +- .../useActionRolePermissionFlagConfig.ts | 2 +- .../useSettingsRolePermissionFlagConfig.ts | 2 +- ...ettingsRolePermissionsSettingPermission.ts | 2 +- .../components/SettingsRoleApplicability.tsx | 16 +- .../components/SettingsRoleSettings.tsx | 8 +- .../stories/SettingsRoleSettings.stories.tsx | 5 +- .../roles/role/components/SettingsRole.tsx | 6 +- .../components/SettingsRoleLabelContainer.tsx | 2 +- .../SettingsSSOIdentitiesProvidersForm.tsx | 10 +- ...SettingsSSOIdentitiesProvidersListCard.tsx | 2 +- ...gsSSOIdentityProviderRowRightContainer.tsx | 4 +- .../components/SSO/SettingsSSOOIDCForm.tsx | 8 +- .../components/SSO/SettingsSSOSAMLForm.tsx | 11 +- .../SettingsSecuritySSORowDropdownMenu.tsx | 10 +- .../SettingsSecurityAuthBypassOptionsList.tsx | 10 +- ...ttingsSecurityAuthProvidersOptionsList.tsx | 6 +- .../SettingsSecurityEditableProfileFields.tsx | 8 +- .../components/SettingsSecuritySettings.tsx | 8 +- .../security/components/Toggle2FA.tsx | 2 +- .../SettingsApprovedAccessDomainsListCard.tsx | 2 +- ...ityApprovedAccessDomainRowDropdownMenu.tsx | 6 +- .../getColorBySSOIdentityProviderStatus.ts | 2 +- .../guessSSOIdentityProviderIconByUrl.ts | 2 +- .../DeleteTwoFactorAuthenticationMethod.tsx | 4 +- ...ctorAuthenticationVerificationCodeDash.tsx | 2 +- ...ctorAuthenticationVerificationCodeSlot.tsx | 2 +- ...rAuthenticationVerificationForSettings.tsx | 2 +- .../SettingsUsageAnalyticsSection.tsx | 6 +- .../components/UsageBreakdownPieSection.tsx | 6 +- .../components/UsageByUserTableSection.tsx | 15 +- .../components/UsageDailyChartSection.tsx | 4 +- .../usage/components/UsagePieChart.tsx | 5 +- .../usage/components/UsageSectionSkeleton.tsx | 4 +- .../workspace/components/NameField.tsx | 2 +- ...tingsWorkspaceEmailGroupForwardingCell.tsx | 2 +- .../SettingsWorkspaceEmailGroupSourceCell.tsx | 7 +- .../components/ToggleImpersonate.tsx | 4 +- .../components/SidePanelAskAiInfo.tsx | 4 +- .../components/SidePanelBackButton.tsx | 8 +- .../components/SidePanelContainer.tsx | 2 +- .../components/SidePanelContextChip.tsx | 4 +- .../SidePanelContextChipIconWrapper.tsx | 2 +- .../SidePanelContextRecordChipAvatars.tsx | 7 +- .../components/SidePanelFolderInfo.tsx | 2 +- .../components/SidePanelForDesktop.tsx | 2 +- .../side-panel/components/SidePanelGroup.tsx | 4 +- .../SidePanelGroupFormContainer.tsx | 2 +- .../SidePanelItemWithAddToNavigationDrag.tsx | 2 +- .../components/SidePanelLinkInfo.tsx | 2 +- .../side-panel/components/SidePanelList.tsx | 5 +- .../SidePanelMultipleRecordsInfo.tsx | 4 +- .../SidePanelObjectFilterDropdown.tsx | 4 +- .../SidePanelObjectFilterDropdownContent.tsx | 7 +- .../SidePanelObjectViewRecordInfo.tsx | 2 +- .../components/SidePanelPageInfo.tsx | 7 +- .../components/SidePanelPageInfoLayout.tsx | 2 +- .../SidePanelPageLayoutInfoContent.tsx | 4 +- .../components/SidePanelRecordInfo.tsx | 4 +- .../side-panel/components/SidePanelRouter.tsx | 2 +- .../components/SidePanelSubViewWithSearch.tsx | 2 +- .../components/SidePanelToggleButton.tsx | 18 +- .../side-panel/components/SidePanelTopBar.tsx | 11 +- .../SidePanelTopBarRightCornerIcon.tsx | 8 +- .../components/SidePanelWorkflowStepInfo.tsx | 4 +- .../hooks/usePageLayoutHeaderInfo.ts | 4 +- .../constants/SidePanelAnimationVariants.ts | 2 +- .../__tests__/useNavigateSidePanel.test.tsx | 2 +- .../useOpenAskAiPageInSidePanel.test.tsx | 2 +- .../useOpenCalendarEventInSidePanel.test.tsx | 2 +- .../useOpenRecordInSidePanel.test.tsx | 2 +- ...anelCloseAnimationCompleteCleanup.test.tsx | 2 +- .../__tests__/useSidePanelHistory.test.tsx | 2 +- .../useUpdateSidePanelPageInfo.test.tsx | 2 +- .../side-panel/hooks/useNavigateSidePanel.ts | 2 +- .../hooks/useOpenAskAiPageInSidePanel.ts | 2 +- .../hooks/useOpenCalendarEventInSidePanel.ts | 2 +- .../hooks/useOpenComposeEmailInSidePanel.ts | 2 +- .../hooks/useOpenFrontComponentInSidePanel.ts | 2 +- .../useOpenMergeRecordsPageInSidePanel.tsx | 2 +- .../hooks/useOpenRecordInSidePanel.ts | 2 +- .../useOpenRecordsSearchPageInSidePanel.ts | 2 +- .../hooks/useOpenRichTextInSidePanel.ts | 2 +- ...enUpdateMultipleRecordsPageInSidePanel.tsx | 2 +- .../hooks/useSidePanelContextChips.tsx | 5 +- .../side-panel/hooks/useSidePanelMenu.ts | 5 +- .../hooks/useUpdateSidePanelPageInfo.ts | 5 +- .../SidePanelSubPageNavigationHeader.tsx | 6 +- .../components/SidePanelComposeEmailPage.tsx | 6 +- .../components/CanvasTabSettingsContent.tsx | 2 +- .../components/ChartFiltersSettings.tsx | 2 +- .../components/ChartLimitInfoBanner.tsx | 2 +- .../components/ChartTypeSelectionSection.tsx | 4 +- .../NewFieldDefaultVisibilityToggle.tsx | 2 +- .../components/RegularTabSettingsContent.tsx | 2 +- ...dePanelFieldRelationTableFieldsSubPage.tsx | 2 +- .../SidePanelFieldsLayoutSubPage.tsx | 2 +- ...nelPageLayoutDashboardWidgetTypeSelect.tsx | 2 +- ...elPageLayoutRecordPageWidgetTypeSelect.tsx | 2 +- .../components/WidgetSettingsFooter.tsx | 4 +- .../WidgetSettingsManageSection.tsx | 2 +- .../WidgetSettingsPlacementSection.tsx | 2 +- .../SidePanelDashboardRecordTableSettings.tsx | 2 +- ...nvasTabWidgetVisibilityDropdownContent.tsx | 2 +- ...rtAggregateOperationSelectableListItem.tsx | 2 +- ...egateOperationSelectionDropdownContent.tsx | 2 +- .../ChartAxisNameSelectionDropdownContent.tsx | 2 +- .../ChartColorGradientOption.tsx | 11 +- .../ChartColorPaletteOption.tsx | 13 +- .../ChartColorSelectionDropdownContent.tsx | 2 +- .../ChartDataSourceDropdownContent.tsx | 4 +- ...ateGranularitySelectionDropdownContent.tsx | 2 +- ...onForAggregateOperationDropdownContent.tsx | 4 +- ...roupByFieldSelectionCompositeFieldView.tsx | 4 +- ...oupByFieldSelectionDropdownContentBase.tsx | 4 +- ...GroupByFieldSelectionRelationFieldView.tsx | 4 +- .../ChartManualSortSubMenuContent.tsx | 6 +- ...ioAggregateOperationSelectableListItem.tsx | 2 +- ...rtRatioOptionBooleanSelectableListItem.tsx | 4 +- ...artRatioOptionSelectSelectableListItem.tsx | 4 +- ...tioOptionValueSelectionDropdownContent.tsx | 4 +- ...ChartSortByGroupByFieldDropdownContent.tsx | 2 +- .../ChartSortBySelectionDropdownContent.tsx | 2 +- .../FieldWidgetFieldDropdownContent.tsx | 4 +- .../FieldWidgetLayoutDropdownContent.tsx | 4 +- .../MoveToTabDropdownContent.tsx | 2 +- .../WidgetVisibilityDropdownContent.tsx | 2 +- .../SidePanelRecordPageFieldSettings.tsx | 2 +- .../SidePanelRecordPageFieldsSettings.tsx | 5 +- .../RecordTableDataSourceDropdownContent.tsx | 2 +- ...TableFieldsDropdownHiddenFieldsContent.tsx | 8 +- ...ableFieldsDropdownVisibleFieldsContent.tsx | 7 +- .../RecordTableSettingsFieldVisibility.tsx | 6 +- .../RecordTableSettingsFilters.tsx | 2 +- .../RecordTableSettingsSorts.tsx | 6 +- .../RecordTableSettingsSortsContent.tsx | 6 +- .../constants/AggregateSortByOptions.ts | 2 +- .../constants/GraphTypeInformation.ts | 2 +- .../page-layout/constants/XSortByOptions.ts | 2 +- .../constants/settings/AxisNameSetting.ts | 2 +- .../constants/settings/CenterMetricSetting.ts | 2 +- .../settings/ChartDataSourceSetting.ts | 2 +- .../constants/settings/ColorsSetting.ts | 2 +- .../constants/settings/CumulativeSetting.ts | 2 +- .../settings/DataDisplayAggregateSetting.ts | 2 +- .../settings/DataDisplayPieChartSetting.ts | 2 +- .../constants/settings/DataDisplayXSetting.ts | 2 +- .../constants/settings/DataDisplayYSetting.ts | 2 +- .../constants/settings/DataLabelsSetting.ts | 2 +- .../settings/DateGranularitySetting.ts | 2 +- .../settings/DateGranularityXSetting.ts | 2 +- .../settings/DateGranularityYSetting.ts | 2 +- .../settings/EachSliceRepresentsSetting.ts | 2 +- .../constants/settings/FilterSetting.ts | 2 +- .../constants/settings/GroupBySetting.ts | 2 +- .../settings/HideEmptyCategorySetting.ts | 2 +- .../settings/OmitNullValuesSetting.ts | 2 +- .../constants/settings/PrefixSetting.ts | 2 +- .../settings/PrimarySortBySetting.ts | 2 +- .../constants/settings/RangeMaxSetting.ts | 2 +- .../constants/settings/RangeMinSetting.ts | 2 +- .../constants/settings/ShowLegendSetting.ts | 2 +- .../settings/SortByGroupByFieldSetting.ts | 2 +- .../settings/SplitMultiValueFieldsXSetting.ts | 2 +- .../settings/SplitMultiValueFieldsYSetting.ts | 2 +- .../constants/settings/StackedBarsSetting.ts | 2 +- .../constants/settings/StackedLineSettings.ts | 2 +- .../constants/settings/SuffixSetting.ts | 2 +- .../hooks/useNavigatePageLayoutSidePanel.ts | 2 +- .../page-layout/types/ChartSettingsGroup.ts | 2 +- .../__tests__/getBarChartSettings.test.ts | 2 +- .../__tests__/getSortIconForFieldType.test.ts | 2 +- .../__tests__/shouldHideChartSetting.test.ts | 2 +- .../utils/filterSortOptionsByFieldType.ts | 2 +- .../page-layout/utils/getBarChartSettings.ts | 2 +- .../page-layout/utils/getPageLayoutIcon.ts | 2 +- .../utils/getSortIconForFieldType.ts | 2 +- .../components/SidePanelEditRichTextPage.tsx | 5 +- .../components/SidePanelSearchRecordsPage.tsx | 2 +- .../components/WorkflowActionMenuItems.tsx | 4 +- .../hooks/useSidePanelWorkflowNavigation.ts | 2 +- .../SidePanelWorkflowCreateStepContent.tsx | 2 +- .../SidePanelWorkflowEditStepTypeContent.tsx | 2 +- .../SidePanelWorkflowRunViewStepContent.tsx | 4 +- ...ePanelWorkflowSelectTriggerTypeContent.tsx | 6 +- .../states/sidePanelNavigationStackState.ts | 2 +- .../states/sidePanelPageInfoState.ts | 2 +- .../BackgroundMockNavigationDrawer.tsx | 7 +- .../components/BackgroundMockPage.tsx | 4 +- .../components/BackgroundMockTable.tsx | 9 +- .../components/BackgroundMockTableRow.tsx | 16 +- .../components/BackgroundMockViewBar.tsx | 7 +- .../BackgroundMockNavigationItems.ts | 4 +- .../constants/BackgroundMockOtherItems.ts | 2 +- .../spreadsheet-import/components/Heading.tsx | 2 +- ...ColumnSelectFieldSelectDropdownContent.tsx | 6 +- ...umnSelectSubFieldSelectDropdownContent.tsx | 7 +- .../components/MatchColumnToFieldSelect.tsx | 8 +- .../SpreadSheetImportModalCloseButton.tsx | 4 +- .../SpreadSheetImportModalWrapper.tsx | 2 +- .../components/SpreadsheetImportTable.tsx | 5 +- .../components/StepNavigationButton.tsx | 8 +- .../components/SpreadsheetImportProvider.tsx | 2 +- .../steps/components/ImportDataStep.tsx | 6 +- .../MatchColumnsStep/MatchColumnsStep.tsx | 4 +- .../components/ColumnGrid.tsx | 2 +- .../SubMatchingSelectControlContainer.tsx | 2 +- .../SubMatchingSelectDropdownButton.tsx | 11 +- .../components/SubMatchingSelectInput.tsx | 6 +- .../components/SubMatchingSelectRow.tsx | 2 +- .../SubMatchingSelectRowLeftSelect.tsx | 2 +- .../SubMatchingSelectRowRightDropdown.tsx | 2 +- .../components/TemplateColumn.tsx | 4 +- .../components/UnmatchColumn.tsx | 4 +- .../components/UnmatchColumnBanner.tsx | 11 +- .../components/UserTableColumn.tsx | 2 +- .../SelectHeaderStep/SelectHeaderStep.tsx | 4 +- .../components/SelectColumn.tsx | 2 +- .../SelectSheetStep/SelectSheetStep.tsx | 6 +- .../components/SpreadsheetImportStepper.tsx | 6 +- .../SpreadsheetImportStepperContainer.tsx | 4 +- .../components/UploadStep/UploadStep.tsx | 2 +- .../UploadStep/components/DropZone.tsx | 4 +- .../ValidationStep/ValidationStep.tsx | 9 +- .../ValidationStep/components/columns.tsx | 7 +- .../types/SpreadsheetImportField.ts | 2 +- .../types/SpreadsheetImportFieldOption.ts | 2 +- .../types/SpreadsheetImportFieldType.ts | 2 +- .../display/components/LinkifiedTextBody.tsx | 4 +- .../dialog-manager/components/Dialog.tsx | 4 +- .../snack-bar-manager/components/SnackBar.tsx | 13 +- .../components/SnackBarProvider.tsx | 5 +- .../__stories__/SnackBar.stories.tsx | 2 +- .../field/display/components/ActorDisplay.tsx | 8 +- .../field/display/components/ArrayDisplay.tsx | 2 +- .../display/components/BooleanDisplay.tsx | 2 +- .../display/components/CurrencyDisplay.tsx | 8 +- .../display/components/DateTimeDisplay.tsx | 2 +- .../field/display/components/EmailDisplay.tsx | 2 +- .../display/components/EmailsDisplay.tsx | 2 +- .../ui/field/display/components/FileChip.tsx | 2 +- .../components/GlobalFilePreviewModal.tsx | 6 +- .../field/display/components/LinkDisplay.tsx | 6 +- .../field/display/components/LinksDisplay.tsx | 6 +- .../display/components/MultiSelectDisplay.tsx | 4 +- .../field/display/components/PhoneDisplay.tsx | 2 +- .../display/components/PhonesDisplay.tsx | 2 +- .../display/components/SelectDisplay.tsx | 6 +- .../field/display/components/TextDisplay.tsx | 2 +- .../field/display/components/URLDisplay.tsx | 6 +- .../display/components/UploadFileChip.tsx | 9 +- .../__stories__/ActorDisplay.stories.tsx | 2 +- .../__stories__/LinksDisplay.stories.tsx | 2 +- .../perf/EllipsisDisplay.perf.stories.tsx | 2 +- .../field/input/components/AddressInput.tsx | 2 +- .../field/input/components/BooleanInput.tsx | 2 +- .../field/input/components/CurrencyInput.tsx | 7 +- .../ui/field/input/components/DateInput.tsx | 2 +- .../field/input/components/DateTimeInput.tsx | 2 +- .../input/components/DoubleTextInput.tsx | 2 +- .../input/components/MultiSelectInput.tsx | 7 +- .../ui/field/input/components/RatingInput.tsx | 7 +- .../ui/field/input/components/SelectInput.tsx | 2 +- .../field/input/components/TextAreaInput.tsx | 2 +- .../ui/field/input/components/TextInput.tsx | 2 +- .../__stories__/MultiSelectInput.stories.tsx | 6 +- .../ui/input/components/IconPicker.tsx | 11 +- .../ui/input/components/ImageInput.tsx | 14 +- .../ui/input/components/InputErrorHelper.tsx | 2 +- .../modules/ui/input/components/InputHint.tsx | 2 +- .../ui/input/components/InputLabel.tsx | 2 +- .../input/components/MultiSelectControl.tsx | 9 +- .../modules/ui/input/components/Select.tsx | 8 +- .../ui/input/components/SelectControl.tsx | 9 +- .../ui/input/components/SelectInput.tsx | 6 +- .../modules/ui/input/components/TextArea.tsx | 2 +- .../modules/ui/input/components/TextInput.tsx | 13 +- .../input/components/ThemeColorPickerMenu.tsx | 4 +- .../ui/input/components/TitleInput.tsx | 4 +- .../__stories__/IconPicker.stories.tsx | 2 +- .../__stories__/ImageInput.stories.tsx | 2 +- .../components/__stories__/Select.stories.tsx | 4 +- .../__stories__/TextArea.stories.tsx | 2 +- .../__stories__/TextInput.stories.tsx | 2 +- .../__stories__/TitleInput.stories.tsx | 2 +- .../country/components/CountrySelect.tsx | 7 +- .../CurrencyPickerDropdownButton.tsx | 7 +- .../CurrencyPickerDropdownSelect.tsx | 5 +- .../components/internal/date/DaySelect.tsx | 2 +- .../internal/date/components/DatePicker.tsx | 9 +- .../date/components/DatePickerHeader.tsx | 9 +- .../date/components/DatePickerInput.tsx | 2 +- .../components/DatePickerWithoutCalendar.tsx | 5 +- .../date/components/DateTimePicker.tsx | 9 +- .../date/components/DateTimePickerHeader.tsx | 6 +- .../date/components/DateTimePickerInput.tsx | 2 +- .../components/RelativeDatePickerHeader.tsx | 2 +- .../date/components/TimeZoneAbbreviation.tsx | 2 +- .../InternalDatePicker.stories.tsx | 2 +- .../PhoneCountryPickerDropdownButton.tsx | 7 +- .../PhoneCountryPickerDropdownSelect.tsx | 7 +- .../hooks/__tests__/useIconPicker.test.tsx | 2 +- .../components/CreateNewButton.tsx | 4 +- .../skeletons/DropdownMenuSkeletonItem.tsx | 5 +- .../ui/input/states/iconPickerState.ts | 2 +- .../components/DraggableItem.tsx | 2 +- .../__stories__/DraggableItem.stories.tsx | 6 +- .../__stories__/DraggableList.stories.tsx | 6 +- .../layout/dropdown/components/Dropdown.tsx | 2 +- .../DropdownMenuHeader/DropdownMenuHeader.tsx | 2 +- .../DropdownMenuHeaderLeftComponent.tsx | 9 +- .../components/DropdownMenuInnerSelect.tsx | 11 +- .../dropdown/components/DropdownMenuInput.tsx | 2 +- .../components/DropdownMenuItemsContainer.tsx | 2 +- .../components/DropdownMenuSearchInput.tsx | 2 +- .../components/DropdownMenuSectionLabel.tsx | 2 +- .../components/DropdownMenuSeparator.tsx | 2 +- .../components/OptionsDropdownMenu.tsx | 4 +- .../StyledDropdownButtonContainer.tsx | 2 +- .../StyledDropdownMenuSubheader.tsx | 4 +- .../components/StyledHeaderDropdownButton.tsx | 2 +- .../__stories__/Dropdown.stories.tsx | 8 +- .../DropdownMenuHeader.stories.tsx | 9 +- .../__stories__/DropdownMenuInput.stories.tsx | 2 +- .../components/ExpandableList.tsx | 8 +- .../components/ExpandedFieldDisplay.tsx | 2 +- .../components/ExpandedListDropdown.tsx | 2 +- .../__stories__/ExpandableList.stories.tsx | 6 +- .../components/FullScreenContainer.tsx | 4 +- .../fullscreen/components/FullScreenModal.tsx | 2 +- .../FullScreenContainer.stories.tsx | 2 +- .../layout/hero/components/HeroPlayButton.tsx | 7 +- .../modal/components/ConfirmationModal.tsx | 8 +- .../modal/components/ModalStatefulWrapper.tsx | 2 +- .../__stories__/ConfirmationModal.stories.tsx | 2 +- .../components/__stories__/Modal.stories.tsx | 8 +- .../modal/types/ModalStatefulWrapperProps.ts | 2 +- .../overlay/components/OverlayContainer.tsx | 2 +- .../ui/layout/page/components/BlankLayout.tsx | 2 +- .../layout/page/components/DefaultLayout.tsx | 2 +- .../ui/layout/page/components/PageBody.tsx | 5 +- .../ui/layout/page/components/PageHeader.tsx | 6 +- .../ui/layout/page/components/PagePanel.tsx | 2 +- .../page/components/ShowPageContainer.tsx | 2 +- .../components/ResizablePanelEdge.tsx | 2 +- .../components/FieldRichTextCard.tsx | 5 +- .../components/ShowPageSummaryCard.tsx | 7 +- .../side-panel/components/SidePanelFooter.tsx | 2 +- .../types/SidePanelFooterCommandMenuItem.ts | 2 +- .../layout/tab-list/components/TabAvatar.tsx | 4 +- .../ui/layout/tab-list/components/TabList.tsx | 4 +- .../tab-list/components/TabListDropdown.tsx | 2 +- .../components/TabListHiddenMeasurements.tsx | 4 +- .../tab-list/components/TabMoreButton.tsx | 4 +- .../__stories__/Tablist.stories.tsx | 6 +- .../tab-list/constants/TabListHeight.ts | 2 +- .../layout/tab-list/types/SingleTabProps.ts | 2 +- .../table/components/SortableTableHeader.tsx | 2 +- .../ui/layout/table/components/TableBody.tsx | 2 +- .../ui/layout/table/components/TableCell.tsx | 2 +- .../layout/table/components/TableHeader.tsx | 2 +- .../table/components/TableHeaderText.tsx | 2 +- .../ui/layout/table/components/TableRow.tsx | 5 +- .../layout/table/components/TableSection.tsx | 11 +- .../layout/table/components/TableSubRow.tsx | 2 +- .../components/__stories__/Table.stories.tsx | 2 +- .../layout/table/types/TableFieldMetadata.ts | 2 +- .../ui/layout/top-bar/components/TopBar.tsx | 2 +- .../bread-crumb/components/Breadcrumb.tsx | 2 +- .../components/MobileBreadcrumb.tsx | 7 +- .../__stories__/Breadcrumb.stories.tsx | 2 +- .../components/MenuItemWithOptionDropdown.tsx | 11 +- .../__stories__/NavigationBar.stories.tsx | 6 +- .../CollapsibleNavigationDrawerSection.tsx | 2 +- ...ltiWorkspaceDropdownClickableComponent.tsx | 4 +- ...ultiWorkspaceDropdownDefaultComponents.tsx | 8 +- ...MultiWorkspaceDropdownThemesComponents.tsx | 4 +- ...kspaceDropdownWorkspacesListComponents.tsx | 2 +- .../MultiWorkspacesDropdownStyles.tsx | 4 +- .../components/AvailableWorkspaceItem.tsx | 7 +- .../components/NavigationDrawer.tsx | 5 +- ...avigationDrawerAnimatedCollapseWrapper.tsx | 2 +- .../components/NavigationDrawerBackButton.tsx | 9 +- .../NavigationDrawerCollapseButton.tsx | 6 +- .../NavigationDrawerFixedContent.tsx | 4 +- .../components/NavigationDrawerHeader.tsx | 9 +- .../components/NavigationDrawerInput.tsx | 5 +- .../components/NavigationDrawerItem.tsx | 8 +- .../NavigationDrawerItemBreadcrumb.tsx | 5 +- ...igationDrawerItemsCollapsableContainer.tsx | 2 +- .../NavigationDrawerScrollableContent.tsx | 4 +- .../components/NavigationDrawerSection.tsx | 4 +- .../NavigationDrawerSectionTitle.tsx | 7 +- ...gationDrawerSectionTitleSkeletonLoader.tsx | 5 +- .../__stories__/NavigationDrawer.stories.tsx | 6 +- ...NavigationDrawerCollapseButton.stories.tsx | 2 +- .../NavigationDrawerItem.stories.tsx | 9 +- .../states/isNavigationDrawerExpanded.ts | 2 +- .../navigationDrawerExpandedMemorizedState.ts | 2 +- .../navigation/step-bar/components/Step.tsx | 4 +- .../step-bar/components/StepBar.tsx | 2 +- .../ui/theme/components/BaseThemeProvider.tsx | 4 +- .../modules/ui/theme/hooks/useColorScheme.ts | 2 +- .../drag-select/components/DragSelect.tsx | 2 +- .../__stories__/DragSelect.stories.tsx | 4 +- .../utilities/responsive/hooks/useIsMobile.ts | 2 +- .../modules/users/hooks/useLoadCurrentUser.ts | 2 +- .../components/AdvancedFilterChip.tsx | 2 +- .../views/components/AnyFieldSearchChip.tsx | 2 +- ...nyFieldSearchDropdownContentMenuHeader.tsx | 2 +- .../views/components/SoftDeleteFilterChip.tsx | 2 +- .../views/components/SortOrFilterChip.tsx | 7 +- .../components/UpdateViewButtonGroup.tsx | 8 +- .../views/components/ViewBarDetails.tsx | 4 +- .../ViewBarDetailsAddFilterButton.tsx | 4 +- ...wBarFilterDropdownAdvancedFilterButton.tsx | 8 +- ...erDropdownAnyFieldSearchButtonMenuItem.tsx | 6 +- ...pdownAnyFieldSearchInputDropdownHeader.tsx | 2 +- .../ViewBarFilterDropdownBottomMenu.tsx | 2 +- .../ViewBarFilterDropdownFieldSelectMenu.tsx | 4 +- ...ewBarFilterDropdownFieldSelectMenuItem.tsx | 4 +- ...BarFilterDropdownFilterInputMenuHeader.tsx | 2 +- .../components/ViewBarSkeletonLoader.tsx | 2 +- .../ViewFieldsHiddenDropdownSection.tsx | 4 +- .../ViewFieldsSearchDropdownSection.tsx | 4 +- .../ViewFieldsVisibleDropdownSection.tsx | 4 +- .../ViewBarFilterDropdown.stories.tsx | 2 +- .../components/EditableFilterChip.tsx | 2 +- .../EditableFilterChipDropdownMenuHeader.tsx | 2 +- .../components/EditableRelationFilterChip.tsx | 2 +- .../components/EditableSortChip.tsx | 4 +- .../src/modules/views/types/ViewType.ts | 2 +- .../ViewPickerContentCreateMode.tsx | 4 +- .../components/ViewPickerContentEditMode.tsx | 2 +- .../components/ViewPickerCreateButton.tsx | 2 +- .../components/ViewPickerDropdown.tsx | 4 +- .../components/ViewPickerEditButton.tsx | 2 +- .../ViewPickerIconAndNameContainer.tsx | 2 +- .../components/ViewPickerListContent.tsx | 6 +- .../components/ViewPickerOptionDropdown.tsx | 4 +- .../ViewPickerSaveButtonContainer.tsx | 2 +- .../components/ViewPickerSelectContainer.tsx | 2 +- ...rkflowEditUpdateEventFieldsMultiSelect.tsx | 2 +- .../WorkflowStepExecutionResult.tsx | 11 +- .../WorkflowStepExecutionResult.stories.tsx | 2 +- ...RunWorkflowRunOpeningInSidePanelEffects.ts | 2 +- .../components/WorkflowDiagramCanvasBase.tsx | 7 +- .../components/WorkflowDiagramConnector.tsx | 2 +- .../WorkflowDiagramCreateStepElement.tsx | 4 +- .../WorkflowDiagramRightClickCommandMenu.tsx | 6 +- .../components/WorkflowRunCard.tsx | 5 +- .../WorkflowRunVisualizerEffect.tsx | 2 +- .../components/WorkflowVersionCard.tsx | 5 +- ...lowDiagramEmptyTriggerEditable.stories.tsx | 2 +- ...DiagramStepNodeEditableContent.stories.tsx | 5 +- .../hooks/useSidePanelState.ts | 2 +- .../useWorkflowDiagramScreenToFlowPosition.ts | 2 +- .../utils/getWorkflowDiagramColors.ts | 2 +- .../utils/getWorkflowRunStatusTagProps.ts | 2 +- .../utils/getWorkflowVersionStatusTagProps.ts | 2 +- .../components/WorkflowDiagramBaseEdge.tsx | 2 +- .../components/WorkflowDiagramBlankEdge.tsx | 2 +- .../components/WorkflowDiagramConnection.tsx | 2 +- .../WorkflowDiagramCustomMarkers.tsx | 2 +- .../WorkflowDiagramDefaultEdgeEditable.tsx | 2 +- .../WorkflowDiagramDefaultEdgeReadonly.tsx | 2 +- .../WorkflowDiagramEdgeButtonGroup.tsx | 7 +- .../components/WorkflowDiagramEdgeLabel.tsx | 4 +- .../WorkflowDiagramEdgeV2Container.tsx | 2 +- .../WorkflowDiagramEmptyTriggerReadonly.tsx | 2 +- .../WorkflowDiagramHandleSource.tsx | 2 +- .../WorkflowDiagramHandleTarget.tsx | 2 +- .../WorkflowDiagramStepNodeEditable.tsx | 2 +- .../WorkflowDiagramStepNodeIcon.tsx | 4 +- .../WorkflowDiagramStepNodeReadonly.tsx | 2 +- .../components/WorkflowNodeContainer.tsx | 2 +- .../components/WorkflowNodeIconContainer.tsx | 2 +- .../components/WorkflowNodeLabel.tsx | 2 +- .../components/WorkflowNodeTitle.tsx | 2 +- .../components/WorkflowRunDiagramStepNode.tsx | 6 +- .../WorkflowRunStepLogsAiAgentDetail.tsx | 4 +- .../WorkflowRunStepLogsCodeDetail.tsx | 4 +- .../WorkflowRunStepLogsDetail.tsx | 9 +- .../WorkflowRunStepLogsEmailDetail.tsx | 4 +- .../WorkflowRunStepLogsEntries.tsx | 2 +- .../WorkflowRunStepLogsHttpRequestDetail.tsx | 4 +- .../WorkflowRunStepLogsToolCallRow.tsx | 11 +- .../workflowRunStepLogsStyles.ts | 2 +- .../SidePanelWorkflowSelectStepContainer.tsx | 2 +- .../SidePanelWorkflowSelectStepTitle.tsx | 2 +- .../WorkflowDropdownStepOutputItems.tsx | 4 +- .../components/WorkflowRunStepInputDetail.tsx | 4 +- .../WorkflowRunStepOutputDetail.tsx | 2 +- .../components/WorkflowStepBody.tsx | 2 +- .../components/WorkflowStepCmdEnterButton.tsx | 4 +- .../components/WorkflowStepFooter.tsx | 6 +- .../WorkflowStepFilterAddFilterRuleSelect.tsx | 4 +- ...kflowStepFilterAddRootStepFilterButton.tsx | 6 +- .../components/WorkflowStepFilterColumn.tsx | 2 +- .../WorkflowStepFilterFieldSelect.tsx | 2 +- .../WorkflowStepFilterGroupChildren.tsx | 2 +- .../WorkflowStepFilterGroupColumn.tsx | 2 +- ...WorkflowStepFilterGroupOptionsDropdown.tsx | 6 +- .../WorkflowStepFilterLogicalOperatorCell.tsx | 2 +- .../WorkflowStepFilterOptionsDropdown.tsx | 6 +- .../WorkflowStepFilterValueCompositeInput.tsx | 2 +- ...wStepFilterAddFilterRuleSelect.stories.tsx | 2 +- ...pFilterAddRootStepFilterButton.stories.tsx | 2 +- .../WorkflowStepFilterColumn.stories.tsx | 2 +- .../WorkflowStepFilterFieldSelect.stories.tsx | 2 +- ...wStepFilterLogicalOperatorCell.stories.tsx | 2 +- ...orkflowStepFilterOperandSelect.stories.tsx | 2 +- .../WorkflowStepFilterValueInput.stories.tsx | 2 +- .../WorkflowAiAgentPermissionsFlagRow.tsx | 4 +- .../WorkflowAiAgentPermissionsObjectRow.tsx | 2 +- ...orkflowAiAgentPermissionsPermissionRow.tsx | 4 +- .../WorkflowAiAgentPermissionsTab.tsx | 2 +- .../components/WorkflowEditActionAiAgent.tsx | 4 +- .../WorkflowOutputSchemaBuilder.tsx | 16 +- .../components/WorkflowCodeEditor.tsx | 6 +- .../components/WorkflowEditActionCode.tsx | 8 +- .../WorkflowEditActionCodeFields.tsx | 2 +- .../components/WorkflowReadonlyActionCode.tsx | 2 +- .../WorkflowEditActionCode.stories.tsx | 5 +- .../getWorkflowCodeFieldsEnumSelectOptions.ts | 2 +- .../WorkflowEditActionCreateRecord.tsx | 4 +- .../WorkflowEditActionDeleteRecord.tsx | 4 +- .../WorkflowEditActionEmailBase.tsx | 6 +- .../WorkflowEditActionUpdateRecord.tsx | 4 +- .../WorkflowEditActionUpsertRecord.tsx | 4 +- ...WorkflowEditActionCreateRecord.stories.tsx | 5 +- ...WorkflowEditActionDeleteRecord.stories.tsx | 5 +- .../WorkflowEditActionEmailBase.stories.tsx | 5 +- .../WorkflowEditActionFindRecords.stories.tsx | 5 +- ...WorkflowEditActionUpdateRecord.stories.tsx | 5 +- .../components/WorkflowEditActionDelay.tsx | 4 +- .../WorkflowEditActionFilterBody.tsx | 2 +- .../WorkflowEditActionFilter.stories.tsx | 5 +- .../WorkflowEditActionFilterBody.stories.tsx | 2 +- .../WorkflowEditActionFindRecords.tsx | 4 +- .../components/WorkflowFindRecordsSorts.tsx | 10 +- .../WorkflowObjectDropdownContent.tsx | 4 +- .../WorkflowEditActionFormBuilder.tsx | 9 +- .../WorkflowEditActionFormFieldSettings.tsx | 9 +- .../WorkflowFormFieldSettingsNumber.tsx | 2 +- .../WorkflowFormFieldSettingsRecordPicker.tsx | 4 +- .../WorkflowFormFieldSettingsSelect.tsx | 2 +- .../WorkflowFormFieldSettingsText.tsx | 2 +- .../WorkflowEditActionFormBuilder.stories.tsx | 5 +- ...lowEditActionFormFieldSettings.stories.tsx | 2 +- .../WorkflowEditActionFormFiller.stories.tsx | 5 +- .../constants/FormSelectFieldTypeOptions.ts | 4 +- .../components/BodyInput.tsx | 4 +- .../HttpRequestTestVariableInput.tsx | 2 +- .../components/KeyValuePairInput.tsx | 6 +- .../WorkflowEditActionHttpRequest.tsx | 7 +- .../HttpRequestExecutionResult.stories.tsx | 2 +- .../HttpRequestTestVariableInput.stories.tsx | 2 +- .../WorkflowEditActionIfElseBody.tsx | 6 +- .../components/WorkflowIfElseBranchEditor.tsx | 2 +- .../WorkflowIteratorSubStepSwitcher.tsx | 9 +- .../WorkflowEditActionLogicFunction.tsx | 4 +- .../getActionIconColorOrThrow.test.ts | 2 +- .../utils/getActionIconColorOrThrow.ts | 2 +- .../components/CronExpressionHelper.tsx | 2 +- .../WorkflowEditTriggerDatabaseEventForm.tsx | 6 +- .../components/WorkflowEditTriggerManual.tsx | 6 +- .../WorkflowEditTriggerWebhookForm.tsx | 4 +- .../constants/CronTriggerIntervalOptions.ts | 2 +- .../ManualTriggerAvailabilityOptions.ts | 2 +- .../ManualTriggerAvailabilityTypeOptions.ts | 2 +- .../constants/ManualTriggerIsPinnedOptions.ts | 2 +- .../WebhookTriggerAuthenticationOptions.ts | 6 +- .../WebhookTriggerHttpMethodOptions.ts | 2 +- .../__tests__/getTriggerIconColor.test.ts | 2 +- .../utils/getTriggerIconColor.ts | 2 +- .../components/WorkflowTextEditorTextChip.tsx | 2 +- .../WorkflowTextEditorVariableChip.tsx | 2 +- .../components/WorkflowVariablePicker.tsx | 2 +- .../components/WorkflowVariablesDropdown.tsx | 7 +- .../WorkflowVariablesDropdownStepItems.tsx | 4 +- .../WorkflowVariablesDropdownSteps.tsx | 8 +- .../hooks/useVariableDropdown.ts | 2 +- .../components/WorkspaceInviteLink.tsx | 6 +- .../components/WorkspaceInviteTeam.tsx | 9 +- .../twenty-front/src/pages/auth/Authorize.tsx | 9 +- .../src/pages/auth/PasswordReset.tsx | 11 +- .../twenty-front/src/pages/auth/SignInUp.tsx | 8 +- .../src/pages/not-found/NotFound.tsx | 8 +- .../src/pages/onboarding/BookCall.tsx | 13 +- .../src/pages/onboarding/BookCallDecision.tsx | 6 +- .../src/pages/onboarding/ChooseYourPlan.tsx | 2 +- .../src/pages/onboarding/CreateProfile.tsx | 8 +- .../src/pages/onboarding/CreateWorkspace.tsx | 10 +- .../src/pages/onboarding/InviteTeam.tsx | 10 +- .../src/pages/onboarding/PaymentSuccess.tsx | 10 +- .../src/pages/onboarding/SyncEmails.tsx | 13 +- .../internal/ChooseYourPlanContent.tsx | 8 +- .../page-layout/StandalonePageHeader.tsx | 2 +- .../settings/accounts/SettingsAccounts.tsx | 4 +- .../accounts/SettingsAccountsCalendars.tsx | 2 +- ...tingsAccountsConfigurationStepCalendar.tsx | 4 +- ...SettingsAccountsConfigurationStepEmail.tsx | 4 +- .../accounts/SettingsAccountsEmails.tsx | 2 +- .../SettingsAdminAiProviderDetail.tsx | 8 +- ...AdminApplicationRegistrationDangerZone.tsx | 12 +- ...ingsAdminApplicationRegistrationDetail.tsx | 4 +- ...nApplicationRegistrationGeneralToggles.tsx | 6 +- .../SettingsAdminIndicatorHealthStatus.tsx | 6 +- .../SettingsAdminInferredVersion.tsx | 8 +- .../SettingsAdminInstanceStatus.tsx | 8 +- .../admin-panel/SettingsAdminNewAiModel.tsx | 9 +- .../SettingsAdminNewAiProvider.tsx | 4 +- .../admin-panel/SettingsAdminQueueDetail.tsx | 4 +- .../admin-panel/SettingsAdminUserDetail.tsx | 8 +- .../SettingsAdminWorkspaceChatThread.tsx | 4 +- .../SettingsAdminWorkspaceDetail.tsx | 9 +- .../SettingsAdminWorkspacesStatus.tsx | 8 +- .../src/pages/settings/ai/SettingsAI.tsx | 8 +- .../pages/settings/ai/SettingsAgentForm.tsx | 6 +- .../settings/ai/SettingsAgentTurnDetail.tsx | 6 +- .../pages/settings/ai/SettingsAiPrompts.tsx | 6 +- .../settings/ai/SettingsAiUsageUserDetail.tsx | 2 +- .../pages/settings/ai/SettingsSkillForm.tsx | 11 +- .../pages/settings/ai/SettingsToolDetail.tsx | 8 +- .../SettingsAgentDetailSkeletonLoader.tsx | 5 +- .../ai/components/SettingsAgentEvalsTab.tsx | 10 +- .../ai/components/SettingsAgentLogsTab.tsx | 10 +- .../SettingsAgentResponseFormat.tsx | 2 +- .../ai/components/SettingsAgentRoleTab.tsx | 8 +- .../components/SettingsAgentSettingsTab.tsx | 8 +- .../ai/components/SettingsAgentSkillsTab.tsx | 10 +- .../components/SettingsAgentSkillsTable.tsx | 7 +- .../ai/components/SettingsAgentToolsTab.tsx | 15 +- .../ai/components/SettingsAgentToolsTable.tsx | 7 +- .../ai/components/SettingsAiAgentTableRow.tsx | 10 +- .../ai/components/SettingsAiAgentsTable.tsx | 14 +- .../ai/components/SettingsAiModelsTab.tsx | 13 +- .../ai/components/SettingsAiOverviewTab.tsx | 11 +- .../ai/components/SettingsAiUsageTab.tsx | 6 +- .../SettingsSkillInactiveMenuDropDown.tsx | 10 +- .../ai/components/SettingsSkillTableRow.tsx | 10 +- .../ai/components/SettingsToolIcon.tsx | 7 +- .../components/SettingsToolParameterTable.tsx | 11 +- .../ai/components/SettingsToolTableRow.tsx | 4 +- .../forms/components/SettingsAiAgentForm.tsx | 2 +- .../api-webhooks/SettingsApiWebhooks.tsx | 11 +- .../SettingsApplicationConnectionDetail.tsx | 10 +- .../SettingsApplicationDetails.tsx | 2 +- ...ettingsApplicationFrontComponentDetail.tsx | 2 +- ...SettingsApplicationRegistrationDetails.tsx | 6 +- .../applications/SettingsApplications.tsx | 9 +- .../SettingsAvailableApplicationDetails.tsx | 2 +- .../components/SettingsAppModalLayout.tsx | 6 +- ...ingsApplicationConnectScopePickerModal.tsx | 7 +- .../SettingsApplicationContentSubtable.tsx | 7 +- .../SettingsApplicationDataTable.tsx | 8 +- .../SettingsApplicationDataTableRow.tsx | 7 +- ...ingsApplicationRegistrationGeneralInfo.tsx | 8 +- ...ngsApplicationRegistrationGeneralStats.tsx | 4 +- ...plicationRegistrationRedirectURIsInput.tsx | 4 +- ...plicationRegistrationRedirectURIsTable.tsx | 9 +- ...pplicationRegistrationShareLinkButtons.tsx | 6 +- .../SettingsApplicationTableRow.tsx | 6 +- .../SettingsApplicationVersionContainer.tsx | 10 +- .../components/SettingsApplicationsTable.tsx | 11 +- .../SettingsAvailableApplicationCard.tsx | 6 +- ...sApplicationCommandMenuItemSettingsTab.tsx | 6 +- .../SettingsApplicationConnectionsSection.tsx | 13 +- .../SettingsApplicationDetailAboutTab.tsx | 8 +- .../SettingsApplicationDetailContentTab.tsx | 6 +- ...icationDetailEnvironmentVariablesTable.tsx | 9 +- ...ngsApplicationFrontComponentPreviewTab.tsx | 4 +- ...gsApplicationFrontComponentSettingsTab.tsx | 6 +- ...ttingsApplicationRegistrationConfigTab.tsx | 4 +- ...ApplicationRegistrationDistributionTab.tsx | 6 +- ...tingsApplicationRegistrationGeneralTab.tsx | 2 +- ...ettingsApplicationRegistrationOAuthTab.tsx | 13 +- .../tabs/SettingsApplicationsAvailableTab.tsx | 10 +- .../tabs/SettingsApplicationsDeveloperTab.tsx | 11 +- .../billing/SettingsUsageUserDetail.tsx | 9 +- .../settings/community/SettingsCommunity.tsx | 6 +- .../settings/data-model/SettingsNewObject.tsx | 4 +- .../data-model/SettingsObjectDetailPage.tsx | 6 +- .../data-model/SettingsObjectFieldEdit.tsx | 8 +- .../data-model/SettingsObjectFieldTable.tsx | 8 +- .../data-model/SettingsObjectIndexTable.tsx | 6 +- .../data-model/SettingsObjectTable.tsx | 12 +- .../settings/data-model/SettingsObjects.tsx | 8 +- .../SettingsObjectNewFieldConfigure.tsx | 4 +- .../new-index/SettingsObjectNewIndex.tsx | 8 +- .../SettingsGraphQLPlayground.stories.tsx | 2 +- .../SettingsRestPlayground.stories.tsx | 2 +- .../SettingsDevelopersApiKeyDetail.tsx | 8 +- .../api-keys/SettingsDevelopersApiKeysNew.tsx | 4 +- .../webhooks/components/SettingsWebhooks.tsx | 11 +- ...ttingsWorkspaceEmailGroupChannelDetail.tsx | 10 +- .../SettingsEmailingDomainDetail.tsx | 4 +- .../SettingsNewEmailingDomain.tsx | 4 +- .../enterprise/SettingsEnterprise.tsx | 8 +- .../components/OrganizationAdornment.tsx | 4 +- .../settings/general/SettingsGeneral.tsx | 9 +- .../pages/settings/layout/SettingsLayout.tsx | 6 +- .../SettingsLayoutDetailScaffold.tsx | 6 +- .../components/SettingsLayoutItemTable.tsx | 6 +- .../SettingsLogicFunctionDetail.tsx | 2 +- .../members/SettingsWorkspaceMember.tsx | 2 +- .../members/SettingsWorkspaceMembers.tsx | 8 +- .../SettingsWorkspaceMembersInviteTab.tsx | 11 +- .../tabs/SettingsWorkspaceMembersTeamTab.tsx | 13 +- .../settings/profile/SettingsProfile.tsx | 6 +- .../SettingsTwoFactorAuthenticationMethod.tsx | 8 +- ...DateTimeSettingsCalendarStartDaySelect.tsx | 2 +- .../DateTimeSettingsTimeZoneSelect.tsx | 2 +- .../appearance/components/LocalePicker.tsx | 2 +- .../components/SettingsExperience.tsx | 6 +- .../SettingsSecurityApprovedAccessDomain.tsx | 4 +- .../decorators/IconsProviderDecorator.tsx | 2 +- .../src/testing/decorators/PageDecorator.tsx | 2 +- .../twenty-front/src/utils/checkUrlType.ts | 2 +- .../src/utils/compareNonEmptyStrings.ts | 2 +- ...ompareStrictlyExceptForNullAndUndefined.ts | 2 +- packages/twenty-front/vite.config.ts | 1 + packages/twenty-new-ui/.prettierignore | 6 - packages/twenty-new-ui/README.md | 325 ----------- .../twenty-new-ui/src/accessibility/index.ts | 2 - packages/twenty-new-ui/src/assets/index.ts | 2 - .../twenty-new-ui/src/components/index.ts | 2 - packages/twenty-new-ui/src/display/index.ts | 2 - packages/twenty-new-ui/src/feedback/index.ts | 2 - packages/twenty-new-ui/src/index.ts | 4 - .../src/input/components/Toggle.tsx | 54 -- packages/twenty-new-ui/src/input/index.ts | 2 - .../src/json-visualizer/index.ts | 2 - packages/twenty-new-ui/src/layout/index.ts | 2 - .../twenty-new-ui/src/navigation/index.ts | 2 - packages/twenty-new-ui/src/testing/index.ts | 2 - packages/twenty-new-ui/src/utilities/index.ts | 2 - .../rules/enforce-module-boundaries.spec.ts | 2 +- .../rules/enforce-module-boundaries.ts | 1 + packages/twenty-sdk/package.json | 2 +- packages/twenty-sdk/src/ui/index.ts | 24 +- .../.oxlintrc.json | 2 +- packages/twenty-ui-deprecated/.prettierignore | 3 + .../.storybook/main.ts | 1 - .../.storybook/manager-head.html | 0 .../.storybook/preview-head.html | 0 .../.storybook/preview.tsx | 11 +- .../.storybook/vitest.setup.ts | 0 packages/twenty-ui-deprecated/README.md | 15 + .../__mocks__/imageMockUi.js | 0 .../jest.config.mjs | 3 +- .../package.json | 35 +- .../project.json | 35 +- .../scripts/generateBarrels.ts | 2 +- .../scripts/visual-diff.sh | 14 +- .../setupTests.ts | 0 .../components/VisibilityHidden.tsx | 0 .../components/VisibilityHiddenInput.tsx | 0 .../src/accessibility/index.ts | 12 + .../accessibility/utils/visibility-hidden.ts | 0 .../src/assets/icons/address-book.svg | 0 .../src/assets/icons/anthropic.svg | 0 .../src/assets/icons/claude.svg | 0 .../src/assets/icons/gemini.svg | 0 .../src/assets/icons/gmail.svg | 0 .../src/assets/icons/google-calendar.svg | 0 .../src/assets/icons/google.svg | 0 .../src/assets/icons/groq.svg | 0 .../src/assets/icons/illustration-array.svg | 0 .../icons/illustration-calendar-event.svg | 0 .../icons/illustration-calendar-time.svg | 0 .../assets/icons/illustration-currency.svg | 0 .../src/assets/icons/illustration-file.svg | 0 .../src/assets/icons/illustration-json.svg | 0 .../src/assets/icons/illustration-link.svg | 0 .../src/assets/icons/illustration-mail.svg | 0 .../icons/illustration-many-to-many.svg | 0 .../src/assets/icons/illustration-map.svg | 0 .../src/assets/icons/illustration-numbers.svg | 0 .../assets/icons/illustration-one-to-many.svg | 0 .../assets/icons/illustration-one-to-one.svg | 0 .../src/assets/icons/illustration-phone.svg | 0 .../src/assets/icons/illustration-setting.svg | 0 .../src/assets/icons/illustration-star.svg | 0 .../src/assets/icons/illustration-tag.svg | 0 .../src/assets/icons/illustration-tags.svg | 0 .../src/assets/icons/illustration-text.svg | 0 .../src/assets/icons/illustration-toggle.svg | 0 .../src/assets/icons/illustration-uid.svg | 0 .../src/assets/icons/illustration-user.svg | 0 .../src/assets/icons/lock.svg | 0 .../src/assets/icons/many-to-one.svg | 0 .../src/assets/icons/microsoft-calendar.svg | 0 .../src/assets/icons/microsoft-outlook.svg | 0 .../src/assets/icons/microsoft.svg | 0 .../src/assets/icons/mistral.svg | 0 .../src/assets/icons/openai.svg | 0 .../src/assets/icons/trash-x-off.svg | 0 .../src/assets/icons/twenty-star-filled.svg | 0 .../src/assets/icons/twenty-star.svg | 0 .../src/assets/icons/xai.svg | 0 .../twenty-ui-deprecated/src/assets/index.ts | 8 + .../src/assets/misc/list-view-grip.svg | 0 .../src/assets/themes/dark-noise.jpg | Bin .../src/assets/themes/light-noise.png | Bin .../src/components/Pill/Pill.tsx | 0 .../Pill/__stories__/Pill.stories.ts | 0 .../avatar-or-icon/AvatarOrIcon.tsx | 0 .../__stories__/AvatarOrIcon.stories.tsx | 0 .../src/components/chip/Chip.tsx | 0 .../src/components/chip/LinkChip.tsx | 0 .../chip/__stories__/Chip.stories.tsx | 0 .../chip/__stories__/LinkChip.stories.tsx | 0 .../chip/constants/LinkChipClickOutsideId.ts | 0 .../src/components/index.ts | 19 + .../src/components/tag/Tag.tsx | 0 .../tag/__stories__/Tag.stories.tsx | 0 .../src/display/avatar/components/Avatar.tsx | 0 .../display/avatar/components/AvatarGroup.tsx | 0 .../components/__stories__/Avatar.stories.tsx | 0 .../__stories__/AvatarGroup.stories.tsx | 0 .../states/invalidAvatarUrlsAtomV2.ts | 0 .../constants/AvatarPropertiesBySize.ts | 0 .../src/display/avatar/types/AvatarSize.ts | 0 .../src/display/avatar/types/AvatarType.ts | 0 .../src/display/banner/components/Banner.tsx | 0 .../banner/components/InlineBanner.tsx | 0 .../components/SidePanelInformationBanner.tsx | 0 .../components/__stories__/Banner.stories.tsx | 0 .../SidePanelInformationBanner.stories.tsx | 0 .../src/display/callout/Callout.tsx | 0 .../callout/__stories__/Callout.stories.tsx | 0 .../components/AnimatedCheckmark.tsx | 0 .../checkmark/components/Checkmark.tsx | 0 .../__stories__/Checkmark.stories.tsx | 0 .../display/color/components/ColorSample.tsx | 0 .../__stories__/ColorSample.stories.tsx | 0 .../command-block/components/CommandBlock.tsx | 0 .../src/display/components/LinkifiedText.tsx | 0 .../src/display/icon/components/Icon.tsx | 0 .../icon/components/IconAddressBook.tsx | 0 .../icon/components/IconBrandAnthropic.tsx | 0 .../icon/components/IconBrandGemini.tsx | 0 .../display/icon/components/IconBrandGroq.tsx | 0 .../icon/components/IconBrandMistral.tsx | 0 .../display/icon/components/IconBrandXai.tsx | 0 .../components/IconChartBarHorizontal.tsx | 0 .../src/display/icon/components/IconGmail.tsx | 0 .../display/icon/components/IconGoogle.tsx | 0 .../icon/components/IconGoogleCalendar.tsx | 0 .../src/display/icon/components/IconLock.tsx | 0 .../display/icon/components/IconMicrosoft.tsx | 0 .../icon/components/IconMicrosoftCalendar.tsx | 0 .../icon/components/IconMicrosoftOutlook.tsx | 0 .../icon/components/IconModelClaude.tsx | 0 .../icon/components/IconProviderOpenai.tsx | 0 .../icon/components/IconRelationManyToOne.tsx | 0 .../display/icon/components/IconTrashXOff.tsx | 0 .../icon/components/IconTwentyStar.tsx | 0 .../icon/components/IconTwentyStarFilled.tsx | 0 .../icon/components/IllustrationIconArray.tsx | 0 .../IllustrationIconCalendarEvent.tsx | 0 .../IllustrationIconCalendarTime.tsx | 0 .../components/IllustrationIconCurrency.tsx | 0 .../icon/components/IllustrationIconFile.tsx | 0 .../icon/components/IllustrationIconJson.tsx | 0 .../icon/components/IllustrationIconLink.tsx | 0 .../icon/components/IllustrationIconMail.tsx | 0 .../components/IllustrationIconManyToMany.tsx | 0 .../icon/components/IllustrationIconMap.tsx | 0 .../components/IllustrationIconNumbers.tsx | 0 .../components/IllustrationIconOneToMany.tsx | 0 .../components/IllustrationIconOneToOne.tsx | 0 .../icon/components/IllustrationIconPhone.tsx | 0 .../components/IllustrationIconSetting.tsx | 0 .../icon/components/IllustrationIconStar.tsx | 0 .../icon/components/IllustrationIconTag.tsx | 0 .../icon/components/IllustrationIconTags.tsx | 0 .../icon/components/IllustrationIconText.tsx | 0 .../components/IllustrationIconToggle.tsx | 0 .../icon/components/IllustrationIconUid.tsx | 0 .../icon/components/IllustrationIconUser.tsx | 0 .../components/IllustrationIconWrapper.tsx | 0 .../display/icon/components/TablerIcons.ts | 0 .../components/ThinkingOrbitLoaderIcon.tsx | 0 .../components/__stories__/Icon.stories.tsx | 0 .../icon/hooks/__tests__/useIcons.test.ts | 0 .../src/display/icon/hooks/useIcons.ts | 0 .../display/icon/providers/IconsProvider.tsx | 0 .../icon/providers/internal/AllIcons.ts | 0 .../src/display/icon/states/iconsState.ts | 0 .../src/display/icon/types/IconComponent.ts | 0 .../twenty-ui-deprecated/src/display/index.ts | 548 ++++++++++++++++++ .../src/display/info/components/Info.tsx | 0 .../components/__stories__/Info.stories.tsx | 0 .../src/display/status/components/Status.tsx | 0 .../components/__stories__/Status.stories.tsx | 0 .../text/components/HorizontalSeparator.tsx | 0 .../text/components/SeparatorLineText.tsx | 0 .../HorizontalSeparator.stories.tsx | 0 .../__stories__/SeparatorLineText.stories.tsx | 0 .../StyledTintedIconTileContainer.tsx | 0 .../components/TintedIconTile.tsx | 0 .../tintedIconTileColorShades.constant.ts | 0 .../internal/utils/getColorFromTheme.ts | 0 .../utils/getIconTileColorShades.ts | 0 .../src/display/tooltip/AppTooltip.tsx | 0 .../tooltip/OverflowingTextWithTooltip.tsx | 0 .../OverflowTextWithTooltip.stories.tsx | 0 .../tooltip/__stories__/Tooltip.stories.tsx | 0 .../display/typography/components/H1Title.tsx | 0 .../display/typography/components/H2Title.tsx | 0 .../display/typography/components/H3Title.tsx | 0 .../display/typography/components/Label.tsx | 0 .../typography/components/StyledText.tsx | 0 .../__stories__/H1Title.stories.tsx | 0 .../__stories__/H2Title.stories.tsx | 0 .../__stories__/H3Title.stories.tsx | 0 .../components/__stories__/Label.stories.tsx | 0 .../src/feedback/index.ts | 17 + .../loader/__stories__/Loader.stories.tsx | 0 .../src/feedback/loader/components/Loader.tsx | 0 .../components/CircularProgressBar.tsx | 0 .../progress-bar/components/ProgressBar.tsx | 0 .../CircularProgressBar.stories.tsx | 0 .../__stories__/ProgressBar.stories.tsx | 0 .../hooks/useProgressAnimation.ts | 0 .../src/global.d.ts | 0 packages/twenty-ui-deprecated/src/index.ts | 1 + .../src/individual-entry.ts | 5 +- .../button/components/AnimatedButton.tsx | 0 .../components/AnimatedLightIconButton.tsx | 0 .../input/button/components/Button/Button.tsx | 0 .../button/components/Button/constant.ts | 0 .../Button/internal/ButtonHotKeys.tsx | 0 .../components/Button/internal/ButtonIcon.tsx | 0 .../components/Button/internal/ButtonSoon.tsx | 0 .../components/Button/internal/ButtonText.tsx | 0 .../input/button/components/ButtonGroup.tsx | 0 .../button/components/ColorPickerButton.tsx | 0 .../button/components/FloatingButton.tsx | 0 .../button/components/FloatingButtonGroup.tsx | 0 .../button/components/FloatingIconButton.tsx | 0 .../components/FloatingIconButtonGroup.tsx | 0 .../input/button/components/IconButton.tsx | 0 .../button/components/IconButtonGroup.tsx | 0 .../input/button/components/InsideButton.tsx | 0 .../input/button/components/LightButton.tsx | 0 .../button/components/LightIconButton.tsx | 0 .../components/LightIconButtonGroup.tsx | 0 .../input/button/components/MainButton.tsx | 0 .../button/components/RoundedIconButton.tsx | 0 .../button/components/TabButton/TabButton.tsx | 0 .../internals/components/StyledTabBase.tsx | 0 .../internals/components/TabContent.tsx | 0 .../AnimatedLightIconButton.stories.tsx | 0 .../components/__stories__/Button.docs.mdx | 0 .../components/__stories__/Button.stories.tsx | 0 .../__stories__/ButtonGroup.stories.tsx | 0 .../__stories__/ColorPickerButton.stories.tsx | 0 .../__stories__/FloatingButton.stories.tsx | 0 .../FloatingButtonGroup.stories.tsx | 0 .../FloatingIconButton.stories.tsx | 0 .../FloatingIconButtonGroup.stories.tsx | 0 .../__stories__/IconButton.stories.tsx | 0 .../__stories__/IconButtonGroup.stories.tsx | 0 .../__stories__/LightButton.stories.tsx | 0 .../__stories__/LightIconButton.stories.tsx | 0 .../__stories__/MainButton.stories.tsx | 0 .../__stories__/RoundedIconButton.stories.tsx | 0 .../__stories__/TabButton.stories.tsx | 0 .../code-editor/components/CodeEditor.tsx | 0 .../components/CodeEditorHeader.tsx | 0 .../constants/BaseCodeEditorThemeId.ts | 0 .../src/input/code-editor/index.ts | 0 .../theme/utils/getBaseCodeEditorTheme.ts | 0 .../components/ColorSchemeCard.tsx | 0 .../components/ColorSchemePicker.tsx | 0 .../__stories__/ColorSchemeCard.stories.tsx | 0 .../src/input/components/CardPicker.tsx | 0 .../src/input/components/Checkbox.tsx | 0 .../src/input/components/IconListViewGrip.tsx | 0 .../src/input/components/Radio.tsx | 0 .../src/input/components/RadioGroup.tsx | 0 .../src/input/components/SearchInput.tsx | 0 .../src/input/components/Toggle.tsx | 103 ++++ .../__stories__/Checkbox.stories.tsx | 0 .../components/__stories__/Radio.stories.tsx | 0 .../__stories__/SearchInput.stories.tsx | 0 .../components/__stories__/Toggle.stories.tsx | 0 .../twenty-ui-deprecated/src/input/index.ts | 108 ++++ .../src/input/types/ColorScheme.ts | 0 .../src/input/types/SelectOption.ts | 0 .../__stories__/JsonTree.stories.tsx | 0 .../components/JsonArrayNode.tsx | 0 .../components/JsonNestedNode.tsx | 0 .../json-visualizer/components/JsonNode.tsx | 0 .../components/JsonObjectNode.tsx | 0 .../json-visualizer/components/JsonTree.tsx | 0 .../components/JsonTreeContextProvider.tsx | 0 .../components/JsonValueNode.tsx | 0 .../components/internal/JsonArrow.tsx | 0 .../components/internal/JsonList.tsx | 0 .../components/internal/JsonListItem.tsx | 0 .../components/internal/JsonNodeLabel.tsx | 0 .../components/internal/JsonNodeValue.tsx | 0 .../contexts/JsonTreeContext.tsx | 0 .../hooks/useJsonTreeContextOrThrow.tsx | 0 .../src/json-visualizer/index.ts | 26 + .../types/GetJsonNodeHighlighting.ts | 0 .../types/JsonNodeHighlighting.ts | 0 .../src/json-visualizer/utils/isArray.ts | 0 .../json-visualizer/utils/isTwoFirstDepths.ts | 0 .../AnimatedExpandableContainer.stories.tsx | 0 .../AnimatedExpandableContainer.tsx | 0 .../types/AnimationDimension.ts | 0 .../types/AnimationDurationObject.ts | 0 .../types/AnimationDurations.ts | 0 .../types/AnimationMode.ts | 0 .../types/AnimationSize.ts | 0 .../utils/getCommonStyles.ts | 0 .../utils/getExpandableAnimationConfig.ts | 0 .../utils/getTransitionValues.ts | 0 .../components/AnimatedPlaceholder.tsx | 0 .../components/EmptyPlaceholderStyled.tsx | 0 .../components/ErrorPlaceholderStyled.tsx | 0 .../constants/Background.ts | 0 .../constants/DarkBackground.ts | 0 .../constants/DarkMovingImage.ts | 0 .../constants/MovingImage.ts | 0 .../src/layout/animated-placeholder/index.ts | 0 .../src/layout/card/components/Card.tsx | 0 .../layout/card/components/CardContent.tsx | 0 .../src/layout/card/components/CardFooter.tsx | 0 .../src/layout/card/components/CardHeader.tsx | 0 .../components/__stories__/Card.stories.tsx | 0 .../twenty-ui-deprecated/src/layout/index.ts | 60 ++ .../src/layout/modal/components/Modal.tsx | 0 .../layout/modal/components/ModalBackdrop.tsx | 0 .../layout/modal/components/ModalContent.tsx | 0 .../layout/modal/components/ModalFooter.tsx | 0 .../layout/modal/components/ModalHeader.tsx | 0 .../components/__stories__/Modal.stories.tsx | 0 .../src/layout/modal/index.ts | 0 .../src/layout/modal/types/ModalOverlay.ts | 0 .../src/layout/modal/types/ModalPadding.ts | 0 .../src/layout/modal/types/ModalProps.ts | 0 .../src/layout/modal/types/ModalSize.ts | 0 .../resize-handle/components/ResizeHandle.tsx | 0 .../__stories__/ResizeHandle.stories.tsx | 0 .../resize-handle/hooks/useResizeHandle.ts | 0 .../src/layout/section/components/Section.tsx | 0 .../__stories__/Section.stories.tsx | 0 .../src/navigation/index.ts | 79 +++ .../components/AdvancedSettingsToggle.tsx | 0 .../link/components/ClickToActionLink.tsx | 0 .../link/components/ContactLink.tsx | 0 .../link/components/GithubVersionLink.tsx | 0 .../navigation/link/components/RawLink.tsx | 0 .../link/components/RoundedLink.tsx | 0 .../navigation/link/components/SocialLink.tsx | 0 .../link/components/UndecoratedLink.tsx | 0 .../__stories__/ClickToActionLink.stories.tsx | 0 .../__stories__/ContactLink.stories.tsx | 0 .../__stories__/GithubVersionLink.stories.tsx | 0 .../__stories__/RawLink.stories.tsx | 0 .../__stories__/RoundedLink.stories.tsx | 0 .../__stories__/SocialLink.stories.tsx | 0 .../__stories__/UndecoratedLink.stories.tsx | 0 .../src/navigation/link/components/index.ts | 0 .../src/navigation/link/constants/Cal.ts | 0 .../navigation/link/constants/GithubLink.ts | 0 .../link/constants/TwentyPricingLink.ts | 0 .../src/navigation/link/index.ts | 0 .../navigation/menu/components/MenuPicker.tsx | 0 .../__stories__/MenuPicker.stories.tsx | 0 .../src/navigation/menu/components/index.ts | 0 .../src/navigation/menu/index.ts | 0 .../menu/menu-item/components/MenuItem.tsx | 0 .../menu-item/components/MenuItemAvatar.tsx | 0 .../components/MenuItemDraggable.tsx | 0 .../menu-item/components/MenuItemHotKeys.tsx | 0 .../components/MenuItemMultiSelect.tsx | 0 .../components/MenuItemMultiSelectAvatar.tsx | 0 .../components/MenuItemMultiSelectTag.tsx | 0 .../menu-item/components/MenuItemNavigate.tsx | 0 .../menu-item/components/MenuItemSelect.tsx | 0 .../components/MenuItemSelectAvatar.tsx | 0 .../components/MenuItemSelectColor.tsx | 0 .../components/MenuItemSelectTag.tsx | 0 .../components/MenuItemSuggestion.tsx | 0 .../menu-item/components/MenuItemToggle.tsx | 0 .../__stories__/MenuItem.stories.tsx | 0 .../__stories__/MenuItemDraggable.stories.tsx | 0 .../MenuItemMultiSelect.stories.tsx | 0 .../MenuItemMultiSelectAvatar.stories.tsx | 0 .../__stories__/MenuItemNavigate.stories.tsx | 0 .../__stories__/MenuItemSelect.stories.tsx | 0 .../MenuItemSelectAvatar.stories.tsx | 0 .../MenuItemSelectColor.stories.tsx | 0 .../__stories__/MenuItemSelectTag.stories.tsx | 0 .../__stories__/MenuItemToggle.stories.tsx | 0 .../menu/menu-item/components/index.ts | 0 .../menu-item/constants/DefaultColorLabels.ts | 0 .../src/navigation/menu/menu-item/index.ts | 0 .../internals/components/MenuItemIcon.tsx | 0 .../components/MenuItemIconBoxContainer.tsx | 0 .../components/MenuItemIconWithGripSwap.tsx | 0 .../components/MenuItemLeftContent.tsx | 0 .../components/StyledMenuItemBase.tsx | 0 .../menu/menu-item/types/MenuItemAccent.ts | 0 .../types/MenuItemDraggableGripMode.ts | 0 .../components/NavigationBar.tsx | 0 .../components/NavigationBarItem.tsx | 0 .../__stories__/NavigationBar.stories.tsx | 0 .../components/NotificationCounter.tsx | 0 .../src/nx-react.d.ts | 0 .../src/testing/ComponentStorybookLayout.tsx | 0 .../testing/decorators/CatalogDecorator.tsx | 0 .../testing/decorators/ComponentDecorator.tsx | 0 .../ComponentWithRouterDecorator.tsx | 0 .../testing/decorators/JotaiRootDecorator.tsx | 0 .../testing/decorators/RouterDecorator.tsx | 0 .../twenty-ui-deprecated/src/testing/index.ts | 26 + .../src/testing/mocks/avatarUrlMock.ts | 0 .../src/testing/types/CatalogStory.ts | 0 .../src/theme-constants/ThemeProvider.tsx | 12 +- .../__tests__/getNextThemeColor.test.ts | 2 +- .../src/theme-constants/constants.ts | 0 .../src/theme-constants/getNextThemeColor.ts | 2 +- .../src/theme-constants/index.ts | 0 .../src/theme-constants/theme-dark.css | 4 +- .../src/theme-constants/theme-light.css | 4 +- .../src/theme-constants/themeCssVariables.ts | 4 +- .../src/theme/constants/AccentDark.ts | 2 +- .../src/theme/constants/AccentLight.ts | 2 +- .../src/theme/constants/Animation.ts | 2 +- .../src/theme/constants/BackgroundDark.ts | 5 +- .../src/theme/constants/BackgroundLight.ts | 5 +- .../src/theme/constants/BlurDark.ts | 0 .../src/theme/constants/BlurLight.ts | 0 .../src/theme/constants/BorderCommon.ts | 0 .../src/theme/constants/BorderDark.ts | 2 +- .../src/theme/constants/BorderLight.ts | 2 +- .../src/theme/constants/BoxShadowDark.ts | 2 +- .../src/theme/constants/BoxShadowLight.ts | 2 +- .../src/theme/constants/CodeDark.ts | 2 +- .../src/theme/constants/CodeLight.ts | 2 +- .../src/theme/constants/ColorsDark.ts | 0 .../src/theme/constants/ColorsLight.ts | 0 .../constants/DefaultThemeColorFallback.ts | 0 .../src/theme/constants/FontCommon.ts | 0 .../src/theme/constants/FontDark.ts | 2 +- .../src/theme/constants/FontLight.ts | 2 +- .../src/theme/constants/GrayScaleDark.ts | 0 .../src/theme/constants/GrayScaleDarkAlpha.ts | 0 .../src/theme/constants/GrayScaleLight.ts | 0 .../theme/constants/GrayScaleLightAlpha.ts | 0 .../src/theme/constants/Icon.ts | 0 .../theme/constants/IllustrationIconDark.ts | 4 +- .../theme/constants/IllustrationIconLight.ts | 4 +- .../src/theme/constants/MainColorNames.ts | 0 .../src/theme/constants/MainColorsDark.ts | 2 +- .../src/theme/constants/MainColorsLight.ts | 0 .../src/theme/constants/Modal.ts | 0 .../src/theme/constants/Rgba.ts | 0 .../theme/constants/SecondaryColorsDark.ts | 2 +- .../theme/constants/SecondaryColorsLight.ts | 0 .../src/theme/constants/SnackBarDark.ts | 6 +- .../src/theme/constants/SnackBarLight.ts | 6 +- .../src/theme/constants/TagDark.ts | 2 +- .../src/theme/constants/TagLight.ts | 2 +- .../src/theme/constants/Text.ts | 0 .../src/theme/constants/ThemeCommon.ts | 2 +- .../src/theme/constants/ThemeDark.ts | 4 +- .../src/theme/constants/ThemeLight.ts | 10 +- .../theme/constants/TransparentColorsDark.ts | 2 +- .../theme/constants/TransparentColorsLight.ts | 2 +- .../src/theme/index.ts | 0 .../components/AnimatedCircleLoading.tsx | 0 .../components/AnimatedContainer.tsx | 0 .../animation/components/AnimatedEaseIn.tsx | 0 .../components/AnimatedEaseInOut.tsx | 0 .../animation/components/AnimatedFadeOut.tsx | 0 .../components/AnimatedIconCrossfade.tsx | 0 .../animation/components/AnimatedRotate.tsx | 0 .../animation/components/AnimatedTextWord.tsx | 0 .../components/AnimatedTranslation.tsx | 0 .../src/utilities/animation/index.ts | 0 ...tMainColorNameFromPaletteColorName.test.ts | 0 .../stringToThemeColorP3String.test.ts | 0 .../getMainColorNameFromPaletteColorName.ts | 0 .../utilities/color/utils/parseThemeColor.ts | 0 .../color/utils/stringToThemeColorP3String.ts | 0 .../utilities/color/utils/themeColorSchema.ts | 0 .../src/utilities/config.ts | 0 .../__tests__/getOsControlSymbol.test.ts | 0 .../__tests__/getOsShortcutSeparator.test.ts | 0 .../utilities/device/getOsControlSymbol.ts | 0 .../device/getOsShortcutSeparator.ts | 0 .../src/utilities/device/getUserDevice.ts | 0 .../dimensions/components/AutogrowWrapper.tsx | 0 .../src/utilities/index.ts | 42 ++ .../hooks/useMouseDownNavigation.ts | 0 .../navigation/hooks/useResetLocationHash.ts | 0 .../navigation/isNavigationModifierPressed.ts | 0 .../navigation/types/trigger-event.type.ts | 0 .../hooks/__tests__/isMobile.test.tsx | 0 .../utilities/responsive/hooks/useIsMobile.ts | 0 .../screen-size/hooks/useScreenSize.ts | 0 .../src/utilities/state/utils/createState.ts | 0 .../utilities/types/ClickOutsideAttributes.ts | 0 .../src/utilities/types/Nullable.ts | 0 .../getDisplayValueByUrlType.test.ts | 0 .../utils/__tests__/linkifyText.test.ts | 0 .../utils/getDisplayValueByUrlType.ts | 0 .../src/utilities/utils/linkifyText.ts | 0 .../src/vite-env.d.ts | 0 .../tsconfig.json | 5 +- .../tsconfig.lib.json | 7 +- .../vite.config.individual.ts | 27 +- .../vite.config.ts | 33 +- .../vitest.config.ts | 2 +- packages/twenty-ui/.oxlintrc.json | 2 +- packages/twenty-ui/.prettierignore | 3 + .../.size-limit.json | 0 packages/twenty-ui/.storybook/main.ts | 1 + packages/twenty-ui/.storybook/preview.tsx | 11 +- packages/twenty-ui/README.md | 326 ++++++++++- .../__mocks__/styleMock.js | 0 packages/twenty-ui/dist/theme-dark.css | 4 +- packages/twenty-ui/dist/theme-light.css | 4 +- packages/twenty-ui/jest.config.mjs | 1 + packages/twenty-ui/package.json | 41 +- packages/twenty-ui/project.json | 26 +- packages/twenty-ui/scripts/generateBarrels.ts | 4 +- packages/twenty-ui/scripts/visual-diff.sh | 10 +- packages/twenty-ui/src/accessibility/index.ts | 4 +- packages/twenty-ui/src/assets/index.ts | 2 + packages/twenty-ui/src/components/index.ts | 11 +- packages/twenty-ui/src/display/index.ts | 540 +---------------- packages/twenty-ui/src/feedback/index.ts | 9 +- packages/twenty-ui/src/index.ts | 5 +- packages/twenty-ui/src/individual-entry.ts | 5 +- .../src/input/components/Toggle.module.scss | 0 .../input/components/Toggle.module.scss.d.ts | 0 .../src/input/components/Toggle.stories.tsx | 0 .../twenty-ui/src/input/components/Toggle.tsx | 111 +--- packages/twenty-ui/src/input/index.ts | 97 ---- .../twenty-ui/src/json-visualizer/index.ts | 18 +- packages/twenty-ui/src/layout/index.ts | 52 +- packages/twenty-ui/src/navigation/index.ts | 71 +-- .../src/styles/abstracts/_breakpoints.scss | 0 .../src/styles/abstracts/_functions.scss | 0 .../src/styles/abstracts/_mixins.scss | 0 .../src/styles/base/reset.scss | 0 packages/twenty-ui/src/styles/index.ts | 10 + packages/twenty-ui/src/testing/index.ts | 18 +- .../src/theme-constants/ThemeProvider.tsx | 12 +- .../__tests__/getNextThemeColor.test.ts | 2 +- .../__tests__/theme-parity.test.ts | 9 +- .../src/theme-constants/getNextThemeColor.ts | 2 +- .../src/theme-constants/theme-dark.css | 4 +- .../src/theme-constants/theme-light.css | 4 +- .../src/theme-constants/themeCssVariables.ts | 4 +- .../src/theme/constants/AccentDark.ts | 2 +- .../src/theme/constants/AccentLight.ts | 2 +- .../src/theme/constants/Animation.ts | 2 +- .../src/theme/constants/BackgroundDark.ts | 5 +- .../src/theme/constants/BackgroundLight.ts | 5 +- .../src/theme/constants/BorderDark.ts | 2 +- .../src/theme/constants/BorderLight.ts | 2 +- .../src/theme/constants/BoxShadowDark.ts | 2 +- .../src/theme/constants/BoxShadowLight.ts | 2 +- .../twenty-ui/src/theme/constants/CodeDark.ts | 2 +- .../src/theme/constants/CodeLight.ts | 2 +- .../twenty-ui/src/theme/constants/FontDark.ts | 2 +- .../src/theme/constants/FontLight.ts | 2 +- .../theme/constants/IllustrationIconDark.ts | 4 +- .../theme/constants/IllustrationIconLight.ts | 4 +- .../src/theme/constants/MainColorsDark.ts | 2 +- .../theme/constants/SecondaryColorsDark.ts | 2 +- .../src/theme/constants/SnackBarDark.ts | 6 +- .../src/theme/constants/SnackBarLight.ts | 6 +- .../twenty-ui/src/theme/constants/TagDark.ts | 2 +- .../twenty-ui/src/theme/constants/TagLight.ts | 2 +- .../src/theme/constants/ThemeCommon.ts | 2 +- .../src/theme/constants/ThemeDark.ts | 4 +- .../src/theme/constants/ThemeLight.ts | 10 +- .../theme/constants/TransparentColorsDark.ts | 2 +- .../theme/constants/TransparentColorsLight.ts | 2 +- packages/twenty-ui/src/utilities/index.ts | 34 +- packages/twenty-ui/tsconfig.json | 5 +- packages/twenty-ui/tsconfig.lib.json | 7 +- packages/twenty-ui/vite.config.individual.ts | 24 +- packages/twenty-ui/vite.config.ts | 33 +- packages/twenty-ui/vitest.config.ts | 2 +- yarn.lock | 129 +++-- 2320 files changed, 6313 insertions(+), 4856 deletions(-) delete mode 100644 packages/twenty-new-ui/.prettierignore delete mode 100644 packages/twenty-new-ui/README.md delete mode 100644 packages/twenty-new-ui/src/accessibility/index.ts delete mode 100644 packages/twenty-new-ui/src/assets/index.ts delete mode 100644 packages/twenty-new-ui/src/components/index.ts delete mode 100644 packages/twenty-new-ui/src/display/index.ts delete mode 100644 packages/twenty-new-ui/src/feedback/index.ts delete mode 100644 packages/twenty-new-ui/src/index.ts delete mode 100644 packages/twenty-new-ui/src/input/components/Toggle.tsx delete mode 100644 packages/twenty-new-ui/src/input/index.ts delete mode 100644 packages/twenty-new-ui/src/json-visualizer/index.ts delete mode 100644 packages/twenty-new-ui/src/layout/index.ts delete mode 100644 packages/twenty-new-ui/src/navigation/index.ts delete mode 100644 packages/twenty-new-ui/src/testing/index.ts delete mode 100644 packages/twenty-new-ui/src/utilities/index.ts rename packages/{twenty-new-ui => twenty-ui-deprecated}/.oxlintrc.json (96%) create mode 100644 packages/twenty-ui-deprecated/.prettierignore rename packages/{twenty-new-ui => twenty-ui-deprecated}/.storybook/main.ts (98%) rename packages/{twenty-ui => twenty-ui-deprecated}/.storybook/manager-head.html (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/.storybook/preview-head.html (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/.storybook/preview.tsx (57%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/.storybook/vitest.setup.ts (100%) create mode 100644 packages/twenty-ui-deprecated/README.md rename packages/{twenty-new-ui => twenty-ui-deprecated}/__mocks__/imageMockUi.js (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/jest.config.mjs (92%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/package.json (86%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/project.json (84%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/scripts/generateBarrels.ts (99%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/scripts/visual-diff.sh (77%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/setupTests.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/accessibility/components/VisibilityHidden.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/accessibility/components/VisibilityHiddenInput.tsx (100%) create mode 100644 packages/twenty-ui-deprecated/src/accessibility/index.ts rename packages/{twenty-ui => twenty-ui-deprecated}/src/accessibility/utils/visibility-hidden.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/address-book.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/anthropic.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/claude.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/gemini.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/gmail.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/google-calendar.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/google.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/groq.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-array.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-calendar-event.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-calendar-time.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-currency.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-file.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-json.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-link.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-mail.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-many-to-many.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-map.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-numbers.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-one-to-many.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-one-to-one.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-phone.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-setting.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-star.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-tag.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-tags.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-text.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-toggle.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-uid.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/illustration-user.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/lock.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/many-to-one.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/microsoft-calendar.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/microsoft-outlook.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/microsoft.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/mistral.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/openai.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/trash-x-off.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/twenty-star-filled.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/twenty-star.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/icons/xai.svg (100%) create mode 100644 packages/twenty-ui-deprecated/src/assets/index.ts rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/misc/list-view-grip.svg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/themes/dark-noise.jpg (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/assets/themes/light-noise.png (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/components/Pill/Pill.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/components/Pill/__stories__/Pill.stories.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/components/avatar-or-icon/AvatarOrIcon.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/components/avatar-or-icon/__stories__/AvatarOrIcon.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/components/chip/Chip.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/components/chip/LinkChip.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/components/chip/__stories__/Chip.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/components/chip/__stories__/LinkChip.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/components/chip/constants/LinkChipClickOutsideId.ts (100%) create mode 100644 packages/twenty-ui-deprecated/src/components/index.ts rename packages/{twenty-ui => twenty-ui-deprecated}/src/components/tag/Tag.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/components/tag/__stories__/Tag.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/avatar/components/Avatar.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/avatar/components/AvatarGroup.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/avatar/components/__stories__/Avatar.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/avatar/components/__stories__/AvatarGroup.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/avatar/components/states/invalidAvatarUrlsAtomV2.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/avatar/constants/AvatarPropertiesBySize.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/avatar/types/AvatarSize.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/avatar/types/AvatarType.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/banner/components/Banner.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/banner/components/InlineBanner.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/banner/components/SidePanelInformationBanner.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/banner/components/__stories__/Banner.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/banner/components/__stories__/SidePanelInformationBanner.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/callout/Callout.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/callout/__stories__/Callout.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/checkmark/components/AnimatedCheckmark.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/checkmark/components/Checkmark.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/checkmark/components/__stories__/Checkmark.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/color/components/ColorSample.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/color/components/__stories__/ColorSample.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/command-block/components/CommandBlock.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/components/LinkifiedText.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/Icon.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconAddressBook.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconBrandAnthropic.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconBrandGemini.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconBrandGroq.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconBrandMistral.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconBrandXai.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconChartBarHorizontal.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconGmail.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconGoogle.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconGoogleCalendar.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconLock.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconMicrosoft.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconMicrosoftCalendar.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconMicrosoftOutlook.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconModelClaude.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconProviderOpenai.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconRelationManyToOne.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconTrashXOff.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconTwentyStar.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IconTwentyStarFilled.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconArray.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconCalendarEvent.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconCalendarTime.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconCurrency.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconFile.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconJson.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconLink.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconMail.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconManyToMany.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconMap.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconNumbers.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconOneToMany.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconOneToOne.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconPhone.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconSetting.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconStar.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconTag.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconTags.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconText.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconToggle.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconUid.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconUser.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/IllustrationIconWrapper.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/TablerIcons.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/ThinkingOrbitLoaderIcon.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/components/__stories__/Icon.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/hooks/__tests__/useIcons.test.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/hooks/useIcons.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/providers/IconsProvider.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/providers/internal/AllIcons.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/states/iconsState.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/icon/types/IconComponent.ts (100%) create mode 100644 packages/twenty-ui-deprecated/src/display/index.ts rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/info/components/Info.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/info/components/__stories__/Info.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/status/components/Status.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/status/components/__stories__/Status.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/text/components/HorizontalSeparator.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/text/components/SeparatorLineText.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/text/components/__stories__/HorizontalSeparator.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/text/components/__stories__/SeparatorLineText.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/tinted-icon-tile/components/StyledTintedIconTileContainer.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/tinted-icon-tile/components/TintedIconTile.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/tinted-icon-tile/internal/constants/tintedIconTileColorShades.constant.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/tinted-icon-tile/internal/utils/getColorFromTheme.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/tinted-icon-tile/utils/getIconTileColorShades.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/tooltip/AppTooltip.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/tooltip/OverflowingTextWithTooltip.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/tooltip/__stories__/OverflowTextWithTooltip.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/tooltip/__stories__/Tooltip.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/typography/components/H1Title.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/typography/components/H2Title.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/typography/components/H3Title.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/typography/components/Label.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/typography/components/StyledText.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/typography/components/__stories__/H1Title.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/typography/components/__stories__/H2Title.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/typography/components/__stories__/H3Title.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/display/typography/components/__stories__/Label.stories.tsx (100%) create mode 100644 packages/twenty-ui-deprecated/src/feedback/index.ts rename packages/{twenty-ui => twenty-ui-deprecated}/src/feedback/loader/__stories__/Loader.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/feedback/loader/components/Loader.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/feedback/progress-bar/components/CircularProgressBar.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/feedback/progress-bar/components/ProgressBar.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/feedback/progress-bar/components/__stories__/CircularProgressBar.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/feedback/progress-bar/components/__stories__/ProgressBar.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/feedback/progress-bar/hooks/useProgressAnimation.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/global.d.ts (100%) create mode 100644 packages/twenty-ui-deprecated/src/index.ts rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/individual-entry.ts (68%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/AnimatedButton.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/AnimatedLightIconButton.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/Button/Button.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/Button/constant.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/Button/internal/ButtonHotKeys.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/Button/internal/ButtonIcon.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/Button/internal/ButtonSoon.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/Button/internal/ButtonText.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/ButtonGroup.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/ColorPickerButton.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/FloatingButton.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/FloatingButtonGroup.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/FloatingIconButton.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/FloatingIconButtonGroup.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/IconButton.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/IconButtonGroup.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/InsideButton.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/LightButton.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/LightIconButton.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/LightIconButtonGroup.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/MainButton.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/RoundedIconButton.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/TabButton/TabButton.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/TabButton/internals/components/StyledTabBase.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/TabButton/internals/components/TabContent.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/AnimatedLightIconButton.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/Button.docs.mdx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/Button.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/ButtonGroup.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/ColorPickerButton.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/FloatingButton.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/FloatingButtonGroup.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/FloatingIconButton.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/FloatingIconButtonGroup.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/IconButton.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/IconButtonGroup.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/LightButton.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/LightIconButton.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/MainButton.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/RoundedIconButton.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/button/components/__stories__/TabButton.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/code-editor/components/CodeEditor.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/code-editor/components/CodeEditorHeader.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/code-editor/constants/BaseCodeEditorThemeId.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/code-editor/index.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/code-editor/theme/utils/getBaseCodeEditorTheme.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/color-scheme/components/ColorSchemeCard.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/color-scheme/components/ColorSchemePicker.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/color-scheme/components/__stories__/ColorSchemeCard.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/components/CardPicker.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/components/Checkbox.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/components/IconListViewGrip.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/components/Radio.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/components/RadioGroup.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/components/SearchInput.tsx (100%) create mode 100644 packages/twenty-ui-deprecated/src/input/components/Toggle.tsx rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/components/__stories__/Checkbox.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/components/__stories__/Radio.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/components/__stories__/SearchInput.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/components/__stories__/Toggle.stories.tsx (100%) create mode 100644 packages/twenty-ui-deprecated/src/input/index.ts rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/types/ColorScheme.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/input/types/SelectOption.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/__stories__/JsonTree.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/components/JsonArrayNode.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/components/JsonNestedNode.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/components/JsonNode.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/components/JsonObjectNode.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/components/JsonTree.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/components/JsonTreeContextProvider.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/components/JsonValueNode.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/components/internal/JsonArrow.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/components/internal/JsonList.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/components/internal/JsonListItem.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/components/internal/JsonNodeLabel.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/components/internal/JsonNodeValue.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/contexts/JsonTreeContext.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/hooks/useJsonTreeContextOrThrow.tsx (100%) create mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/index.ts rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/types/GetJsonNodeHighlighting.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/types/JsonNodeHighlighting.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/utils/isArray.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/json-visualizer/utils/isTwoFirstDepths.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-expandable-container/__stories__/AnimatedExpandableContainer.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-expandable-container/components/AnimatedExpandableContainer.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-expandable-container/types/AnimationDimension.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-expandable-container/types/AnimationDurationObject.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-expandable-container/types/AnimationDurations.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-expandable-container/types/AnimationMode.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-expandable-container/types/AnimationSize.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-expandable-container/utils/getCommonStyles.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-expandable-container/utils/getExpandableAnimationConfig.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-expandable-container/utils/getTransitionValues.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-placeholder/components/AnimatedPlaceholder.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-placeholder/components/EmptyPlaceholderStyled.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-placeholder/components/ErrorPlaceholderStyled.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-placeholder/constants/Background.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-placeholder/constants/DarkBackground.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-placeholder/constants/DarkMovingImage.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-placeholder/constants/MovingImage.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/animated-placeholder/index.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/card/components/Card.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/card/components/CardContent.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/card/components/CardFooter.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/card/components/CardHeader.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/card/components/__stories__/Card.stories.tsx (100%) create mode 100644 packages/twenty-ui-deprecated/src/layout/index.ts rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/modal/components/Modal.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/modal/components/ModalBackdrop.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/modal/components/ModalContent.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/modal/components/ModalFooter.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/modal/components/ModalHeader.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/modal/components/__stories__/Modal.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/modal/index.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/modal/types/ModalOverlay.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/modal/types/ModalPadding.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/modal/types/ModalProps.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/modal/types/ModalSize.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/resize-handle/components/ResizeHandle.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/resize-handle/components/__stories__/ResizeHandle.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/resize-handle/hooks/useResizeHandle.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/section/components/Section.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/layout/section/components/__stories__/Section.stories.tsx (100%) create mode 100644 packages/twenty-ui-deprecated/src/navigation/index.ts rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/AdvancedSettingsToggle.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/ClickToActionLink.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/ContactLink.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/GithubVersionLink.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/RawLink.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/RoundedLink.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/SocialLink.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/UndecoratedLink.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/__stories__/ClickToActionLink.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/__stories__/ContactLink.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/__stories__/GithubVersionLink.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/__stories__/RawLink.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/__stories__/RoundedLink.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/__stories__/SocialLink.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/__stories__/UndecoratedLink.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/components/index.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/constants/Cal.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/constants/GithubLink.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/constants/TwentyPricingLink.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/link/index.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/components/MenuPicker.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/components/__stories__/MenuPicker.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/components/index.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/index.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/MenuItem.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/MenuItemAvatar.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/MenuItemDraggable.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/MenuItemHotKeys.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/MenuItemMultiSelect.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/MenuItemMultiSelectAvatar.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/MenuItemMultiSelectTag.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/MenuItemNavigate.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/MenuItemSelect.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/MenuItemSelectAvatar.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/MenuItemSelectColor.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/MenuItemSelectTag.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/MenuItemSuggestion.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/MenuItemToggle.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/__stories__/MenuItem.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/__stories__/MenuItemDraggable.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/__stories__/MenuItemMultiSelect.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/__stories__/MenuItemMultiSelectAvatar.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/__stories__/MenuItemNavigate.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/__stories__/MenuItemSelect.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/__stories__/MenuItemSelectAvatar.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/__stories__/MenuItemSelectColor.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/__stories__/MenuItemSelectTag.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/__stories__/MenuItemToggle.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/components/index.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/constants/DefaultColorLabels.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/index.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/internals/components/MenuItemIcon.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/internals/components/MenuItemIconBoxContainer.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/internals/components/MenuItemIconWithGripSwap.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/internals/components/MenuItemLeftContent.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/internals/components/StyledMenuItemBase.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/types/MenuItemAccent.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/menu/menu-item/types/MenuItemDraggableGripMode.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/navigation-bar/components/NavigationBar.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/navigation-bar/components/NavigationBarItem.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/navigation-bar/components/__stories__/NavigationBar.stories.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/navigation/notification-counter/components/NotificationCounter.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/nx-react.d.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/testing/ComponentStorybookLayout.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/testing/decorators/CatalogDecorator.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/testing/decorators/ComponentDecorator.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/testing/decorators/ComponentWithRouterDecorator.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/testing/decorators/JotaiRootDecorator.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/testing/decorators/RouterDecorator.tsx (100%) create mode 100644 packages/twenty-ui-deprecated/src/testing/index.ts rename packages/{twenty-ui => twenty-ui-deprecated}/src/testing/mocks/avatarUrlMock.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/testing/types/CatalogStory.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme-constants/ThemeProvider.tsx (92%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme-constants/__tests__/getNextThemeColor.test.ts (94%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme-constants/constants.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme-constants/getNextThemeColor.ts (84%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme-constants/index.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme-constants/theme-dark.css (99%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme-constants/theme-light.css (99%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme-constants/themeCssVariables.ts (99%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/AccentDark.ts (92%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/AccentLight.ts (92%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/Animation.ts (64%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/BackgroundDark.ts (89%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/BackgroundLight.ts (89%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/BlurDark.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/BlurLight.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/BorderCommon.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/BorderDark.ts (89%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/BorderLight.ts (89%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/BoxShadowDark.ts (90%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/BoxShadowLight.ts (86%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/CodeDark.ts (77%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/CodeLight.ts (77%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/ColorsDark.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/ColorsLight.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/DefaultThemeColorFallback.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/FontCommon.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/FontDark.ts (86%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/FontLight.ts (86%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/GrayScaleDark.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/GrayScaleDarkAlpha.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/GrayScaleLight.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/GrayScaleLightAlpha.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/Icon.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/IllustrationIconDark.ts (59%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/IllustrationIconLight.ts (58%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/MainColorNames.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/MainColorsDark.ts (94%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/MainColorsLight.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/Modal.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/Rgba.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/SecondaryColorsDark.ts (99%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/SecondaryColorsLight.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/SnackBarDark.ts (73%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/SnackBarLight.ts (73%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/TagDark.ts (96%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/TagLight.ts (96%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/Text.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/ThemeCommon.ts (91%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/ThemeDark.ts (86%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/ThemeLight.ts (68%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/TransparentColorsDark.ts (99%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/constants/TransparentColorsLight.ts (99%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/theme/index.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/animation/components/AnimatedCircleLoading.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/animation/components/AnimatedContainer.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/animation/components/AnimatedEaseIn.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/animation/components/AnimatedEaseInOut.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/animation/components/AnimatedFadeOut.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/animation/components/AnimatedIconCrossfade.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/animation/components/AnimatedRotate.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/animation/components/AnimatedTextWord.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/animation/components/AnimatedTranslation.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/animation/index.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/color/utils/__tests__/getMainColorNameFromPaletteColorName.test.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/color/utils/__tests__/stringToThemeColorP3String.test.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/color/utils/getMainColorNameFromPaletteColorName.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/color/utils/parseThemeColor.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/color/utils/stringToThemeColorP3String.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/color/utils/themeColorSchema.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/config.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/device/__tests__/getOsControlSymbol.test.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/device/__tests__/getOsShortcutSeparator.test.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/device/getOsControlSymbol.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/device/getOsShortcutSeparator.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/device/getUserDevice.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/dimensions/components/AutogrowWrapper.tsx (100%) create mode 100644 packages/twenty-ui-deprecated/src/utilities/index.ts rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/navigation/hooks/useMouseDownNavigation.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/navigation/hooks/useResetLocationHash.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/navigation/isNavigationModifierPressed.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/navigation/types/trigger-event.type.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/responsive/hooks/__tests__/isMobile.test.tsx (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/responsive/hooks/useIsMobile.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/screen-size/hooks/useScreenSize.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/state/utils/createState.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/types/ClickOutsideAttributes.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/types/Nullable.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/utils/__tests__/getDisplayValueByUrlType.test.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/utils/__tests__/linkifyText.test.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/utils/getDisplayValueByUrlType.ts (100%) rename packages/{twenty-ui => twenty-ui-deprecated}/src/utilities/utils/linkifyText.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/src/vite-env.d.ts (100%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/tsconfig.json (83%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/tsconfig.lib.json (73%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/vite.config.individual.ts (73%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/vite.config.ts (82%) rename packages/{twenty-new-ui => twenty-ui-deprecated}/vitest.config.ts (99%) rename packages/{twenty-new-ui => twenty-ui}/.size-limit.json (100%) rename packages/{twenty-new-ui => twenty-ui}/__mocks__/styleMock.js (100%) rename packages/{twenty-new-ui => twenty-ui}/src/input/components/Toggle.module.scss (100%) rename packages/{twenty-new-ui => twenty-ui}/src/input/components/Toggle.module.scss.d.ts (100%) rename packages/{twenty-new-ui => twenty-ui}/src/input/components/Toggle.stories.tsx (100%) rename packages/{twenty-new-ui => twenty-ui}/src/styles/abstracts/_breakpoints.scss (100%) rename packages/{twenty-new-ui => twenty-ui}/src/styles/abstracts/_functions.scss (100%) rename packages/{twenty-new-ui => twenty-ui}/src/styles/abstracts/_mixins.scss (100%) rename packages/{twenty-new-ui => twenty-ui}/src/styles/base/reset.scss (100%) create mode 100644 packages/twenty-ui/src/styles/index.ts rename packages/{twenty-new-ui => twenty-ui}/src/theme-constants/__tests__/theme-parity.test.ts (88%) diff --git a/.github/workflows/ci-front.yaml b/.github/workflows/ci-front.yaml index 78502fe37c..a262f09aeb 100644 --- a/.github/workflows/ci-front.yaml +++ b/.github/workflows/ci-front.yaml @@ -27,6 +27,7 @@ jobs: packages/twenty-front/** packages/twenty-front-component-renderer/** packages/twenty-ui/** + packages/twenty-ui-deprecated/** packages/twenty-shared/** packages/twenty-sdk/** !packages/twenty-sdk/package.json @@ -90,6 +91,7 @@ jobs: run: | npx nx build twenty-shared npx nx build twenty-ui + npx nx build twenty-ui-deprecated npx nx build twenty-front-component-renderer - name: Download storybook build uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4.3.0 diff --git a/.github/workflows/ci-new-ui.yaml b/.github/workflows/ci-new-ui.yaml index 7a005ce4a4..c294bf6dc1 100644 --- a/.github/workflows/ci-new-ui.yaml +++ b/.github/workflows/ci-new-ui.yaml @@ -21,7 +21,7 @@ jobs: files: | package.json yarn.lock - packages/twenty-new-ui/** + packages/twenty-ui/** packages/twenty-shared/** new-ui-task: needs: changed-files-check @@ -39,7 +39,7 @@ jobs: - name: Install dependencies uses: ./.github/actions/yarn-install - name: Run ${{ matrix.task }} - run: npx nx ${{ matrix.task }} twenty-new-ui + run: npx nx ${{ matrix.task }} twenty-ui new-ui-sb-build: needs: changed-files-check if: >- @@ -56,12 +56,12 @@ jobs: - name: Install dependencies uses: ./.github/actions/yarn-install - name: Build storybook - run: npx nx storybook:build twenty-new-ui + run: npx nx storybook:build twenty-ui - name: Upload storybook build uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4.6.2 with: name: storybook-twenty-new-ui - path: packages/twenty-new-ui/storybook-static + path: packages/twenty-ui/storybook-static retention-days: 1 new-ui-sb-test: timeout-minutes: 30 @@ -81,19 +81,19 @@ jobs: uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4.3.0 with: name: storybook-twenty-new-ui - path: packages/twenty-new-ui/storybook-static + path: packages/twenty-ui/storybook-static - name: Install Playwright run: | - cd packages/twenty-new-ui + cd packages/twenty-ui npx playwright install - name: Run storybook tests - run: npx nx storybook:test twenty-new-ui + run: npx nx storybook:test twenty-ui - name: Upload screenshots for visual regression if: always() && !cancelled() uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4.6.2 with: name: argos-screenshots-twenty-new-ui - path: packages/twenty-new-ui/screenshots + path: packages/twenty-ui/screenshots retention-days: 1 ci-new-ui-status-check: if: always() && !cancelled() diff --git a/.github/workflows/ci-ui.yaml b/.github/workflows/ci-ui.yaml index ddc8e36371..08b0d8c0f3 100644 --- a/.github/workflows/ci-ui.yaml +++ b/.github/workflows/ci-ui.yaml @@ -21,7 +21,7 @@ jobs: files: | package.json yarn.lock - packages/twenty-ui/** + packages/twenty-ui-deprecated/** packages/twenty-shared/** ui-task: needs: changed-files-check @@ -39,7 +39,7 @@ jobs: - name: Install dependencies uses: ./.github/actions/yarn-install - name: Run ${{ matrix.task }} - run: npx nx ${{ matrix.task }} twenty-ui + run: npx nx ${{ matrix.task }} twenty-ui-deprecated ui-sb-build: needs: changed-files-check if: >- @@ -56,12 +56,12 @@ jobs: - name: Install dependencies uses: ./.github/actions/yarn-install - name: Build storybook - run: npx nx storybook:build twenty-ui + run: npx nx storybook:build twenty-ui-deprecated - name: Upload storybook build uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4.6.2 with: name: storybook-twenty-ui - path: packages/twenty-ui/storybook-static + path: packages/twenty-ui-deprecated/storybook-static retention-days: 1 ui-sb-test: timeout-minutes: 30 @@ -81,19 +81,19 @@ jobs: uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4.3.0 with: name: storybook-twenty-ui - path: packages/twenty-ui/storybook-static + path: packages/twenty-ui-deprecated/storybook-static - name: Install Playwright run: | - cd packages/twenty-ui + cd packages/twenty-ui-deprecated npx playwright install - name: Run storybook tests - run: npx nx storybook:test twenty-ui + run: npx nx storybook:test twenty-ui-deprecated - name: Upload screenshots for visual regression if: always() && !cancelled() uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4.6.2 with: name: argos-screenshots-twenty-ui - path: packages/twenty-ui/screenshots + path: packages/twenty-ui-deprecated/screenshots retention-days: 1 ci-ui-status-check: if: always() && !cancelled() diff --git a/package.json b/package.json index 893fdf5e8d..efd112f71d 100644 --- a/package.json +++ b/package.json @@ -52,7 +52,7 @@ "packages/twenty-server", "packages/twenty-emails", "packages/twenty-ui", - "packages/twenty-new-ui", + "packages/twenty-ui-deprecated", "packages/twenty-utils", "packages/twenty-zapier", "packages/twenty-website", diff --git a/packages/twenty-docker/twenty/Dockerfile b/packages/twenty-docker/twenty/Dockerfile index 49537b7271..dfd5748b45 100644 --- a/packages/twenty-docker/twenty/Dockerfile +++ b/packages/twenty-docker/twenty/Dockerfile @@ -11,13 +11,14 @@ COPY ./.yarn/releases /app/.yarn/releases COPY ./.yarn/patches /app/.yarn/patches COPY ./packages/twenty-ui/package.json /app/packages/twenty-ui/ +COPY ./packages/twenty-ui-deprecated/package.json /app/packages/twenty-ui-deprecated/ COPY ./packages/twenty-shared/package.json /app/packages/twenty-shared/ COPY ./packages/twenty-front/package.json /app/packages/twenty-front/ COPY ./packages/twenty-front-component-renderer/package.json /app/packages/twenty-front-component-renderer/ COPY ./packages/twenty-sdk/package.json /app/packages/twenty-sdk/ COPY ./packages/twenty-client-sdk/package.json /app/packages/twenty-client-sdk/ -RUN yarn workspaces focus twenty twenty-front twenty-front-component-renderer twenty-ui twenty-shared twenty-sdk twenty-client-sdk && yarn cache clean && npx nx reset +RUN yarn workspaces focus twenty twenty-front twenty-front-component-renderer twenty-ui twenty-ui-deprecated twenty-shared twenty-sdk twenty-client-sdk && yarn cache clean && npx nx reset FROM node:24.16.0-alpine3.23@sha256:2bdb65ed1dab192432bc31c95f94155ca5ad7fc1392fb7eb7526ab682fa5bf14 AS server-deps @@ -64,6 +65,7 @@ FROM front-deps AS twenty-front-build COPY ./packages/twenty-front /app/packages/twenty-front COPY ./packages/twenty-front-component-renderer /app/packages/twenty-front-component-renderer COPY ./packages/twenty-ui /app/packages/twenty-ui +COPY ./packages/twenty-ui-deprecated /app/packages/twenty-ui-deprecated COPY ./packages/twenty-shared /app/packages/twenty-shared COPY ./packages/twenty-sdk /app/packages/twenty-sdk COPY ./packages/twenty-client-sdk /app/packages/twenty-client-sdk diff --git a/packages/twenty-front-component-renderer/.storybook/preview.tsx b/packages/twenty-front-component-renderer/.storybook/preview.tsx index 251bd8a638..0d269ff2ae 100644 --- a/packages/twenty-front-component-renderer/.storybook/preview.tsx +++ b/packages/twenty-front-component-renderer/.storybook/preview.tsx @@ -1,5 +1,5 @@ import { type Preview } from '@storybook/react-vite'; -import { ThemeProvider } from 'twenty-ui/theme-constants'; +import { ThemeProvider } from 'twenty-ui-deprecated/theme-constants'; const preview: Preview = { tags: ['autodocs'], diff --git a/packages/twenty-front-component-renderer/package.json b/packages/twenty-front-component-renderer/package.json index 8e044e2237..a89a387d00 100644 --- a/packages/twenty-front-component-renderer/package.json +++ b/packages/twenty-front-component-renderer/package.json @@ -49,7 +49,7 @@ "tsx": "^4.7.0", "twenty-sdk": "workspace:*", "twenty-shared": "workspace:*", - "twenty-ui": "workspace:*", + "twenty-ui-deprecated": "workspace:*", "vite-plugin-dts": "^4.5.4", "vite-tsconfig-paths": "^4.2.1" }, diff --git a/packages/twenty-front-component-renderer/project.json b/packages/twenty-front-component-renderer/project.json index 9f481837c7..a71c7b65ac 100644 --- a/packages/twenty-front-component-renderer/project.json +++ b/packages/twenty-front-component-renderer/project.json @@ -30,8 +30,8 @@ "inputs": [ "{projectRoot}/scripts/remote-dom/**/*", "{projectRoot}/src/constants/**/*", - "{workspaceRoot}/packages/twenty-ui/src/**/index.ts", - "{workspaceRoot}/packages/twenty-ui/src/**/*.tsx" + "{workspaceRoot}/packages/twenty-ui-deprecated/src/**/index.ts", + "{workspaceRoot}/packages/twenty-ui-deprecated/src/**/*.tsx" ], "outputs": [ "{projectRoot}/src/host/generated/*", @@ -58,7 +58,7 @@ }, { "target": "build:individual", - "projects": "twenty-ui" + "projects": "twenty-ui-deprecated" }, { "target": "build:individual", diff --git a/packages/twenty-front-component-renderer/scripts/front-component-stories/build-source-examples.ts b/packages/twenty-front-component-renderer/scripts/front-component-stories/build-source-examples.ts index 553cca6504..d9b2f4d7b4 100644 --- a/packages/twenty-front-component-renderer/scripts/front-component-stories/build-source-examples.ts +++ b/packages/twenty-front-component-renderer/scripts/front-component-stories/build-source-examples.ts @@ -22,7 +22,7 @@ const rootNodeModules = path.resolve(dirname, '../../../../node_modules'); const twentyUiIndividualIndex = path.resolve( dirname, - '../../../twenty-ui/dist/individual/individual-entry.js', + '../../../twenty-ui-deprecated/dist/individual/individual-entry.js', ); const sdkDefineIndex = path.resolve( diff --git a/packages/twenty-front-component-renderer/src/host/components/FrontComponentRenderer.tsx b/packages/twenty-front-component-renderer/src/host/components/FrontComponentRenderer.tsx index 5707497cc8..0a467fed03 100644 --- a/packages/twenty-front-component-renderer/src/host/components/FrontComponentRenderer.tsx +++ b/packages/twenty-front-component-renderer/src/host/components/FrontComponentRenderer.tsx @@ -14,7 +14,7 @@ import { import { useMemo, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { ThemeProvider } from 'twenty-ui/theme-constants'; +import { ThemeProvider } from 'twenty-ui-deprecated/theme-constants'; import { FrontComponentWorkerEffect } from '../../remote/components/FrontComponentWorkerEffect'; import { componentRegistry } from '../generated/host-component-registry'; diff --git a/packages/twenty-front/.storybook/preview.tsx b/packages/twenty-front/.storybook/preview.tsx index 9b1a4058b5..64b164858c 100644 --- a/packages/twenty-front/.storybook/preview.tsx +++ b/packages/twenty-front/.storybook/preview.tsx @@ -18,10 +18,10 @@ import { resetJotaiStore } from '../src/modules/ui/utilities/state/jotai/jotaiSt import { UserContext } from '../src/modules/users/contexts/UserContext'; import 'react-loading-skeleton/dist/skeleton.css'; -import 'twenty-ui/style.css'; -import 'twenty-ui/theme-light.css'; -import 'twenty-ui/theme-dark.css'; -import { ThemeProvider } from 'twenty-ui/theme-constants'; +import 'twenty-ui-deprecated/style.css'; +import 'twenty-ui-deprecated/theme-light.css'; +import 'twenty-ui-deprecated/theme-dark.css'; +import { ThemeProvider } from 'twenty-ui-deprecated/theme-constants'; // oxlint-disable-next-line no-restricted-imports import { messages as enMessages } from '../src/locales/generated/en'; diff --git a/packages/twenty-front/jest.config.mjs b/packages/twenty-front/jest.config.mjs index 12c063f691..1f1f67a413 100644 --- a/packages/twenty-front/jest.config.mjs +++ b/packages/twenty-front/jest.config.mjs @@ -24,9 +24,10 @@ const jestConfig = { testEnvironmentOptions: {}, transformIgnorePatterns: [ - '/node_modules/(?!(twenty-ui|apollo-upload-client|extract-files|is-plain-obj)/.*)', - '../../node_modules/(?!(twenty-ui|apollo-upload-client|extract-files|is-plain-obj)/.*)', + '/node_modules/(?!(twenty-ui|twenty-ui-deprecated|apollo-upload-client|extract-files|is-plain-obj)/.*)', + '../../node_modules/(?!(twenty-ui|twenty-ui-deprecated|apollo-upload-client|extract-files|is-plain-obj)/.*)', '../../twenty-ui/', + '../../twenty-ui-deprecated/', ], transform: { '^.+\\.(ts|js|tsx|jsx|mjs)$': [ diff --git a/packages/twenty-front/package.json b/packages/twenty-front/package.json index 4e54f678a5..4f086d6571 100644 --- a/packages/twenty-front/package.json +++ b/packages/twenty-front/package.json @@ -140,6 +140,7 @@ "twenty-front-component-renderer": "workspace:*", "twenty-shared": "workspace:*", "twenty-ui": "workspace:*", + "twenty-ui-deprecated": "workspace:*", "type-fest": "4.10.1", "use-debounce": "^10.0.0", "uuid": "^11.1.1", diff --git a/packages/twenty-front/src/hooks/useCopyToClipboard.tsx b/packages/twenty-front/src/hooks/useCopyToClipboard.tsx index cdaea46357..de518f6d22 100644 --- a/packages/twenty-front/src/hooks/useCopyToClipboard.tsx +++ b/packages/twenty-front/src/hooks/useCopyToClipboard.tsx @@ -1,8 +1,8 @@ import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { useLingui } from '@lingui/react/macro'; -import { IconCopy, IconExclamationCircle } from 'twenty-ui/display'; +import { IconCopy, IconExclamationCircle } from 'twenty-ui-deprecated/display'; import { useContext } from 'react'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; export const useCopyToClipboard = () => { const { theme } = useContext(ThemeContext); const { enqueueSuccessSnackBar, enqueueErrorSnackBar } = useSnackBar(); diff --git a/packages/twenty-front/src/index.tsx b/packages/twenty-front/src/index.tsx index 0debf5540d..5bbdd64bc1 100644 --- a/packages/twenty-front/src/index.tsx +++ b/packages/twenty-front/src/index.tsx @@ -2,9 +2,12 @@ import ReactDOM from 'react-dom/client'; import { App } from '@/app/components/App'; import 'react-loading-skeleton/dist/skeleton.css'; +import 'twenty-ui-deprecated/style.css'; +import 'twenty-ui-deprecated/theme-light.css'; +import 'twenty-ui-deprecated/theme-dark.css'; +// New twenty-ui ships its component styles (e.g. Toggle SCSS modules) in its own +// style.css; the --t-* theme tokens it relies on are already provided above. import 'twenty-ui/style.css'; -import 'twenty-ui/theme-light.css'; -import 'twenty-ui/theme-dark.css'; import './index.css'; const root = ReactDOM.createRoot( diff --git a/packages/twenty-front/src/loading/components/LeftPanelSkeletonLoader.tsx b/packages/twenty-front/src/loading/components/LeftPanelSkeletonLoader.tsx index f4e7b6a1a1..d053d60126 100644 --- a/packages/twenty-front/src/loading/components/LeftPanelSkeletonLoader.tsx +++ b/packages/twenty-front/src/loading/components/LeftPanelSkeletonLoader.tsx @@ -7,7 +7,7 @@ import { NAVIGATION_DRAWER_CONSTRAINTS } from '@/ui/layout/resizable-panel/const import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile'; import { MainNavigationDrawerItemsSkeletonLoader } from '~/loading/components/MainNavigationDrawerItemsSkeletonLoader'; import { useContext } from 'react'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; const StyledAnimatedContainer = styled(motion.div)` align-items: center; diff --git a/packages/twenty-front/src/loading/components/MainNavigationDrawerItemsSkeletonLoader.tsx b/packages/twenty-front/src/loading/components/MainNavigationDrawerItemsSkeletonLoader.tsx index 334f9d608a..cba6940543 100644 --- a/packages/twenty-front/src/loading/components/MainNavigationDrawerItemsSkeletonLoader.tsx +++ b/packages/twenty-front/src/loading/components/MainNavigationDrawerItemsSkeletonLoader.tsx @@ -2,7 +2,7 @@ import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLo import { styled } from '@linaria/react'; import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; const StyledSkeletonContainer = styled.div` align-items: flex-start; diff --git a/packages/twenty-front/src/loading/components/PageContentSkeletonLoader.tsx b/packages/twenty-front/src/loading/components/PageContentSkeletonLoader.tsx index 2035d2dc9e..2614194cc9 100644 --- a/packages/twenty-front/src/loading/components/PageContentSkeletonLoader.tsx +++ b/packages/twenty-front/src/loading/components/PageContentSkeletonLoader.tsx @@ -4,7 +4,10 @@ import { PAGE_BAR_MIN_HEIGHT } from '@/ui/layout/page/constants/PageBarMinHeight import { styled } from '@linaria/react'; import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledHeaderSkeleton = styled.div` align-items: center; diff --git a/packages/twenty-front/src/loading/components/SidePanelSkeletonLoader.tsx b/packages/twenty-front/src/loading/components/SidePanelSkeletonLoader.tsx index 60ac5054a5..f330af3d3c 100644 --- a/packages/twenty-front/src/loading/components/SidePanelSkeletonLoader.tsx +++ b/packages/twenty-front/src/loading/components/SidePanelSkeletonLoader.tsx @@ -2,7 +2,10 @@ import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLo import { styled } from '@linaria/react'; import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledSidePanelContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/loading/components/UserOrMetadataLoader.tsx b/packages/twenty-front/src/loading/components/UserOrMetadataLoader.tsx index 7ca8998359..cb1b0fff3a 100644 --- a/packages/twenty-front/src/loading/components/UserOrMetadataLoader.tsx +++ b/packages/twenty-front/src/loading/components/UserOrMetadataLoader.tsx @@ -3,8 +3,11 @@ import { styled } from '@linaria/react'; import { useShowAuthModal } from '@/ui/layout/hooks/useShowAuthModal'; import { RootStackingContextZIndices } from '@/ui/layout/constants/RootStackingContextZIndices'; import { NAVIGATION_DRAWER_CONSTRAINTS } from '@/ui/layout/resizable-panel/constants/NavigationDrawerConstraints'; -import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; -import { ModalBackdrop } from 'twenty-ui/layout'; +import { + MOBILE_VIEWPORT, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; +import { ModalBackdrop } from 'twenty-ui-deprecated/layout'; import { LeftPanelSkeletonLoader } from '~/loading/components/LeftPanelSkeletonLoader'; import { RightPanelSkeletonLoader } from '~/loading/components/RightPanelSkeletonLoader'; diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarDayCardContent.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarDayCardContent.tsx index b2de426f03..d54a847dcf 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarDayCardContent.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarDayCardContent.tsx @@ -4,8 +4,11 @@ import { useContext } from 'react'; import { CalendarEventRow } from '@/activities/calendar/components/CalendarEventRow'; import { getCalendarEventStartDate } from '@/activities/calendar/utils/getCalendarEventStartDate'; -import { CardContent } from 'twenty-ui/layout'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { CardContent } from 'twenty-ui-deprecated/layout'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { type TimelineCalendarEvent } from '~/generated/graphql'; type CalendarDayCardContentProps = { diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventDetails.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventDetails.tsx index d816389774..a60565e9c6 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventDetails.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventDetails.tsx @@ -31,9 +31,9 @@ import { ChipAccent, ChipSize, ChipVariant, -} from 'twenty-ui/components'; -import { IconCalendarEvent } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/components'; +import { IconCalendarEvent } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { beautifyPastDateRelativeToNow } from '~/utils/date-utils'; type CalendarEventDetailsProps = { diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx index fc2b2f190e..a33e4580d7 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx @@ -1,8 +1,11 @@ import { styled } from '@linaria/react'; import { Trans } from '@lingui/react/macro'; import { useContext } from 'react'; -import { IconLock } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconLock } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsAvatarGroup.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsAvatarGroup.tsx index a8ff11d646..bccc9fea55 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsAvatarGroup.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsAvatarGroup.tsx @@ -1,7 +1,7 @@ import { type CalendarEventParticipant } from '@/activities/calendar/types/CalendarEventParticipant'; import { isTimelineCalendarEventParticipant } from '@/activities/calendar/types/guards/IsTimelineCalendarEventParticipant'; import { isDefined } from 'twenty-shared/utils'; -import { Avatar, AvatarGroup } from 'twenty-ui/display'; +import { Avatar, AvatarGroup } from 'twenty-ui-deprecated/display'; import { type TimelineCalendarEventParticipant } from '~/generated/graphql'; type CalendarEventParticipantsAvatarGroupProps = { diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsResponseStatusField.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsResponseStatusField.tsx index 4a1257785b..cd2477c004 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsResponseStatusField.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsResponseStatusField.tsx @@ -6,8 +6,15 @@ import { PropertyBox } from '@/object-record/record-inline-cell/property-box/com import { ParticipantChip } from '@/activities/components/ParticipantChip'; import { EllipsisDisplay } from '@/ui/field/display/components/EllipsisDisplay'; import { ExpandableList } from '@/ui/layout/expandable-list/components/ExpandableList'; -import { IconCheck, IconQuestionMark, IconX } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + IconCheck, + IconQuestionMark, + IconX, +} from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledInlineCellBaseContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx index 66fcce2cef..c55efb1810 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx @@ -15,8 +15,11 @@ import { hasCalendarEventEnded } from '@/activities/calendar/utils/hasCalendarEv import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState'; import { useOpenCalendarEventInSidePanel } from '@/side-panel/hooks/useOpenCalendarEventInSidePanel'; import { useContext } from 'react'; -import { IconArrowRight } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconArrowRight } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; type CalendarEventRowProps = { calendarEvent: TimelineCalendarEvent; diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventsCard.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventsCard.tsx index 349e44833b..efbde0cde7 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventsCard.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventsCard.tsx @@ -15,7 +15,7 @@ import { SkeletonLoader } from '@/activities/components/SkeletonLoader'; import { useCustomResolver } from '@/activities/hooks/useCustomResolver'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { useTargetRecord } from '@/ui/layout/contexts/useTargetRecord'; -import { H3Title } from 'twenty-ui/display'; +import { H3Title } from 'twenty-ui-deprecated/display'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, @@ -24,8 +24,8 @@ import { AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, Section, -} from 'twenty-ui/layout'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/layout'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { type TimelineCalendarEventsWithTotal } from '~/generated/graphql'; import { dateLocaleState } from '~/localization/states/dateLocaleState'; diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarMonthCard.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarMonthCard.tsx index c443df565e..f8e6e88d2d 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarMonthCard.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarMonthCard.tsx @@ -2,7 +2,7 @@ import { useContext } from 'react'; import { CalendarDayCardContent } from '@/activities/calendar/components/CalendarDayCardContent'; import { CalendarContext } from '@/activities/calendar/contexts/CalendarContext'; -import { Card } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui-deprecated/layout'; type CalendarMonthCardProps = { dayTimes: number[]; diff --git a/packages/twenty-front/src/modules/activities/calendar/components/__stories__/Calendar.stories.tsx b/packages/twenty-front/src/modules/activities/calendar/components/__stories__/Calendar.stories.tsx index 2128194bf9..36d80d6fd0 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/__stories__/Calendar.stories.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/__stories__/Calendar.stories.tsx @@ -6,7 +6,7 @@ import { CalendarEventsCard } from '@/activities/calendar/components/CalendarEve import { getTimelineCalendarEventsFromCompanyId } from '@/activities/calendar/graphql/queries/getTimelineCalendarEventsFromCompanyId'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { LayoutRenderingProvider } from '@/ui/layout/contexts/LayoutRenderingContext'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { PageLayoutType } from '~/generated-metadata/graphql'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; diff --git a/packages/twenty-front/src/modules/activities/components/ActivityList.tsx b/packages/twenty-front/src/modules/activities/components/ActivityList.tsx index 59ff8a1211..00e310055c 100644 --- a/packages/twenty-front/src/modules/activities/components/ActivityList.tsx +++ b/packages/twenty-front/src/modules/activities/components/ActivityList.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; -import { Card } from 'twenty-ui/layout'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Card } from 'twenty-ui-deprecated/layout'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledListContainer = styled.div` width: 100%; diff --git a/packages/twenty-front/src/modules/activities/components/ActivityRow.tsx b/packages/twenty-front/src/modules/activities/components/ActivityRow.tsx index af3b20ee48..14c96cd41a 100644 --- a/packages/twenty-front/src/modules/activities/components/ActivityRow.tsx +++ b/packages/twenty-front/src/modules/activities/components/ActivityRow.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import React from 'react'; -import { CardContent } from 'twenty-ui/layout'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { CardContent } from 'twenty-ui-deprecated/layout'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledRowContentContainer = styled.div` > div { diff --git a/packages/twenty-front/src/modules/activities/components/ActivityTargetChips.tsx b/packages/twenty-front/src/modules/activities/components/ActivityTargetChips.tsx index e96ee4de05..447a715774 100644 --- a/packages/twenty-front/src/modules/activities/components/ActivityTargetChips.tsx +++ b/packages/twenty-front/src/modules/activities/components/ActivityTargetChips.tsx @@ -3,7 +3,7 @@ import { styled } from '@linaria/react'; import { type ActivityTargetWithTargetRecord } from '@/activities/types/ActivityTargetObject'; import { RecordChip } from '@/object-record/components/RecordChip'; import { ExpandableList } from '@/ui/layout/expandable-list/components/ExpandableList'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type ActivityTargetChipsProps = { activityTargetObjectRecords: ActivityTargetWithTargetRecord[]; diff --git a/packages/twenty-front/src/modules/activities/components/CustomResolverFetchMoreLoader.tsx b/packages/twenty-front/src/modules/activities/components/CustomResolverFetchMoreLoader.tsx index f8f9576040..c19fefaf5c 100644 --- a/packages/twenty-front/src/modules/activities/components/CustomResolverFetchMoreLoader.tsx +++ b/packages/twenty-front/src/modules/activities/components/CustomResolverFetchMoreLoader.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useInView } from 'react-intersection-observer'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type CustomResolverFetchMoreLoaderProps = { loading: boolean; diff --git a/packages/twenty-front/src/modules/activities/components/ParticipantChip.tsx b/packages/twenty-front/src/modules/activities/components/ParticipantChip.tsx index 4f69b35f44..a73cb5c44b 100644 --- a/packages/twenty-front/src/modules/activities/components/ParticipantChip.tsx +++ b/packages/twenty-front/src/modules/activities/components/ParticipantChip.tsx @@ -4,8 +4,8 @@ import React from 'react'; import { getDisplayNameFromParticipant } from '@/activities/emails/utils/getDisplayNameFromParticipant'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { RecordChip } from '@/object-record/components/RecordChip'; -import { Avatar } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Avatar } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledAvatarContainer = styled.span` margin-right: ${themeCssVariables.spacing[1]}; diff --git a/packages/twenty-front/src/modules/activities/components/SkeletonLoader.tsx b/packages/twenty-front/src/modules/activities/components/SkeletonLoader.tsx index 1d98bcac36..a63bd673de 100644 --- a/packages/twenty-front/src/modules/activities/components/SkeletonLoader.tsx +++ b/packages/twenty-front/src/modules/activities/components/SkeletonLoader.tsx @@ -1,7 +1,10 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledSkeletonContainer = styled.div` align-content: flex-start; diff --git a/packages/twenty-front/src/modules/activities/emails/components/ComposeEmailButton.tsx b/packages/twenty-front/src/modules/activities/emails/components/ComposeEmailButton.tsx index 10de2c5eed..2e12006bc6 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/ComposeEmailButton.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/ComposeEmailButton.tsx @@ -1,6 +1,6 @@ import { useComposeEmailForTargetRecord } from '@/activities/emails/hooks/useComposeEmailForTargetRecord'; -import { IconPlus } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; +import { IconPlus } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; export const ComposeEmailButton = () => { const { openComposer, loading } = useComposeEmailForTargetRecord(); diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailAttachmentsField.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailAttachmentsField.tsx index 432f9af172..ebc8bec0fa 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailAttachmentsField.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailAttachmentsField.tsx @@ -3,8 +3,11 @@ import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; import { type EmailAttachment } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconUpload } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconUpload } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { useUploadEmailAttachment } from '@/activities/emails/hooks/useUploadEmailAttachment'; import { AttachmentChip } from '@/file/components/AttachmentChip'; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailComposer.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailComposer.tsx index d69492f0bf..938f1ea881 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailComposer.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailComposer.tsx @@ -3,9 +3,9 @@ import { styled } from '@linaria/react'; import { EmailComposerFields } from '@/activities/emails/components/EmailComposerFields'; import { useEmailComposerState } from '@/activities/emails/hooks/useEmailComposerState'; import { t } from '@lingui/core/macro'; -import { IconArrowBackUp } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconArrowBackUp } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledFooterWarning = styled.span` color: ${themeCssVariables.color.red}; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailComposerFields.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailComposerFields.tsx index 8ae0cbb18c..921610f427 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailComposerFields.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailComposerFields.tsx @@ -9,8 +9,8 @@ import { FormTextFieldInput } from '@/object-record/record-field/ui/form-types/c import { GET_MY_CONNECTED_ACCOUNTS } from '@/settings/accounts/graphql/queries/getMyConnectedAccounts'; import { Select } from '@/ui/input/components/Select'; import { t } from '@lingui/core/macro'; -import { type SelectOption } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { type SelectOption } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledFieldsContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailLoader.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailLoader.tsx index 2c465b3e31..6068105fea 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailLoader.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailLoader.tsx @@ -4,8 +4,8 @@ import { AnimatedPlaceholderEmptyContainer, AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, -} from 'twenty-ui/layout'; -import { Loader } from 'twenty-ui/feedback'; +} from 'twenty-ui-deprecated/layout'; +import { Loader } from 'twenty-ui-deprecated/feedback'; export const EmailLoader = ({ loadingText }: { loadingText?: string }) => ( diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadBottomBar.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadBottomBar.tsx index 771f075491..bfd23e4cf7 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadBottomBar.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadBottomBar.tsx @@ -1,8 +1,8 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconArrowBackUp, IconUserCircle } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconArrowBackUp, IconUserCircle } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledThreadBottomBar = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadHeader.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadHeader.tsx index 3d25d8d193..324120a0f9 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadHeader.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadHeader.tsx @@ -2,7 +2,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { dateLocaleState } from '~/localization/states/dateLocaleState'; import { beautifyPastDateRelativeToNow } from '~/utils/date-utils'; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessage.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessage.tsx index 04759c939d..09841eed28 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessage.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessage.tsx @@ -10,7 +10,7 @@ import { type EmailThreadMessageParticipant } from '@/activities/emails/types/Em import { FIELD_RESTRICTED_ADDITIONAL_PERMISSIONS_REQUIRED } from 'twenty-shared/constants'; import { MessageParticipantRole } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { MessageChannelVisibility } from '~/generated/graphql'; const StyledThreadMessage = styled.div<{ hideBottomBorder?: boolean }>` diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBody.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBody.tsx index 0bf2b32297..7ed69f6001 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBody.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBody.tsx @@ -1,8 +1,8 @@ import { styled } from '@linaria/react'; import { motion } from 'framer-motion'; import Linkify from 'linkify-react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { AnimatedEaseInOut } from 'twenty-ui/utilities'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { AnimatedEaseInOut } from 'twenty-ui-deprecated/utilities'; const StyledThreadMessageBody = styled(motion.div)` color: ${themeCssVariables.font.color.primary}; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBodyPreview.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBodyPreview.tsx index 6809f884b1..1f1454c6b0 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBodyPreview.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBodyPreview.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledThreadMessageBodyPreview = styled.div` color: ${themeCssVariables.font.color.tertiary}; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageReceivers.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageReceivers.tsx index 59a1b1830a..6f04dc7ae5 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageReceivers.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageReceivers.tsx @@ -2,8 +2,8 @@ import { styled } from '@linaria/react'; import { type EmailThreadMessageParticipant } from '@/activities/emails/types/EmailThreadMessageParticipant'; import { getDisplayNameFromParticipant } from '@/activities/emails/utils/getDisplayNameFromParticipant'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { OverflowingTextWithTooltip } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type EmailThreadMessageReceiversProps = { receivers: EmailThreadMessageParticipant[]; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx index 4831dc7743..3e3e30d3e2 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx @@ -3,8 +3,8 @@ import { styled } from '@linaria/react'; import { ParticipantChip } from '@/activities/components/ParticipantChip'; import { type EmailThreadMessageParticipant } from '@/activities/emails/types/EmailThreadMessageParticipant'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { AppTooltip, TooltipPosition } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { AppTooltip, TooltipPosition } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { dateLocaleState } from '~/localization/states/dateLocaleState'; import { beautifyPastDateRelativeToNow, diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadNotShared.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadNotShared.tsx index 9d84f81eb1..8ec5fa626e 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadNotShared.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadNotShared.tsx @@ -1,8 +1,15 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; -import { AppTooltip, IconLock, TooltipDelay } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + AppTooltip, + IconLock, + TooltipDelay, +} from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { MessageChannelVisibility } from '~/generated/graphql'; const StyledContainer = styled.div<{ isCompact?: boolean }>` diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadPreview.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadPreview.tsx index 3d501b161a..f2a5c595ec 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadPreview.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadPreview.tsx @@ -7,8 +7,11 @@ import { useContext } from 'react'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { Avatar } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { Avatar } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { MessageChannelVisibility, type TimelineThread, diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailsCard.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailsCard.tsx index da83e035ce..eb9f02beb0 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailsCard.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailsCard.tsx @@ -14,9 +14,9 @@ import { useCustomResolver } from '@/activities/hooks/useCustomResolver'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { useTargetRecord } from '@/ui/layout/contexts/useTargetRecord'; import { Trans } from '@lingui/react/macro'; -import { H1Title, H1TitleFontColor } from 'twenty-ui/display'; -import { Section } from 'twenty-ui/layout'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { H1Title, H1TitleFontColor } from 'twenty-ui-deprecated/display'; +import { Section } from 'twenty-ui-deprecated/layout'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { type TimelineThread, type TimelineThreadsWithTotal, diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmptyInboxPlaceholder.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmptyInboxPlaceholder.tsx index 73c21407be..9b6e46de5f 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmptyInboxPlaceholder.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmptyInboxPlaceholder.tsx @@ -1,7 +1,7 @@ import { useComposeEmailForTargetRecord } from '@/activities/emails/hooks/useComposeEmailForTargetRecord'; import { Trans, useLingui } from '@lingui/react/macro'; -import { IconMail } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; +import { IconMail } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, @@ -9,7 +9,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui-deprecated/layout'; export const EmptyInboxPlaceholder = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/activities/emails/components/MessageThreadSubscriberDropdownAddSubscriberMenuItem.tsx b/packages/twenty-front/src/modules/activities/emails/components/MessageThreadSubscriberDropdownAddSubscriberMenuItem.tsx index 9762f17640..e061b0cf1a 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/MessageThreadSubscriberDropdownAddSubscriberMenuItem.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/MessageThreadSubscriberDropdownAddSubscriberMenuItem.tsx @@ -2,8 +2,8 @@ import { type MessageThreadSubscriber } from '@/activities/emails/types/MessageT import { CoreObjectNameSingular } from 'twenty-shared/types'; import { useCreateOneRecord } from '@/object-record/hooks/useCreateOneRecord'; import { type WorkspaceMember } from '@/workspace-member/types/WorkspaceMember'; -import { IconPlus } from 'twenty-ui/display'; -import { MenuItemAvatar } from 'twenty-ui/navigation'; +import { IconPlus } from 'twenty-ui-deprecated/display'; +import { MenuItemAvatar } from 'twenty-ui-deprecated/navigation'; export const MessageThreadSubscriberDropdownAddSubscriberMenuItem = ({ workspaceMember, diff --git a/packages/twenty-front/src/modules/activities/files/components/AttachmentDropdown.tsx b/packages/twenty-front/src/modules/activities/files/components/AttachmentDropdown.tsx index 0f44f6033a..6c443ee63c 100644 --- a/packages/twenty-front/src/modules/activities/files/components/AttachmentDropdown.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/AttachmentDropdown.tsx @@ -9,9 +9,9 @@ import { IconDownload, IconPencil, IconTrash, -} from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { MenuItem } from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; type AttachmentDropdownProps = { onDownload: () => void; diff --git a/packages/twenty-front/src/modules/activities/files/components/AttachmentList.tsx b/packages/twenty-front/src/modules/activities/files/components/AttachmentList.tsx index 4b37629473..38a763140c 100644 --- a/packages/twenty-front/src/modules/activities/files/components/AttachmentList.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/AttachmentList.tsx @@ -11,7 +11,7 @@ import { type ActivityTargetableObject } from '@/activities/types/ActivityTarget import { isAttachmentPreviewEnabledState } from '@/client-config/states/isAttachmentPreviewEnabledState'; import { ModalStatefulWrapper } from '@/ui/layout/modal/components/ModalStatefulWrapper'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { ModalContent, ModalHeader } from 'twenty-ui/layout'; +import { ModalContent, ModalHeader } from 'twenty-ui-deprecated/layout'; import { ActivityList } from '@/activities/components/ActivityList'; import { @@ -23,9 +23,9 @@ import { useHasPermissionFlag } from '@/settings/roles/hooks/useHasPermissionFla import { useModal } from '@/ui/layout/modal/hooks/useModal'; import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper'; import { isDefined } from 'twenty-shared/utils'; -import { IconDownload, IconX } from 'twenty-ui/display'; -import { IconButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconDownload, IconX } from 'twenty-ui-deprecated/display'; +import { IconButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { PermissionFlagType } from '~/generated-metadata/graphql'; import { AttachmentRow } from './AttachmentRow'; diff --git a/packages/twenty-front/src/modules/activities/files/components/AttachmentRow.tsx b/packages/twenty-front/src/modules/activities/files/components/AttachmentRow.tsx index 369b8cd5b6..6593b3b08e 100644 --- a/packages/twenty-front/src/modules/activities/files/components/AttachmentRow.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/AttachmentRow.tsx @@ -17,9 +17,15 @@ import { type AttachmentWithFile } from '@/activities/files/utils/filterAttachme import { FileIcon } from '@/file/components/FileIcon'; import { useHasPermissionFlag } from '@/settings/roles/hooks/useHasPermissionFlag'; import { CoreObjectNameSingular } from 'twenty-shared/types'; -import { IconCalendar, OverflowingTextWithTooltip } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; -import { isNavigationModifierPressed } from 'twenty-ui/utilities'; +import { + IconCalendar, + OverflowingTextWithTooltip, +} from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; +import { isNavigationModifierPressed } from 'twenty-ui-deprecated/utilities'; import { PermissionFlagType } from '~/generated-metadata/graphql'; import { formatToHumanReadableDate } from '~/utils/date-utils'; import { getFileNameAndExtension } from '~/utils/file/getFileNameAndExtension'; diff --git a/packages/twenty-front/src/modules/activities/files/components/DocumentViewer.tsx b/packages/twenty-front/src/modules/activities/files/components/DocumentViewer.tsx index 4d7e062890..6650f49bbd 100644 --- a/packages/twenty-front/src/modules/activities/files/components/DocumentViewer.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/DocumentViewer.tsx @@ -11,9 +11,12 @@ import { styled } from '@linaria/react'; import { Trans, useLingui } from '@lingui/react/macro'; import { useContext, useEffect, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconDownload } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconDownload } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { getFileNameAndExtension } from '~/utils/file/getFileNameAndExtension'; const MS_OFFICE_EXTENSIONS = [ diff --git a/packages/twenty-front/src/modules/activities/files/components/DropZone.tsx b/packages/twenty-front/src/modules/activities/files/components/DropZone.tsx index c514b3b45c..f6d634c43f 100644 --- a/packages/twenty-front/src/modules/activities/files/components/DropZone.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/DropZone.tsx @@ -4,8 +4,11 @@ import { useContext } from 'react'; import { useDropzone } from 'react-dropzone'; import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal'; -import { IconUpload } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconUpload } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/activities/files/components/FilesCard.tsx b/packages/twenty-front/src/modules/activities/files/components/FilesCard.tsx index 8e805dba3c..33435fde3e 100644 --- a/packages/twenty-front/src/modules/activities/files/components/FilesCard.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/FilesCard.tsx @@ -12,8 +12,8 @@ import { useHasPermissionFlag } from '@/settings/roles/hooks/useHasPermissionFla import { useTargetRecord } from '@/ui/layout/contexts/useTargetRecord'; import { Trans, useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconPlus } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; +import { IconPlus } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, @@ -21,7 +21,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui-deprecated/layout'; import { PermissionFlagType } from '~/generated-metadata/graphql'; const StyledAttachmentsContainer = styled.div` diff --git a/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx b/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx index 239d3ce435..f850ff02ca 100644 --- a/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx +++ b/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx @@ -16,7 +16,7 @@ import { RecordInlineCellContext } from '@/object-record/record-inline-cell/comp import { RecordInlineCellEditMode } from '@/object-record/record-inline-cell/components/RecordInlineCellEditMode'; import { MultipleRecordPicker } from '@/object-record/record-picker/multiple-record-picker/components/MultipleRecordPicker'; import { useGoBackToPreviousDropdownFocusId } from '@/ui/layout/dropdown/hooks/useGoBackToPreviousDropdownFocusId'; -import { IconArrowUpRight, IconPencil } from 'twenty-ui/display'; +import { IconArrowUpRight, IconPencil } from 'twenty-ui-deprecated/display'; type ActivityTargetsInlineCellProps = { activityRecordId: string; diff --git a/packages/twenty-front/src/modules/activities/notes/components/NoteList.tsx b/packages/twenty-front/src/modules/activities/notes/components/NoteList.tsx index 1e32ab7548..dbab8122f5 100644 --- a/packages/twenty-front/src/modules/activities/notes/components/NoteList.tsx +++ b/packages/twenty-front/src/modules/activities/notes/components/NoteList.tsx @@ -2,7 +2,7 @@ import { styled } from '@linaria/react'; import { type ReactElement } from 'react'; import { type Note } from '@/activities/types/Note'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { NoteTile } from './NoteTile'; diff --git a/packages/twenty-front/src/modules/activities/notes/components/NoteTile.tsx b/packages/twenty-front/src/modules/activities/notes/components/NoteTile.tsx index 60663bd9b4..f1175440ca 100644 --- a/packages/twenty-front/src/modules/activities/notes/components/NoteTile.tsx +++ b/packages/twenty-front/src/modules/activities/notes/components/NoteTile.tsx @@ -9,7 +9,7 @@ import { useOpenRecordInSidePanel } from '@/side-panel/hooks/useOpenRecordInSide import { CoreObjectNameSingular } from 'twenty-shared/types'; import { RecordFieldsScopeContextProvider } from '@/object-record/record-field-list/contexts/RecordFieldsScopeContext'; import { FieldContextProvider } from '@/object-record/record-field/ui/components/FieldContextProvider'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledCard = styled.div<{ isSingleNote: boolean }>` align-items: flex-start; diff --git a/packages/twenty-front/src/modules/activities/notes/components/NotesCard.tsx b/packages/twenty-front/src/modules/activities/notes/components/NotesCard.tsx index 7f6883eb12..2888f60065 100644 --- a/packages/twenty-front/src/modules/activities/notes/components/NotesCard.tsx +++ b/packages/twenty-front/src/modules/activities/notes/components/NotesCard.tsx @@ -9,8 +9,8 @@ import { useObjectPermissionsForObject } from '@/object-record/hooks/useObjectPe import { useTargetRecord } from '@/ui/layout/contexts/useTargetRecord'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconPlus } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; +import { IconPlus } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, @@ -18,7 +18,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui-deprecated/layout'; const StyledNotesContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/activities/tasks/components/AddTaskButton.tsx b/packages/twenty-front/src/modules/activities/tasks/components/AddTaskButton.tsx index c99356bcbb..ea594e7243 100644 --- a/packages/twenty-front/src/modules/activities/tasks/components/AddTaskButton.tsx +++ b/packages/twenty-front/src/modules/activities/tasks/components/AddTaskButton.tsx @@ -4,8 +4,8 @@ import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadata import { CoreObjectNameSingular } from 'twenty-shared/types'; import { useObjectPermissionsForObject } from '@/object-record/hooks/useObjectPermissionsForObject'; import { t } from '@lingui/core/macro'; -import { IconPlus } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; +import { IconPlus } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; export const AddTaskButton = ({ activityTargetableObject, diff --git a/packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx b/packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx index f40280b3d1..b2b3a444c3 100644 --- a/packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx +++ b/packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx @@ -12,8 +12,8 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { t } from '@lingui/core/macro'; import groupBy from 'lodash.groupby'; import { CoreObjectNameSingular } from 'twenty-shared/types'; -import { IconPlus } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; +import { IconPlus } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, @@ -21,7 +21,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui-deprecated/layout'; import { AddTaskButton } from './AddTaskButton'; import { TaskList } from './TaskList'; diff --git a/packages/twenty-front/src/modules/activities/tasks/components/TaskList.tsx b/packages/twenty-front/src/modules/activities/tasks/components/TaskList.tsx index 6abcbaf7f7..fb12c0459e 100644 --- a/packages/twenty-front/src/modules/activities/tasks/components/TaskList.tsx +++ b/packages/twenty-front/src/modules/activities/tasks/components/TaskList.tsx @@ -3,7 +3,7 @@ import { type ReactElement } from 'react'; import { ActivityList } from '@/activities/components/ActivityList'; import { type Task } from '@/activities/types/Task'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { TaskRow } from './TaskRow'; type TaskListProps = { diff --git a/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx b/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx index 3d8a9a33a2..d9060f67cd 100644 --- a/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx +++ b/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx @@ -14,9 +14,15 @@ import { StopPropagationContainer } from '@/object-record/record-board/record-bo import { RecordFieldsScopeContextProvider } from '@/object-record/record-field-list/contexts/RecordFieldsScopeContext'; import { FieldContextProvider } from '@/object-record/record-field/ui/components/FieldContextProvider'; import { useContext } from 'react'; -import { IconCalendar, OverflowingTextWithTooltip } from 'twenty-ui/display'; -import { Checkbox, CheckboxShape } from 'twenty-ui/input'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + IconCalendar, + OverflowingTextWithTooltip, +} from 'twenty-ui-deprecated/display'; +import { Checkbox, CheckboxShape } from 'twenty-ui-deprecated/input'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { useCompleteTask } from '@/activities/tasks/hooks/useCompleteTask'; const StyledTaskBody = styled.div` diff --git a/packages/twenty-front/src/modules/activities/tasks/components/__stories__/TaskList.stories.tsx b/packages/twenty-front/src/modules/activities/tasks/components/__stories__/TaskList.stories.tsx index bd819dfe73..3c2e669167 100644 --- a/packages/twenty-front/src/modules/activities/tasks/components/__stories__/TaskList.stories.tsx +++ b/packages/twenty-front/src/modules/activities/tasks/components/__stories__/TaskList.stories.tsx @@ -3,7 +3,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { TaskList } from '@/activities/tasks/components/TaskList'; import { type Task } from '@/activities/types/Task'; import { getRecordFromRecordNode } from '@/object-record/cache/utils/getRecordFromRecordNode'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { ContextStoreDecorator } from '~/testing/decorators/ContextStoreDecorator'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/components/EventList.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/components/EventList.tsx index e287f4e674..5d6606639b 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/components/EventList.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/components/EventList.tsx @@ -9,7 +9,7 @@ import { type ActivityTargetableObject } from '@/activities/types/ActivityTarget import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem'; import { useObjectMetadataItems } from '@/object-metadata/hooks/useObjectMetadataItems'; import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type EventListProps = { targetableObject: ActivityTargetableObject; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/components/EventRow.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/components/EventRow.tsx index 38b84ce04b..78f67c0822 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/components/EventRow.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/components/EventRow.tsx @@ -14,7 +14,7 @@ import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/Enriche import { getObjectRecordIdentifier } from '@/object-metadata/utils/getObjectRecordIdentifier'; import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState'; import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilyStateValue'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { dateLocaleState } from '~/localization/states/dateLocaleState'; import { beautifyPastDateRelativeToNow } from '~/utils/date-utils'; import { isUndefinedOrNull } from '~/utils/isUndefinedOrNull'; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/components/EventsGroup.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/components/EventsGroup.tsx index 8acc07e92b..780ffd374c 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/components/EventsGroup.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/components/EventsGroup.tsx @@ -3,7 +3,7 @@ import { styled } from '@linaria/react'; import { EventRow } from '@/activities/timeline-activities/components/EventRow'; import { type EventGroup } from '@/activities/timeline-activities/utils/groupEventsByMonth'; import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type EventsGroupProps = { group: EventGroup; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/components/TimelineCard.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/components/TimelineCard.tsx index 00a6ff56b6..2ee99c4ca6 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/components/TimelineCard.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/components/TimelineCard.tsx @@ -14,8 +14,11 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; -import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/layout'; +import { + MOBILE_VIEWPORT, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledMainContainer = styled.div` align-items: flex-start; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/components/__stories__/TimelineActivities.stories.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/components/__stories__/TimelineActivities.stories.tsx index b0ee7a1198..18e4a3ac5b 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/components/__stories__/TimelineActivities.stories.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/components/__stories__/TimelineActivities.stories.tsx @@ -5,7 +5,7 @@ import { TimelineCard } from '@/activities/timeline-activities/components/Timeli import { TimelineActivityContext } from '@/activities/timeline-activities/contexts/TimelineActivityContext'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { LayoutRenderingProvider } from '@/ui/layout/contexts/LayoutRenderingContext'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { PageLayoutType } from '~/generated-metadata/graphql'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/activity/components/EventRowActivity.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/activity/components/EventRowActivity.tsx index 697aa33d82..4cdbc76013 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/activity/components/EventRowActivity.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/activity/components/EventRowActivity.tsx @@ -8,8 +8,11 @@ import { useOpenRecordInSidePanel } from '@/side-panel/hooks/useOpenRecordInSide import { type CoreObjectNameSingular } from 'twenty-shared/types'; import { useGetRecordFromCache } from '@/object-record/cache/hooks/useGetRecordFromCache'; import { isNonEmptyString } from '@sniptt/guards'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; -import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; +import { OverflowingTextWithTooltip } from 'twenty-ui-deprecated/display'; +import { + MOBILE_VIEWPORT, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; type EventRowActivityProps = EventRowDynamicComponentProps; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/calendar/components/EventCardCalendarEvent.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/calendar/components/EventCardCalendarEvent.tsx index bc14ea8f7b..d9a52f4d2c 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/calendar/components/EventCardCalendarEvent.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/calendar/components/EventCardCalendarEvent.tsx @@ -13,7 +13,7 @@ import { useContext } from 'react'; import { FIELD_RESTRICTED_ADDITIONAL_PERMISSIONS_REQUIRED } from 'twenty-shared/constants'; import { CombinedGraphQLErrors } from '@apollo/client/errors'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { formatToHumanReadableDay, formatToHumanReadableMonth, diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/calendar/components/EventRowCalendarEvent.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/calendar/components/EventRowCalendarEvent.tsx index 4e4e545c8e..26dc6ca89d 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/calendar/components/EventRowCalendarEvent.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/calendar/components/EventRowCalendarEvent.tsx @@ -8,7 +8,7 @@ import { EventCardToggleButton } from '@/activities/timeline-activities/rows/com import { type EventRowDynamicComponentProps } from '@/activities/timeline-activities/rows/components/EventRowDynamicComponent.types'; import { EventRowItem } from '@/activities/timeline-activities/rows/components/EventRowItem'; import { isTimelineActivityWithLinkedRecord } from '@/activities/timeline-activities/types/TimelineActivity'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type EventRowCalendarEventProps = EventRowDynamicComponentProps; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/calendar/components/__stories__/EventCardCalendarEvent.stories.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/calendar/components/__stories__/EventCardCalendarEvent.stories.tsx index 732bf8be7f..917835d6fc 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/calendar/components/__stories__/EventCardCalendarEvent.stories.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/calendar/components/__stories__/EventCardCalendarEvent.stories.tsx @@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { HttpResponse, graphql } from 'msw'; import { EventCardCalendarEvent } from '@/activities/timeline-activities/rows/calendar/components/EventCardCalendarEvent'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventCard.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventCard.tsx index 44ff7a0538..d4864746aa 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventCard.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventCard.tsx @@ -1,5 +1,8 @@ import { styled } from '@linaria/react'; -import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + MOBILE_VIEWPORT, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; type EventCardProps = { children: React.ReactNode; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventCardToggleButton.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventCardToggleButton.tsx index 4c3ce89b04..21881eccc9 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventCardToggleButton.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventCardToggleButton.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; -import { IconButton } from 'twenty-ui/input'; -import { IconChevronDown, IconChevronUp } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconButton } from 'twenty-ui-deprecated/input'; +import { IconChevronDown, IconChevronUp } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type EventCardToggleButtonProps = { isOpen: boolean; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventIconDynamicComponent.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventIconDynamicComponent.tsx index ba60995bdd..0d35f5bd21 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventIconDynamicComponent.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventIconDynamicComponent.tsx @@ -6,7 +6,7 @@ import { IconEditCircle, IconRestore, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; export const EventIconDynamicComponent = ({ event, diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventRowItem.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventRowItem.tsx index e3195e7a01..63c1b8290b 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventRowItem.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventRowItem.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { type ReactNode } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type EventRowItemProps = { children: ReactNode; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventFieldDiff.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventFieldDiff.tsx index a29056108d..01bd04bcb4 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventFieldDiff.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventFieldDiff.tsx @@ -9,7 +9,7 @@ import { type FieldMetadataItem } from '@/object-metadata/types/FieldMetadataIte import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem'; import { Trans } from '@lingui/react/macro'; import { FieldMetadataType } from 'twenty-shared/types'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type EventFieldDiffProps = { fieldDiff: { before: unknown; after: unknown }; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventFieldDiffLabel.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventFieldDiffLabel.tsx index 720e1260df..b0e8ba5af5 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventFieldDiffLabel.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventFieldDiffLabel.tsx @@ -1,8 +1,8 @@ import { styled } from '@linaria/react'; import { type FieldMetadataItem } from '@/object-metadata/types/FieldMetadataItem'; -import { Icon123, useIcons } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Icon123, useIcons } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type EventFieldDiffLabelProps = { fieldMetadataItem: FieldMetadataItem; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventFieldDiffValue.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventFieldDiffValue.tsx index 69f9d9d296..f34d8e47eb 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventFieldDiffValue.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventFieldDiffValue.tsx @@ -5,7 +5,7 @@ import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/Enriche import { FieldDisplay } from '@/object-record/record-field/ui/components/FieldDisplay'; import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext'; import { RecordFieldComponentInstanceContext } from '@/object-record/record-field/ui/states/contexts/RecordFieldComponentInstanceContext'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type EventFieldDiffValueProps = { diffArtificialRecordStoreId: string; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventRelationFieldDiffValues.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventRelationFieldDiffValues.tsx index c3df7802f1..d1f6396d52 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventRelationFieldDiffValues.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventRelationFieldDiffValues.tsx @@ -8,8 +8,12 @@ import { getObjectRecordIdentifier } from '@/object-metadata/utils/getObjectReco import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords'; import { Trans, useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { AppTooltip, TooltipDelay, TooltipPosition } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { + AppTooltip, + TooltipDelay, + TooltipPosition, +} from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type EventRelationFieldDiffValuesProps = { fieldDiff: { before: unknown; after: unknown }; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventRowMainObject.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventRowMainObject.tsx index 6853ba2d01..34f7b668e5 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventRowMainObject.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventRowMainObject.tsx @@ -3,7 +3,10 @@ import { EventRowItem } from '@/activities/timeline-activities/rows/components/E import { EventRowMainObjectUpdated } from '@/activities/timeline-activities/rows/main-object/components/EventRowMainObjectUpdated'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + MOBILE_VIEWPORT, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; type EventRowMainObjectProps = EventRowDynamicComponentProps; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventRowMainObjectUpdated.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventRowMainObjectUpdated.tsx index ba097dd18b..a83180604a 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventRowMainObjectUpdated.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventRowMainObjectUpdated.tsx @@ -8,7 +8,10 @@ import { EventRowItem } from '@/activities/timeline-activities/rows/components/E import { EventFieldDiffContainer } from '@/activities/timeline-activities/rows/main-object/components/EventFieldDiffContainer'; import { type TimelineActivity } from '@/activities/timeline-activities/types/TimelineActivity'; import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem'; -import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + MOBILE_VIEWPORT, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; type EventRowMainObjectUpdatedProps = { mainObjectMetadataItem: EnrichedObjectMetadataItem; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/__stories__/EventRowMainObjectUpdated.stories.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/__stories__/EventRowMainObjectUpdated.stories.tsx index 2b6f4d33dd..378b57eb86 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/__stories__/EventRowMainObjectUpdated.stories.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/__stories__/EventRowMainObjectUpdated.stories.tsx @@ -2,7 +2,10 @@ import { EventRowMainObjectUpdated } from '@/activities/timeline-activities/rows import { type TimelineActivity } from '@/activities/timeline-activities/types/TimelineActivity'; import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { ComponentDecorator, RouterDecorator } from 'twenty-ui/testing'; +import { + ComponentDecorator, + RouterDecorator, +} from 'twenty-ui-deprecated/testing'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; import { getTestEnrichedObjectMetadataItemsMock } from '~/testing/utils/getTestEnrichedObjectMetadataItemsMock'; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessage.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessage.tsx index 83ad33fae7..22f393a4d2 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessage.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessage.tsx @@ -10,8 +10,8 @@ import { Trans, useLingui } from '@lingui/react/macro'; import { FIELD_RESTRICTED_ADDITIONAL_PERMISSIONS_REQUIRED } from 'twenty-shared/constants'; import { CombinedGraphQLErrors } from '@apollo/client/errors'; import { isDefined } from 'twenty-shared/utils'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { OverflowingTextWithTooltip } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledEventCardMessageContainer = styled.div<{ canOpen?: boolean }>` cursor: ${({ canOpen }) => (canOpen ? 'pointer' : 'not-allowed')}; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessageBodyNotShared.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessageBodyNotShared.tsx index b2c2309f7a..f83d7e8b28 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessageBodyNotShared.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessageBodyNotShared.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { Trans } from '@lingui/react/macro'; -import { IconLock } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconLock } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledEmailBodyNotSharedContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessageForbidden.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessageForbidden.tsx index 7bd5fa288e..61ea3a9dd0 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessageForbidden.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessageForbidden.tsx @@ -1,7 +1,7 @@ import { EventCardMessageBodyNotShared } from '@/activities/timeline-activities/rows/message/components/EventCardMessageBodyNotShared'; import { styled } from '@linaria/react'; import { Trans } from '@lingui/react/macro'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledEventCardMessageContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventRowMessage.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventRowMessage.tsx index 0735f3b22a..74fc61eeb2 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventRowMessage.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventRowMessage.tsx @@ -8,7 +8,7 @@ import { type EventRowDynamicComponentProps } from '@/activities/timeline-activi import { EventRowItem } from '@/activities/timeline-activities/rows/components/EventRowItem'; import { EventCardMessage } from '@/activities/timeline-activities/rows/message/components/EventCardMessage'; import { isTimelineActivityWithLinkedRecord } from '@/activities/timeline-activities/types/TimelineActivity'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type EventRowMessageProps = EventRowDynamicComponentProps; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/__stories__/EventCardMessage.stories.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/__stories__/EventCardMessage.stories.tsx index 8fab6180fb..55e2537410 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/__stories__/EventCardMessage.stories.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/__stories__/EventCardMessage.stories.tsx @@ -5,7 +5,7 @@ import { within } from 'storybook/test'; import { TimelineActivityContext } from '@/activities/timeline-activities/contexts/TimelineActivityContext'; import { EventCardMessage } from '@/activities/timeline-activities/rows/message/components/EventCardMessage'; import { FIELD_RESTRICTED_ADDITIONAL_PERMISSIONS_REQUIRED } from 'twenty-shared/constants'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; diff --git a/packages/twenty-front/src/modules/advanced-text-editor/components/AdvancedTextEditor.tsx b/packages/twenty-front/src/modules/advanced-text-editor/components/AdvancedTextEditor.tsx index f2d630d5ce..5307bf0a70 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/components/AdvancedTextEditor.tsx +++ b/packages/twenty-front/src/modules/advanced-text-editor/components/AdvancedTextEditor.tsx @@ -4,7 +4,7 @@ import { TextBubbleMenu } from '@/advanced-text-editor/components/TextBubbleMenu import { FORM_FIELD_PLACEHOLDER_STYLES } from '@/object-record/record-field/ui/form-types/constants/FormFieldPlaceholderStyles'; import { styled } from '@linaria/react'; import { EditorContent, type Editor } from '@tiptap/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledEditorContainer = styled.div<{ readonly?: boolean; diff --git a/packages/twenty-front/src/modules/advanced-text-editor/components/BubbleMenuIconButton.tsx b/packages/twenty-front/src/modules/advanced-text-editor/components/BubbleMenuIconButton.tsx index 0c1c229146..72fa8947bf 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/components/BubbleMenuIconButton.tsx +++ b/packages/twenty-front/src/modules/advanced-text-editor/components/BubbleMenuIconButton.tsx @@ -1,8 +1,8 @@ import { styled } from '@linaria/react'; import React from 'react'; -import type { IconComponent } from 'twenty-ui/display'; -import { FloatingIconButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import type { IconComponent } from 'twenty-ui-deprecated/display'; +import { FloatingIconButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type BubbleMenuIconButtonProps = { className?: string; diff --git a/packages/twenty-front/src/modules/advanced-text-editor/components/EditLinkPopover.tsx b/packages/twenty-front/src/modules/advanced-text-editor/components/EditLinkPopover.tsx index c1c1b71b99..59c8b36090 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/components/EditLinkPopover.tsx +++ b/packages/twenty-front/src/modules/advanced-text-editor/components/EditLinkPopover.tsx @@ -9,7 +9,7 @@ import { isNonEmptyString } from '@sniptt/guards'; import { type Editor } from '@tiptap/core'; import { useId, useState, type FocusEvent, type FormEvent } from 'react'; import { getSafeUrl, isDefined } from 'twenty-shared/utils'; -import { IconLink, IconPencil } from 'twenty-ui/display'; +import { IconLink, IconPencil } from 'twenty-ui-deprecated/display'; type EditLinkPopoverProps = { defaultValue: string | undefined; diff --git a/packages/twenty-front/src/modules/advanced-text-editor/components/ImageBubbleMenu.tsx b/packages/twenty-front/src/modules/advanced-text-editor/components/ImageBubbleMenu.tsx index de389a1184..f268bae583 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/components/ImageBubbleMenu.tsx +++ b/packages/twenty-front/src/modules/advanced-text-editor/components/ImageBubbleMenu.tsx @@ -8,7 +8,7 @@ import { IconAlignLeft, IconAlignRight, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; type ImageBubbleMenuProps = { editor: Editor; diff --git a/packages/twenty-front/src/modules/advanced-text-editor/components/LinkBubbleMenu.tsx b/packages/twenty-front/src/modules/advanced-text-editor/components/LinkBubbleMenu.tsx index 9a9f531128..f8a8ac3431 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/components/LinkBubbleMenu.tsx +++ b/packages/twenty-front/src/modules/advanced-text-editor/components/LinkBubbleMenu.tsx @@ -4,7 +4,7 @@ import { StyledBubbleMenuContainer } from '@/advanced-text-editor/components/Tex import { type Editor } from '@tiptap/core'; import { useEditorState } from '@tiptap/react'; import { BubbleMenu } from '@tiptap/react/menus'; -import { IconExternalLink, IconLinkOff } from 'twenty-ui/display'; +import { IconExternalLink, IconLinkOff } from 'twenty-ui-deprecated/display'; import { getSafeUrl } from 'twenty-shared/utils'; type LinkBubbleMenuProps = { diff --git a/packages/twenty-front/src/modules/advanced-text-editor/components/TextBubbleMenu.tsx b/packages/twenty-front/src/modules/advanced-text-editor/components/TextBubbleMenu.tsx index e7e87cbe71..8e15510f27 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/components/TextBubbleMenu.tsx +++ b/packages/twenty-front/src/modules/advanced-text-editor/components/TextBubbleMenu.tsx @@ -13,8 +13,8 @@ import { IconListNumbers, IconStrikethrough, IconUnderline, -} from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; export const StyledBubbleMenuContainer = styled.div` backdrop-filter: blur(20px); diff --git a/packages/twenty-front/src/modules/advanced-text-editor/components/TurnIntoBlockDropdown.tsx b/packages/twenty-front/src/modules/advanced-text-editor/components/TurnIntoBlockDropdown.tsx index 1ce9d6dc16..02debf3f77 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/components/TurnIntoBlockDropdown.tsx +++ b/packages/twenty-front/src/modules/advanced-text-editor/components/TurnIntoBlockDropdown.tsx @@ -7,9 +7,12 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { type Editor } from '@tiptap/react'; import { useContext, useId } from 'react'; -import { IconPilcrow } from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconPilcrow } from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledMenuItem = styled.button` align-items: center; diff --git a/packages/twenty-front/src/modules/advanced-text-editor/components/WorkflowSendEmailAttachments.tsx b/packages/twenty-front/src/modules/advanced-text-editor/components/WorkflowSendEmailAttachments.tsx index 5242a121e8..3aa3d4b17d 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/components/WorkflowSendEmailAttachments.tsx +++ b/packages/twenty-front/src/modules/advanced-text-editor/components/WorkflowSendEmailAttachments.tsx @@ -8,8 +8,11 @@ import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; import { type WorkflowAttachment } from 'twenty-shared/workflow'; -import { IconUpload } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconUpload } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; type WorkflowSendEmailAttachmentsProps = { files: WorkflowAttachment[]; diff --git a/packages/twenty-front/src/modules/advanced-text-editor/components/__stories__/AdvancedTextEditor.stories.tsx b/packages/twenty-front/src/modules/advanced-text-editor/components/__stories__/AdvancedTextEditor.stories.tsx index c648432ad9..147f547538 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/components/__stories__/AdvancedTextEditor.stories.tsx +++ b/packages/twenty-front/src/modules/advanced-text-editor/components/__stories__/AdvancedTextEditor.stories.tsx @@ -3,7 +3,10 @@ import { useAdvancedTextEditor } from '@/advanced-text-editor/hooks/useAdvancedT import { type Meta, type StoryObj } from '@storybook/react-vite'; import { expect, fn, userEvent, waitFor } from 'storybook/test'; import { isDefined } from 'twenty-shared/utils'; -import { ComponentDecorator, RouterDecorator } from 'twenty-ui/testing'; +import { + ComponentDecorator, + RouterDecorator, +} from 'twenty-ui-deprecated/testing'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; import { WorkflowStepActionDrawerDecorator } from '~/testing/decorators/WorkflowStepActionDrawerDecorator'; diff --git a/packages/twenty-front/src/modules/advanced-text-editor/extensions/resizable-image/ResizableImageView.tsx b/packages/twenty-front/src/modules/advanced-text-editor/extensions/resizable-image/ResizableImageView.tsx index 1ab42451db..502d5cff0c 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/extensions/resizable-image/ResizableImageView.tsx +++ b/packages/twenty-front/src/modules/advanced-text-editor/extensions/resizable-image/ResizableImageView.tsx @@ -2,7 +2,7 @@ import { styled } from '@linaria/react'; import { type NodeViewProps, NodeViewWrapper } from '@tiptap/react'; import React, { useCallback, useRef, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const IMAGE_MIN_WIDTH = 32; const IMAGE_MAX_WIDTH = 600; diff --git a/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/DefaultSlashCommands.ts b/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/DefaultSlashCommands.ts index 3f56470cd1..4a1eb4d1b8 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/DefaultSlashCommands.ts +++ b/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/DefaultSlashCommands.ts @@ -9,7 +9,7 @@ import { IconList, IconListNumbers, IconPilcrow, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; export type SlashCommandConfig = { id: string; diff --git a/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/SlashCommand.ts b/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/SlashCommand.ts index 2e6d9fa87a..b595d5c29c 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/SlashCommand.ts +++ b/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/SlashCommand.ts @@ -1,7 +1,7 @@ import { i18n } from '@lingui/core'; import { Extension, type Editor, type Range } from '@tiptap/core'; import Suggestion, { type SuggestionOptions } from '@tiptap/suggestion'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; import { DEFAULT_SLASH_COMMANDS, diff --git a/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/SlashCommandMenu.tsx b/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/SlashCommandMenu.tsx index 433562b942..bed9ba981a 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/SlashCommandMenu.tsx +++ b/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/SlashCommandMenu.tsx @@ -1,6 +1,6 @@ import { type Editor, type Range } from '@tiptap/core'; import { forwardRef, useCallback, useState } from 'react'; -import { MenuItemSuggestion } from 'twenty-ui/navigation'; +import { MenuItemSuggestion } from 'twenty-ui-deprecated/navigation'; import { type SlashCommandItem } from '@/advanced-text-editor/extensions/slash-command/SlashCommand'; import { SuggestionMenu } from '@/ui/suggestion/components/SuggestionMenu'; diff --git a/packages/twenty-front/src/modules/advanced-text-editor/hooks/useTurnIntoBlockOptions.ts b/packages/twenty-front/src/modules/advanced-text-editor/hooks/useTurnIntoBlockOptions.ts index 19319458a2..b7d07cc6ae 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/hooks/useTurnIntoBlockOptions.ts +++ b/packages/twenty-front/src/modules/advanced-text-editor/hooks/useTurnIntoBlockOptions.ts @@ -6,7 +6,7 @@ import { IconH2, IconH3, IconPilcrow, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; export type TurnIntoBlockOptions = { title: string; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatApiKeyNotConfiguredMessage.tsx b/packages/twenty-front/src/modules/ai/components/AiChatApiKeyNotConfiguredMessage.tsx index 488db26e0a..5241449e85 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatApiKeyNotConfiguredMessage.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatApiKeyNotConfiguredMessage.tsx @@ -4,7 +4,7 @@ import { getDocumentationUrl } from '@/support/utils/getDocumentationUrl'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { t } from '@lingui/core/macro'; import { DOCUMENTATION_PATHS } from 'twenty-shared/constants'; -import { IconExternalLink } from 'twenty-ui/display'; +import { IconExternalLink } from 'twenty-ui-deprecated/display'; export const AiChatApiKeyNotConfiguredMessage = () => { const currentWorkspaceMember = useAtomStateValue(currentWorkspaceMemberState); diff --git a/packages/twenty-front/src/modules/ai/components/AiChatAssistantMessageRenderer.tsx b/packages/twenty-front/src/modules/ai/components/AiChatAssistantMessageRenderer.tsx index 1fd2aec9d2..4846e846ef 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatAssistantMessageRenderer.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatAssistantMessageRenderer.tsx @@ -2,7 +2,7 @@ import { AiChatCompactionIndicator } from '@/ai/components/AiChatCompactionIndic import { CodeExecutionDisplay } from '@/ai/components/CodeExecutionDisplay'; import { RoutingStatusDisplay } from '@/ai/components/RoutingStatusDisplay'; import { ThinkingStepsDisplay } from '@/ai/components/ThinkingStepsDisplay'; -import { IconDotsVertical } from 'twenty-ui/display'; +import { IconDotsVertical } from 'twenty-ui-deprecated/display'; import { LazyMarkdownRenderer } from '@/ai/components/LazyMarkdownRenderer'; import { ToolStepRenderer } from '@/ai/components/ToolStepRenderer'; @@ -12,7 +12,10 @@ import { styled } from '@linaria/react'; import { isToolUIPart, type ToolUIPart } from 'ai'; import { type ExtendedUIMessagePart } from 'twenty-shared/ai'; import { useContext } from 'react'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledMessagePartsContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatBanner.tsx b/packages/twenty-front/src/modules/ai/components/AiChatBanner.tsx index fbf6baa505..7c9e7f75bd 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatBanner.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatBanner.tsx @@ -5,9 +5,9 @@ import { type IconComponent, IconAlertTriangle, IconInfoCircle, -} from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type AiChatBannerVariant = 'default' | 'warning'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatCompactionIndicator.tsx b/packages/twenty-front/src/modules/ai/components/AiChatCompactionIndicator.tsx index 1d6b159ba1..7bdb613e1a 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatCompactionIndicator.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatCompactionIndicator.tsx @@ -1,7 +1,10 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconTransform } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconTransform } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledIndicatorContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatCreditsExhaustedMessage.tsx b/packages/twenty-front/src/modules/ai/components/AiChatCreditsExhaustedMessage.tsx index 4258c03e54..164e94a85f 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatCreditsExhaustedMessage.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatCreditsExhaustedMessage.tsx @@ -3,7 +3,7 @@ import { usePermissionFlagMap } from '@/settings/roles/hooks/usePermissionFlagMa import { useSubscriptionStatus } from '@/workspace/hooks/useSubscriptionStatus'; import { t } from '@lingui/core/macro'; import { SettingsPath } from 'twenty-shared/types'; -import { IconSparkles } from 'twenty-ui/display'; +import { IconSparkles } from 'twenty-ui-deprecated/display'; import { PermissionFlagType, SubscriptionStatus, diff --git a/packages/twenty-front/src/modules/ai/components/AiChatEditorSection.tsx b/packages/twenty-front/src/modules/ai/components/AiChatEditorSection.tsx index 11d6408ce4..ee8c8e9c0d 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatEditorSection.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatEditorSection.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { EditorContent } from '@tiptap/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { AiChatEmptyState } from '@/ai/components/AiChatEmptyState'; import { AIChatNoMoreBillingCreditsBanner } from '@/ai/components/AIChatNoMoreBillingCreditsBanner'; @@ -20,7 +20,7 @@ import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { hasReachedCurrentBillingPeriodCapSelector } from '@/workspace/states/hasReachedCurrentBillingPeriodCapSelector'; -import { type SelectOption } from 'twenty-ui/input'; +import { type SelectOption } from 'twenty-ui-deprecated/input'; const StyledInputArea = styled.div<{ isMobile: boolean }>` align-items: flex-end; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatErrorMessage.tsx b/packages/twenty-front/src/modules/ai/components/AiChatErrorMessage.tsx index ff23176e97..07d588d6a9 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatErrorMessage.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatErrorMessage.tsx @@ -1,11 +1,14 @@ import { CombinedGraphQLErrors } from '@apollo/client/errors'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconAlertCircle } from 'twenty-ui/display'; +import { IconAlertCircle } from 'twenty-ui-deprecated/display'; import { useContext } from 'react'; import { type AiChatError } from '@/ai/types/AiChatError'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { getErrorMessageFromApolloError } from '~/utils/get-error-message-from-apollo-error.util'; const StyledErrorContainer = styled.div` diff --git a/packages/twenty-front/src/modules/ai/components/AiChatErrorUnderMessageList.tsx b/packages/twenty-front/src/modules/ai/components/AiChatErrorUnderMessageList.tsx index 6bc7eae80f..3b32ce3bc2 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatErrorUnderMessageList.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatErrorUnderMessageList.tsx @@ -10,7 +10,7 @@ import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hoo import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentSelectorValue'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledErrorWrapper = styled.div` padding-top: ${themeCssVariables.spacing[3]}; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatMessage.tsx b/packages/twenty-front/src/modules/ai/components/AiChatMessage.tsx index 42599300a8..bcb5a9f417 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatMessage.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatMessage.tsx @@ -13,7 +13,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { isExtendedFileUIPart } from 'twenty-shared/ai'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { dateLocaleState } from '~/localization/states/dateLocaleState'; import { beautifyPastDateRelativeToNow } from '~/utils/date-utils'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatQueuedMessages.tsx b/packages/twenty-front/src/modules/ai/components/AiChatQueuedMessages.tsx index 87e08f8fe9..6c7902845a 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatQueuedMessages.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatQueuedMessages.tsx @@ -6,9 +6,9 @@ import { useDeleteQueuedMessage } from '@/ai/hooks/useDeleteQueuedMessage'; import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { isDefined } from 'twenty-shared/utils'; -import { IconX } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconX } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledQueueContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatScrollToBottomButton.tsx b/packages/twenty-front/src/modules/ai/components/AiChatScrollToBottomButton.tsx index 269299c29b..476fbdc994 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatScrollToBottomButton.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatScrollToBottomButton.tsx @@ -2,8 +2,8 @@ import { agentChatIsScrolledToBottomSelector } from '@/ai/states/selectors/agent import { scrollAiChatToBottom } from '@/ai/utils/scrollAiChatToBottom'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { styled } from '@linaria/react'; -import { IconArrowDown } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconArrowDown } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledScrollToBottomButton = styled.button<{ isVisible: boolean }>` align-items: center; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatStandaloneError.tsx b/packages/twenty-front/src/modules/ai/components/AiChatStandaloneError.tsx index 00af8e49c9..a58e93c9de 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatStandaloneError.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatStandaloneError.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { AiChatErrorRenderer } from '@/ai/components/AiChatErrorRenderer'; import { agentChatErrorComponentFamilyState } from '@/ai/states/agentChatErrorComponentFamilyState'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatTab.tsx b/packages/twenty-front/src/modules/ai/components/AiChatTab.tsx index e2a3ce6d3d..1a7203b987 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatTab.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatTab.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useState } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { DropZone } from '@/activities/files/components/DropZone'; import { AiChatEditorSection } from '@/ai/components/AiChatEditorSection'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatTabMessageList.tsx b/packages/twenty-front/src/modules/ai/components/AiChatTabMessageList.tsx index 8256c0c0ac..c4713896d8 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatTabMessageList.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatTabMessageList.tsx @@ -11,7 +11,7 @@ import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper'; import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentSelectorValue'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledScrollWrapperContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdown.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdown.tsx index 0ffe7bb134..81181b4ddc 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdown.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdown.tsx @@ -1,7 +1,7 @@ import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; -import { IconAdjustments } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; +import { IconAdjustments } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; import { AiChatThreadFilterDropdownContent } from '@/ai/components/AiChatThreadFilterDropdownContent'; import { AI_CHAT_THREAD_FILTER_DROPDOWN_PAGE } from '@/ai/constants/AiChatThreadFilterDropdownPage'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownGroupByMenu.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownGroupByMenu.tsx index 142d02224d..7e580ec07f 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownGroupByMenu.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownGroupByMenu.tsx @@ -1,6 +1,6 @@ import { useLingui } from '@lingui/react/macro'; -import { IconChevronLeft } from 'twenty-ui/display'; -import { MenuItemSelect } from 'twenty-ui/navigation'; +import { IconChevronLeft } from 'twenty-ui-deprecated/display'; +import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; import { AGENT_CHAT_THREAD_GROUP_BY } from '@/ai/constants/AgentChatThreadGroupBy'; import { AGENT_CHAT_THREAD_GROUP_BY_LABELS } from '@/ai/constants/AgentChatThreadGroupByLabels'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownLastActivityMenu.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownLastActivityMenu.tsx index fb8fa22b68..65678c9e3b 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownLastActivityMenu.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownLastActivityMenu.tsx @@ -1,6 +1,6 @@ import { useLingui } from '@lingui/react/macro'; -import { IconChevronLeft } from 'twenty-ui/display'; -import { MenuItemSelect } from 'twenty-ui/navigation'; +import { IconChevronLeft } from 'twenty-ui-deprecated/display'; +import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; import { AGENT_CHAT_THREAD_LAST_ACTIVITY_FILTER } from '@/ai/constants/AgentChatThreadLastActivityFilter'; import { AGENT_CHAT_THREAD_LAST_ACTIVITY_FILTER_LABELS } from '@/ai/constants/AgentChatThreadLastActivityFilterLabels'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownRootMenu.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownRootMenu.tsx index b5ee6965c6..6a61818b65 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownRootMenu.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownRootMenu.tsx @@ -4,7 +4,7 @@ import { IconLayoutList, IconStatusChange, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; import { AGENT_CHAT_THREAD_FILTER_STATUS } from '@/ai/constants/AgentChatThreadFilterStatus'; import { AGENT_CHAT_THREAD_FILTER_STATUS_LABELS } from '@/ai/constants/AgentChatThreadFilterStatusLabels'; @@ -22,7 +22,7 @@ import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/Drop import { DropdownMenuSeparator } from '@/ui/layout/dropdown/components/DropdownMenuSeparator'; import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useAtomState } from '@/ui/utilities/state/jotai/hooks/useAtomState'; -import { MenuItem } from 'twenty-ui/navigation'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; type AiChatThreadFilterDropdownRootMenuProps = { dropdownId: string; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownStatusMenu.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownStatusMenu.tsx index 05c1b91d44..9632114e8d 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownStatusMenu.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownStatusMenu.tsx @@ -1,6 +1,6 @@ import { useLingui } from '@lingui/react/macro'; -import { IconChevronLeft } from 'twenty-ui/display'; -import { MenuItemSelect } from 'twenty-ui/navigation'; +import { IconChevronLeft } from 'twenty-ui-deprecated/display'; +import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; import { AGENT_CHAT_THREAD_FILTER_STATUS } from '@/ai/constants/AgentChatThreadFilterStatus'; import { AGENT_CHAT_THREAD_FILTER_STATUS_LABELS } from '@/ai/constants/AgentChatThreadFilterStatusLabels'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatThreadGroup.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadGroup.tsx index 6cd884d403..0bd59122ae 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadGroup.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadGroup.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { type ReactNode } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { AiChatThreadListItem } from '@/ai/components/AiChatThreadListItem'; import { NavigationDrawerSectionTitle } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSectionTitle'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatThreadItemMenu.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadItemMenu.tsx index c0595d37fd..10a149eda8 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadItemMenu.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadItemMenu.tsx @@ -5,9 +5,9 @@ import { IconDotsVertical, IconPencil, IconTrash, -} from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { MenuItem } from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; import { type AiChatThreadActionsSurface } from '@/ai/types/AiChatThreadActionsSurface'; import { useChatThreadArchiveActions } from '@/ai/hooks/useChatThreadArchiveActions'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatThreadListItem.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadListItem.tsx index 9d4b743c61..b6ac80cec0 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadListItem.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadListItem.tsx @@ -2,8 +2,11 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; import { Key } from 'ts-key-enum'; -import { IconArchive, IconSparkles } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconArchive, IconSparkles } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { AiChatThreadItemMenu } from '@/ai/components/AiChatThreadItemMenu'; import { AI_CHAT_THREAD_ACTIONS_SURFACE } from '@/ai/constants/AiChatThreadActionsSurface'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatThreadsList.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadsList.tsx index 750fac186b..d9c1dfd230 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadsList.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadsList.tsx @@ -17,9 +17,9 @@ import { useHotkeysOnFocusedElement } from '@/ui/utilities/hotkey/hooks/useHotke import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { t } from '@lingui/core/macro'; import { Key } from 'ts-key-enum'; -import { Button } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { getOsControlSymbol } from 'twenty-ui/utilities'; +import { Button } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { getOsControlSymbol } from 'twenty-ui-deprecated/utilities'; const StyledContainer = styled.div` background: ${themeCssVariables.background.secondary}; diff --git a/packages/twenty-front/src/modules/ai/components/CodeExecutionDisplay.tsx b/packages/twenty-front/src/modules/ai/components/CodeExecutionDisplay.tsx index 08a61615cd..509c5a4a85 100644 --- a/packages/twenty-front/src/modules/ai/components/CodeExecutionDisplay.tsx +++ b/packages/twenty-front/src/modules/ai/components/CodeExecutionDisplay.tsx @@ -12,10 +12,13 @@ import { IconPlayerPlay, IconSquareRoundedCheck, IconSquareRoundedX, -} from 'twenty-ui/display'; -import { CodeEditor, LightIconButton } from 'twenty-ui/input'; -import { AnimatedExpandableContainer } from 'twenty-ui/layout'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { CodeEditor, LightIconButton } from 'twenty-ui-deprecated/input'; +import { AnimatedExpandableContainer } from 'twenty-ui-deprecated/layout'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/ai/components/LazyMarkdownRenderer.tsx b/packages/twenty-front/src/modules/ai/components/LazyMarkdownRenderer.tsx index 43f60f32e9..4d24b4762a 100644 --- a/packages/twenty-front/src/modules/ai/components/LazyMarkdownRenderer.tsx +++ b/packages/twenty-front/src/modules/ai/components/LazyMarkdownRenderer.tsx @@ -19,7 +19,7 @@ import { } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; import { getSafeUrl, isDefined } from 'twenty-shared/utils'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; const TextWithRecordLinks = ({ text }: { text: string }) => { const parts: React.ReactNode[] = []; diff --git a/packages/twenty-front/src/modules/ai/components/LazyMarkdownRendererStyledComponents.tsx b/packages/twenty-front/src/modules/ai/components/LazyMarkdownRendererStyledComponents.tsx index ee9f2b4a0e..0122de48b3 100644 --- a/packages/twenty-front/src/modules/ai/components/LazyMarkdownRendererStyledComponents.tsx +++ b/packages/twenty-front/src/modules/ai/components/LazyMarkdownRendererStyledComponents.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; export const StyledMarkdownContainer = styled.div` border-radius: ${themeCssVariables.border.radius.sm}; diff --git a/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatContent.tsx b/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatContent.tsx index 91dc9b8b4a..defafb2ce2 100644 --- a/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatContent.tsx +++ b/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatContent.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { AiChatThreadDeleteConfirmationModal } from '@/ai/components/AiChatThreadDeleteConfirmationModal'; import { AiChatThreadFilterDropdown } from '@/ai/components/AiChatThreadFilterDropdown'; diff --git a/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatThreadItem.tsx b/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatThreadItem.tsx index 3e40b9dec1..1b072d03f1 100644 --- a/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatThreadItem.tsx +++ b/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatThreadItem.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconArchive, IconComment } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconArchive, IconComment } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { AiChatThreadItemMenu } from '@/ai/components/AiChatThreadItemMenu'; import { AI_CHAT_THREAD_ACTIONS_SURFACE } from '@/ai/constants/AiChatThreadActionsSurface'; diff --git a/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatThreadSection.tsx b/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatThreadSection.tsx index 452fc58f60..5bd91f2be5 100644 --- a/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatThreadSection.tsx +++ b/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatThreadSection.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { type ReactNode } from 'react'; -import { AnimatedExpandableContainer } from 'twenty-ui/layout'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { AnimatedExpandableContainer } from 'twenty-ui-deprecated/layout'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { NavigationDrawerAiChatThreadItem } from '@/ai/components/NavigationDrawerAiChatThreadItem'; import { NavigationDrawerAnimatedCollapseWrapper } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerAnimatedCollapseWrapper'; diff --git a/packages/twenty-front/src/modules/ai/components/ReasoningSummaryDisplay.tsx b/packages/twenty-front/src/modules/ai/components/ReasoningSummaryDisplay.tsx index f735b9a3ad..2a166f2fc3 100644 --- a/packages/twenty-front/src/modules/ai/components/ReasoningSummaryDisplay.tsx +++ b/packages/twenty-front/src/modules/ai/components/ReasoningSummaryDisplay.tsx @@ -1,9 +1,16 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; -import { IconBrain, IconChevronDown, IconChevronUp } from 'twenty-ui/display'; -import { AnimatedExpandableContainer } from 'twenty-ui/layout'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + IconBrain, + IconChevronDown, + IconChevronUp, +} from 'twenty-ui-deprecated/display'; +import { AnimatedExpandableContainer } from 'twenty-ui-deprecated/layout'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { ShimmeringText } from '@/ai/components/ShimmeringText'; import { t } from '@lingui/core/macro'; diff --git a/packages/twenty-front/src/modules/ai/components/RecordLink.tsx b/packages/twenty-front/src/modules/ai/components/RecordLink.tsx index d40a0727d2..17b6a78b60 100644 --- a/packages/twenty-front/src/modules/ai/components/RecordLink.tsx +++ b/packages/twenty-front/src/modules/ai/components/RecordLink.tsx @@ -3,7 +3,11 @@ import { getLinkToShowPage } from '@/object-metadata/utils/getLinkToShowPage'; import { useAtomFamilySelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilySelectorValue'; import { t } from '@lingui/core/macro'; import { isNonEmptyString } from '@sniptt/guards'; -import { AvatarOrIcon, ChipVariant, LinkChip } from 'twenty-ui/components'; +import { + AvatarOrIcon, + ChipVariant, + LinkChip, +} from 'twenty-ui-deprecated/components'; type RecordLinkProps = { objectNameSingular: string; diff --git a/packages/twenty-front/src/modules/ai/components/RoutingDebugDisplay.tsx b/packages/twenty-front/src/modules/ai/components/RoutingDebugDisplay.tsx index 54abfe14ad..c688df8ce6 100644 --- a/packages/twenty-front/src/modules/ai/components/RoutingDebugDisplay.tsx +++ b/packages/twenty-front/src/modules/ai/components/RoutingDebugDisplay.tsx @@ -1,10 +1,13 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; -import { IconChevronDown, IconChevronUp } from 'twenty-ui/display'; -import { JsonTree } from 'twenty-ui/json-visualizer'; -import { AnimatedExpandableContainer } from 'twenty-ui/layout'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconChevronDown, IconChevronUp } from 'twenty-ui-deprecated/display'; +import { JsonTree } from 'twenty-ui-deprecated/json-visualizer'; +import { AnimatedExpandableContainer } from 'twenty-ui-deprecated/layout'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { useLingui } from '@lingui/react/macro'; import { type DataMessagePart } from 'twenty-shared/ai'; diff --git a/packages/twenty-front/src/modules/ai/components/RoutingStatusDisplay.tsx b/packages/twenty-front/src/modules/ai/components/RoutingStatusDisplay.tsx index d609e732d3..00bbaef468 100644 --- a/packages/twenty-front/src/modules/ai/components/RoutingStatusDisplay.tsx +++ b/packages/twenty-front/src/modules/ai/components/RoutingStatusDisplay.tsx @@ -4,9 +4,16 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; import { type DataMessagePart } from 'twenty-shared/ai'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronDown, IconChevronUp, IconCpu } from 'twenty-ui/display'; -import { AnimatedExpandableContainer } from 'twenty-ui/layout'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + IconChevronDown, + IconChevronUp, + IconCpu, +} from 'twenty-ui-deprecated/display'; +import { AnimatedExpandableContainer } from 'twenty-ui-deprecated/layout'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/ai/components/SettingsAgentModelCapabilities.tsx b/packages/twenty-front/src/modules/ai/components/SettingsAgentModelCapabilities.tsx index 4f62aa2e27..5ff4ba9b5f 100644 --- a/packages/twenty-front/src/modules/ai/components/SettingsAgentModelCapabilities.tsx +++ b/packages/twenty-front/src/modules/ai/components/SettingsAgentModelCapabilities.tsx @@ -5,10 +5,13 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconBrandX, IconWorld } from 'twenty-ui/display'; -import { Checkbox } from 'twenty-ui/input'; -import { Section } from 'twenty-ui/layout'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconBrandX, IconWorld } from 'twenty-ui-deprecated/display'; +import { Checkbox } from 'twenty-ui-deprecated/input'; +import { Section } from 'twenty-ui-deprecated/layout'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledCheckboxContainer = styled.div<{ disabled: boolean }>` align-items: center; diff --git a/packages/twenty-front/src/modules/ai/components/ShimmeringText.tsx b/packages/twenty-front/src/modules/ai/components/ShimmeringText.tsx index 75f999178b..3747da4dad 100644 --- a/packages/twenty-front/src/modules/ai/components/ShimmeringText.tsx +++ b/packages/twenty-front/src/modules/ai/components/ShimmeringText.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledShimmeringText = styled.div` -webkit-background-clip: text; diff --git a/packages/twenty-front/src/modules/ai/components/TerminalOutput.tsx b/packages/twenty-front/src/modules/ai/components/TerminalOutput.tsx index c8fdd035ae..c2a20c0abd 100644 --- a/packages/twenty-front/src/modules/ai/components/TerminalOutput.tsx +++ b/packages/twenty-front/src/modules/ai/components/TerminalOutput.tsx @@ -2,9 +2,9 @@ import { MONOSPACE_FONT_FAMILY } from '@/ui/theme/constants/MonospaceFontFamily' import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; -import { IconCopy, IconTerminal } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconCopy, IconTerminal } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/ai/components/ThinkingStepsDisplay.tsx b/packages/twenty-front/src/modules/ai/components/ThinkingStepsDisplay.tsx index ad9ae1b4e9..b1f673263e 100644 --- a/packages/twenty-front/src/modules/ai/components/ThinkingStepsDisplay.tsx +++ b/packages/twenty-front/src/modules/ai/components/ThinkingStepsDisplay.tsx @@ -9,10 +9,10 @@ import { OverflowingTextWithTooltip, ThinkingOrbitLoaderIcon, TooltipDelay, -} from 'twenty-ui/display'; -import { JsonTree } from 'twenty-ui/json-visualizer'; -import { AnimatedExpandableContainer } from 'twenty-ui/layout'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { JsonTree } from 'twenty-ui-deprecated/json-visualizer'; +import { AnimatedExpandableContainer } from 'twenty-ui-deprecated/layout'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { type JsonValue } from 'type-fest'; import { getToolIcon } from '@/ai/utils/getToolIcon'; diff --git a/packages/twenty-front/src/modules/ai/components/ToolStepRenderer.tsx b/packages/twenty-front/src/modules/ai/components/ToolStepRenderer.tsx index 01ea41444b..056cde971b 100644 --- a/packages/twenty-front/src/modules/ai/components/ToolStepRenderer.tsx +++ b/packages/twenty-front/src/modules/ai/components/ToolStepRenderer.tsx @@ -1,10 +1,13 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; -import { IconChevronDown, IconChevronUp } from 'twenty-ui/display'; -import { JsonTree } from 'twenty-ui/json-visualizer'; -import { AnimatedExpandableContainer } from 'twenty-ui/layout'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconChevronDown, IconChevronUp } from 'twenty-ui-deprecated/display'; +import { JsonTree } from 'twenty-ui-deprecated/json-visualizer'; +import { AnimatedExpandableContainer } from 'twenty-ui-deprecated/layout'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { CodeExecutionDisplay } from '@/ai/components/CodeExecutionDisplay'; import { ShimmeringText } from '@/ai/components/ShimmeringText'; diff --git a/packages/twenty-front/src/modules/ai/components/__stories__/AiChatMessage.stories.tsx b/packages/twenty-front/src/modules/ai/components/__stories__/AiChatMessage.stories.tsx index 3b152f22fe..cccee53577 100644 --- a/packages/twenty-front/src/modules/ai/components/__stories__/AiChatMessage.stories.tsx +++ b/packages/twenty-front/src/modules/ai/components/__stories__/AiChatMessage.stories.tsx @@ -6,7 +6,7 @@ import { import { useEffect } from 'react'; import { userEvent, within } from 'storybook/test'; import { type ExtendedUIMessage } from 'twenty-shared/ai'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { AiChatMessage } from '@/ai/components/AiChatMessage'; diff --git a/packages/twenty-front/src/modules/ai/components/__stories__/CodeExecutionDisplay.stories.tsx b/packages/twenty-front/src/modules/ai/components/__stories__/CodeExecutionDisplay.stories.tsx index db32957cdb..781ee5b19d 100644 --- a/packages/twenty-front/src/modules/ai/components/__stories__/CodeExecutionDisplay.stories.tsx +++ b/packages/twenty-front/src/modules/ai/components/__stories__/CodeExecutionDisplay.stories.tsx @@ -1,6 +1,6 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { expect, userEvent, within } from 'storybook/test'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { CodeExecutionDisplay } from '@/ai/components/CodeExecutionDisplay'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; diff --git a/packages/twenty-front/src/modules/ai/components/__stories__/TerminalOutput.stories.tsx b/packages/twenty-front/src/modules/ai/components/__stories__/TerminalOutput.stories.tsx index 564be2c775..a5cde844b3 100644 --- a/packages/twenty-front/src/modules/ai/components/__stories__/TerminalOutput.stories.tsx +++ b/packages/twenty-front/src/modules/ai/components/__stories__/TerminalOutput.stories.tsx @@ -1,6 +1,6 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { expect, userEvent, within } from 'storybook/test'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { TerminalOutput } from '@/ai/components/TerminalOutput'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; diff --git a/packages/twenty-front/src/modules/ai/components/__tests__/AiChatAssistantMessageRenderer.test.tsx b/packages/twenty-front/src/modules/ai/components/__tests__/AiChatAssistantMessageRenderer.test.tsx index 00e4c36ad9..b6aa024d92 100644 --- a/packages/twenty-front/src/modules/ai/components/__tests__/AiChatAssistantMessageRenderer.test.tsx +++ b/packages/twenty-front/src/modules/ai/components/__tests__/AiChatAssistantMessageRenderer.test.tsx @@ -1,5 +1,5 @@ import { render, screen } from '@testing-library/react'; -import { ThemeProvider } from 'twenty-ui/theme-constants'; +import { ThemeProvider } from 'twenty-ui-deprecated/theme-constants'; import { type ExtendedUIMessagePart } from 'twenty-shared/ai'; import { AiChatAssistantMessageRenderer } from '@/ai/components/AiChatAssistantMessageRenderer'; diff --git a/packages/twenty-front/src/modules/ai/components/__tests__/ThinkingStepsDisplay.test.tsx b/packages/twenty-front/src/modules/ai/components/__tests__/ThinkingStepsDisplay.test.tsx index 19a3a1d329..2a344e093b 100644 --- a/packages/twenty-front/src/modules/ai/components/__tests__/ThinkingStepsDisplay.test.tsx +++ b/packages/twenty-front/src/modules/ai/components/__tests__/ThinkingStepsDisplay.test.tsx @@ -1,6 +1,6 @@ import { render, screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; -import { ThemeProvider } from 'twenty-ui/theme-constants'; +import { ThemeProvider } from 'twenty-ui-deprecated/theme-constants'; import { ThinkingStepsDisplay } from '@/ai/components/ThinkingStepsDisplay'; import { type ThinkingStepPart } from '@/ai/utils/thinkingStepPart'; diff --git a/packages/twenty-front/src/modules/ai/components/internal/AgentChatContextPreview.tsx b/packages/twenty-front/src/modules/ai/components/internal/AgentChatContextPreview.tsx index 4b98d07ac2..79f249543b 100644 --- a/packages/twenty-front/src/modules/ai/components/internal/AgentChatContextPreview.tsx +++ b/packages/twenty-front/src/modules/ai/components/internal/AgentChatContextPreview.tsx @@ -2,7 +2,7 @@ import { agentChatSelectedFilesState } from '@/ai/states/agentChatSelectedFilesS import { agentChatUploadedFilesState } from '@/ai/states/agentChatUploadedFilesState'; import { useAtomState } from '@/ui/utilities/state/jotai/hooks/useAtomState'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { AgentChatFilePreview } from './AgentChatFilePreview'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/ai/components/internal/AgentChatFilePreview.tsx b/packages/twenty-front/src/modules/ai/components/internal/AgentChatFilePreview.tsx index df563e032f..e98ae13366 100644 --- a/packages/twenty-front/src/modules/ai/components/internal/AgentChatFilePreview.tsx +++ b/packages/twenty-front/src/modules/ai/components/internal/AgentChatFilePreview.tsx @@ -10,10 +10,14 @@ import { t } from '@lingui/core/macro'; import { useCallback, useContext } from 'react'; import { type ExtendedFileUIPart } from 'twenty-shared/ai'; import { isDefined } from 'twenty-shared/utils'; -import { AvatarOrIcon, Chip, ChipVariant } from 'twenty-ui/components'; -import { type IconComponent, IconX } from 'twenty-ui/display'; -import { Loader } from 'twenty-ui/feedback'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { + AvatarOrIcon, + Chip, + ChipVariant, +} from 'twenty-ui-deprecated/components'; +import { type IconComponent, IconX } from 'twenty-ui-deprecated/display'; +import { Loader } from 'twenty-ui-deprecated/feedback'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; const StyledClickableContainer = styled.div<{ clickable: boolean }>` cursor: ${({ clickable }: { clickable: boolean }) => diff --git a/packages/twenty-front/src/modules/ai/components/internal/AgentChatFileUploadButton.tsx b/packages/twenty-front/src/modules/ai/components/internal/AgentChatFileUploadButton.tsx index 6d894b3d86..65e756bd57 100644 --- a/packages/twenty-front/src/modules/ai/components/internal/AgentChatFileUploadButton.tsx +++ b/packages/twenty-front/src/modules/ai/components/internal/AgentChatFileUploadButton.tsx @@ -4,9 +4,9 @@ import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomStat import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import React, { useRef } from 'react'; -import { IconPaperclip } from 'twenty-ui/display'; -import { IconButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconPaperclip } from 'twenty-ui-deprecated/display'; +import { IconButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledFileUploadContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/ai/components/internal/AiChatContextUsageButton.tsx b/packages/twenty-front/src/modules/ai/components/internal/AiChatContextUsageButton.tsx index f9d9bda623..a7770834e0 100644 --- a/packages/twenty-front/src/modules/ai/components/internal/AiChatContextUsageButton.tsx +++ b/packages/twenty-front/src/modules/ai/components/internal/AiChatContextUsageButton.tsx @@ -3,9 +3,9 @@ import { t } from '@lingui/core/macro'; import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { HorizontalSeparator } from 'twenty-ui/display'; -import { ProgressBar } from 'twenty-ui/feedback'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { HorizontalSeparator } from 'twenty-ui-deprecated/display'; +import { ProgressBar } from 'twenty-ui-deprecated/feedback'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { ContextUsageProgressRing } from '@/ai/components/internal/ContextUsageProgressRing'; import { agentChatHasMessageComponentSelector } from '@/ai/states/selectors/agentChatHasMessageComponentSelector'; diff --git a/packages/twenty-front/src/modules/ai/components/internal/AiChatSkeletonLoader.tsx b/packages/twenty-front/src/modules/ai/components/internal/AiChatSkeletonLoader.tsx index 6d54996062..e04cf0e9fa 100644 --- a/packages/twenty-front/src/modules/ai/components/internal/AiChatSkeletonLoader.tsx +++ b/packages/twenty-front/src/modules/ai/components/internal/AiChatSkeletonLoader.tsx @@ -1,7 +1,10 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { AGENT_CHAT_NEW_THREAD_DRAFT_KEY } from '@/ai/states/agentChatDraftsByThreadIdState'; import { agentChatMessagesLoadingState } from '@/ai/states/agentChatMessagesLoadingState'; diff --git a/packages/twenty-front/src/modules/ai/components/internal/ContextUsageProgressRing.tsx b/packages/twenty-front/src/modules/ai/components/internal/ContextUsageProgressRing.tsx index fac99659f0..8d4510260a 100644 --- a/packages/twenty-front/src/modules/ai/components/internal/ContextUsageProgressRing.tsx +++ b/packages/twenty-front/src/modules/ai/components/internal/ContextUsageProgressRing.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type ContextUsageProgressRingProps = { percentage: number; diff --git a/packages/twenty-front/src/modules/ai/components/internal/SendMessageButton.tsx b/packages/twenty-front/src/modules/ai/components/internal/SendMessageButton.tsx index 00c00f9d42..e49221d9e3 100644 --- a/packages/twenty-front/src/modules/ai/components/internal/SendMessageButton.tsx +++ b/packages/twenty-front/src/modules/ai/components/internal/SendMessageButton.tsx @@ -6,8 +6,8 @@ import { currentAiChatThreadState } from '@/ai/states/currentAiChatThreadState'; import { dispatchBrowserEvent } from '@/browser-event/utils/dispatchBrowserEvent'; import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { IconArrowUp, IconPlayerStop } from 'twenty-ui/display'; -import { RoundedIconButton } from 'twenty-ui/input'; +import { IconArrowUp, IconPlayerStop } from 'twenty-ui-deprecated/display'; +import { RoundedIconButton } from 'twenty-ui-deprecated/input'; type SendMessageButtonProps = { onSend: () => void; diff --git a/packages/twenty-front/src/modules/ai/components/suggested-prompts/AiChatSuggestedPrompts.tsx b/packages/twenty-front/src/modules/ai/components/suggested-prompts/AiChatSuggestedPrompts.tsx index f71a4d97a3..f0e6c41155 100644 --- a/packages/twenty-front/src/modules/ai/components/suggested-prompts/AiChatSuggestedPrompts.tsx +++ b/packages/twenty-front/src/modules/ai/components/suggested-prompts/AiChatSuggestedPrompts.tsx @@ -2,8 +2,8 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useLingui } from '@lingui/react/macro'; import { type Editor } from '@tiptap/react'; -import { LightButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { LightButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { DEFAULT_SUGGESTED_PROMPTS, diff --git a/packages/twenty-front/src/modules/ai/components/suggested-prompts/default-suggested-prompts.ts b/packages/twenty-front/src/modules/ai/components/suggested-prompts/default-suggested-prompts.ts index fbb7b45306..98fd5e693b 100644 --- a/packages/twenty-front/src/modules/ai/components/suggested-prompts/default-suggested-prompts.ts +++ b/packages/twenty-front/src/modules/ai/components/suggested-prompts/default-suggested-prompts.ts @@ -5,7 +5,7 @@ import { IconLayoutDashboard, IconPlus, IconSettingsAutomation, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; export type SuggestedPrompt = { id: string; diff --git a/packages/twenty-front/src/modules/ai/constants/OutputFieldTypeOptions.ts b/packages/twenty-front/src/modules/ai/constants/OutputFieldTypeOptions.ts index 266a9f5db8..ad5f0049cd 100644 --- a/packages/twenty-front/src/modules/ai/constants/OutputFieldTypeOptions.ts +++ b/packages/twenty-front/src/modules/ai/constants/OutputFieldTypeOptions.ts @@ -4,7 +4,7 @@ import { IllustrationIconNumbers, IllustrationIconText, IllustrationIconToggle, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; export interface OutputSchemaField { id: string; diff --git a/packages/twenty-front/src/modules/ai/hooks/useAiModelOptions.ts b/packages/twenty-front/src/modules/ai/hooks/useAiModelOptions.ts index 5ce1c5aff4..3d015a299b 100644 --- a/packages/twenty-front/src/modules/ai/hooks/useAiModelOptions.ts +++ b/packages/twenty-front/src/modules/ai/hooks/useAiModelOptions.ts @@ -1,6 +1,6 @@ import { t } from '@lingui/core/macro'; import { isAutoSelectModelId } from 'twenty-shared/utils'; -import { type SelectOption } from 'twenty-ui/input'; +import { type SelectOption } from 'twenty-ui-deprecated/input'; import { useWorkspaceAiModelAvailability } from '@/ai/hooks/useWorkspaceAiModelAvailability'; import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState'; diff --git a/packages/twenty-front/src/modules/ai/utils/getToolIcon.ts b/packages/twenty-front/src/modules/ai/utils/getToolIcon.ts index 9c968c76a4..f3d3064701 100644 --- a/packages/twenty-front/src/modules/ai/utils/getToolIcon.ts +++ b/packages/twenty-front/src/modules/ai/utils/getToolIcon.ts @@ -4,7 +4,7 @@ import { IconMail, IconTool, IconWorld, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; const TOOL_ICON_MAPPINGS = [ { diff --git a/packages/twenty-front/src/modules/app/components/App.tsx b/packages/twenty-front/src/modules/app/components/App.tsx index e892c009ac..fe31eac84f 100644 --- a/packages/twenty-front/src/modules/app/components/App.tsx +++ b/packages/twenty-front/src/modules/app/components/App.tsx @@ -10,7 +10,7 @@ import { I18nProvider } from '@lingui/react'; import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore'; import { Provider as JotaiProvider } from 'jotai'; import { HelmetProvider } from 'react-helmet-async'; -import { IconsProvider } from 'twenty-ui/display'; +import { IconsProvider } from 'twenty-ui-deprecated/display'; import { initialI18nActivate } from '~/utils/i18n/initialI18nActivate'; initialI18nActivate(); diff --git a/packages/twenty-front/src/modules/applications/components/AppChip.tsx b/packages/twenty-front/src/modules/applications/components/AppChip.tsx index e0a8d5dd90..14b4dd1456 100644 --- a/packages/twenty-front/src/modules/applications/components/AppChip.tsx +++ b/packages/twenty-front/src/modules/applications/components/AppChip.tsx @@ -4,8 +4,8 @@ import { Avatar, type AvatarSize, OverflowingTextWithTooltip, -} from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type AppChipProps = { size?: AvatarSize; diff --git a/packages/twenty-front/src/modules/applications/components/AppConnectionHeader.tsx b/packages/twenty-front/src/modules/applications/components/AppConnectionHeader.tsx index 9ec5093f78..a0b0790d39 100644 --- a/packages/twenty-front/src/modules/applications/components/AppConnectionHeader.tsx +++ b/packages/twenty-front/src/modules/applications/components/AppConnectionHeader.tsx @@ -1,8 +1,11 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; import { isNonEmptyString } from '@sniptt/guards'; -import { Avatar, IconRefresh } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { Avatar, IconRefresh } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; type AppConnectionHeaderProps = { appLogoUrl?: string | null; diff --git a/packages/twenty-front/src/modules/applications/components/AppMenuItem.tsx b/packages/twenty-front/src/modules/applications/components/AppMenuItem.tsx index dc1316090d..3ae033d4ef 100644 --- a/packages/twenty-front/src/modules/applications/components/AppMenuItem.tsx +++ b/packages/twenty-front/src/modules/applications/components/AppMenuItem.tsx @@ -1,6 +1,6 @@ import { AppChip } from '@/applications/components/AppChip'; import { useApplicationChipData } from '@/applications/hooks/useApplicationChipData'; -import { MenuItem } from 'twenty-ui/navigation'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; type AppMenuItemProps = { applicationId?: string | null; diff --git a/packages/twenty-front/src/modules/applications/components/ApplicationDisplay.tsx b/packages/twenty-front/src/modules/applications/components/ApplicationDisplay.tsx index 124a67db99..91ac124f89 100644 --- a/packages/twenty-front/src/modules/applications/components/ApplicationDisplay.tsx +++ b/packages/twenty-front/src/modules/applications/components/ApplicationDisplay.tsx @@ -1,6 +1,6 @@ import { type ApplicationDisplayData } from '@/applications/types/applicationDisplayData.type'; import { AppChip } from '@/applications/components/AppChip'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { styled } from '@linaria/react'; type ApplicationDisplayProps = { diff --git a/packages/twenty-front/src/modules/applications/components/AuthorizeActionButtons.tsx b/packages/twenty-front/src/modules/applications/components/AuthorizeActionButtons.tsx index 80929715da..3515ae98d0 100644 --- a/packages/twenty-front/src/modules/applications/components/AuthorizeActionButtons.tsx +++ b/packages/twenty-front/src/modules/applications/components/AuthorizeActionButtons.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { MainButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { MainButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type AuthorizeActionButtonsProps = { onAuthorize: () => void; diff --git a/packages/twenty-front/src/modules/applications/hooks/useApplicationAvatarColors.ts b/packages/twenty-front/src/modules/applications/hooks/useApplicationAvatarColors.ts index 93c5b1db12..72c5b92035 100644 --- a/packages/twenty-front/src/modules/applications/hooks/useApplicationAvatarColors.ts +++ b/packages/twenty-front/src/modules/applications/hooks/useApplicationAvatarColors.ts @@ -3,7 +3,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { isTwentyStandardApplication } from '@/applications/utils/isTwentyStandardApplication'; import { isWorkspaceCustomApplication } from '@/applications/utils/isWorkspaceCustomApplication'; import { useContext } from 'react'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; import { isDefined } from 'twenty-shared/utils'; export type ApplicationAvatarColors = { diff --git a/packages/twenty-front/src/modules/auth/components/Logo.tsx b/packages/twenty-front/src/modules/auth/components/Logo.tsx index 0a4dc0990c..5bba3b99bc 100644 --- a/packages/twenty-front/src/modules/auth/components/Logo.tsx +++ b/packages/twenty-front/src/modules/auth/components/Logo.tsx @@ -2,9 +2,9 @@ import { styled } from '@linaria/react'; import { isNonEmptyString } from '@sniptt/guards'; import { AppPath } from 'twenty-shared/types'; import { getImageAbsoluteURI, isDefined } from 'twenty-shared/utils'; -import { Avatar } from 'twenty-ui/display'; -import { UndecoratedLink } from 'twenty-ui/navigation'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Avatar } from 'twenty-ui-deprecated/display'; +import { UndecoratedLink } from 'twenty-ui-deprecated/navigation'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { REACT_APP_SERVER_BASE_URL } from '~/config'; import { useRedirectToDefaultDomain } from '~/modules/domain-manager/hooks/useRedirectToDefaultDomain'; diff --git a/packages/twenty-front/src/modules/auth/components/StyledOnboardingContentContainer.ts b/packages/twenty-front/src/modules/auth/components/StyledOnboardingContentContainer.ts index e77ee25078..3f748db269 100644 --- a/packages/twenty-front/src/modules/auth/components/StyledOnboardingContentContainer.ts +++ b/packages/twenty-front/src/modules/auth/components/StyledOnboardingContentContainer.ts @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; export const StyledOnboardingContentContainer = styled.div` margin-bottom: ${themeCssVariables.spacing[8]}; diff --git a/packages/twenty-front/src/modules/auth/components/SubTitle.tsx b/packages/twenty-front/src/modules/auth/components/SubTitle.tsx index 4c6fefd548..efe392076d 100644 --- a/packages/twenty-front/src/modules/auth/components/SubTitle.tsx +++ b/packages/twenty-front/src/modules/auth/components/SubTitle.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledSubTitle = styled.div` color: ${themeCssVariables.font.color.secondary}; diff --git a/packages/twenty-front/src/modules/auth/components/Title.tsx b/packages/twenty-front/src/modules/auth/components/Title.tsx index ec822356d8..421bc65fa7 100644 --- a/packages/twenty-front/src/modules/auth/components/Title.tsx +++ b/packages/twenty-front/src/modules/auth/components/Title.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import React from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { AnimatedEaseIn } from 'twenty-ui/utilities'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { AnimatedEaseIn } from 'twenty-ui-deprecated/utilities'; type TitleProps = React.PropsWithChildren & { animate?: boolean; diff --git a/packages/twenty-front/src/modules/auth/components/VerifyEmailEffect.tsx b/packages/twenty-front/src/modules/auth/components/VerifyEmailEffect.tsx index f6832f7d0a..12c16d7385 100644 --- a/packages/twenty-front/src/modules/auth/components/VerifyEmailEffect.tsx +++ b/packages/twenty-front/src/modules/auth/components/VerifyEmailEffect.tsx @@ -8,7 +8,7 @@ import { useVerifyLogin } from '@/auth/hooks/useVerifyLogin'; import { clientConfigApiStatusState } from '@/client-config/states/clientConfigApiStatusState'; import { useIsCurrentLocationOnAWorkspace } from '@/domain-manager/hooks/useIsCurrentLocationOnAWorkspace'; import { useRedirectToWorkspaceDomain } from '@/domain-manager/hooks/useRedirectToWorkspaceDomain'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui-deprecated/layout'; import { useLingui } from '@lingui/react/macro'; import { useEffect, useState } from 'react'; import { useSearchParams } from 'react-router-dom'; diff --git a/packages/twenty-front/src/modules/auth/components/__stories__/Logo.stories.tsx b/packages/twenty-front/src/modules/auth/components/__stories__/Logo.stories.tsx index 098af115a0..870c9eda1c 100644 --- a/packages/twenty-front/src/modules/auth/components/__stories__/Logo.stories.tsx +++ b/packages/twenty-front/src/modules/auth/components/__stories__/Logo.stories.tsx @@ -1,7 +1,10 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { Logo } from '@/auth/components/Logo'; -import { ComponentDecorator, RouterDecorator } from 'twenty-ui/testing'; +import { + ComponentDecorator, + RouterDecorator, +} from 'twenty-ui-deprecated/testing'; const logoUrl = 'https://picsum.photos/192/192'; diff --git a/packages/twenty-front/src/modules/auth/components/__stories__/VerifyEmailEffect.stories.tsx b/packages/twenty-front/src/modules/auth/components/__stories__/VerifyEmailEffect.stories.tsx index b1f9f3320c..dd75b65467 100644 --- a/packages/twenty-front/src/modules/auth/components/__stories__/VerifyEmailEffect.stories.tsx +++ b/packages/twenty-front/src/modules/auth/components/__stories__/VerifyEmailEffect.stories.tsx @@ -5,7 +5,7 @@ import { MemoryRouter, Route, Routes } from 'react-router-dom'; // Mock component that just renders the error state of VerifyEmailEffect directly // (since normal VerifyEmailEffect has async logic that's hard to test in Storybook) import { EmailVerificationSent } from '@/auth/sign-in-up/components/EmailVerificationSent'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui-deprecated/layout'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; const VerifyEmailEffectErrorState = ({ email = 'user@example.com' }) => { diff --git a/packages/twenty-front/src/modules/auth/constants/AuthModalConfig.ts b/packages/twenty-front/src/modules/auth/constants/AuthModalConfig.ts index 2f6ec34b72..33c0a27292 100644 --- a/packages/twenty-front/src/modules/auth/constants/AuthModalConfig.ts +++ b/packages/twenty-front/src/modules/auth/constants/AuthModalConfig.ts @@ -1,4 +1,4 @@ -import { type ModalOverlay, type ModalSize } from 'twenty-ui/layout'; +import { type ModalOverlay, type ModalSize } from 'twenty-ui-deprecated/layout'; import { AppPath } from 'twenty-shared/types'; type AuthModalConfigType = { diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/EmailVerificationSent.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/EmailVerificationSent.tsx index d164df585a..339e48bba3 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/EmailVerificationSent.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/EmailVerificationSent.tsx @@ -15,10 +15,10 @@ import { IconMail, IconMailX, IconMicrosoft, -} from 'twenty-ui/display'; -import { MainButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { AnimatedEaseIn } from 'twenty-ui/utilities'; +} from 'twenty-ui-deprecated/display'; +import { MainButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { AnimatedEaseIn } from 'twenty-ui-deprecated/utilities'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/FooterNote.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/FooterNote.tsx index d65c17f915..8d82d8d12f 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/FooterNote.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/FooterNote.tsx @@ -3,7 +3,7 @@ import { Trans } from '@lingui/react/macro'; import { useWorkspaceBypass } from '@/auth/sign-in-up/hooks/useWorkspaceBypass'; import { useIsCurrentLocationOnAWorkspace } from '@/domain-manager/hooks/useIsCurrentLocationOnAWorkspace'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledCopyContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpGlobalScopeForm.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpGlobalScopeForm.tsx index 89afaef468..1f245d0e96 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpGlobalScopeForm.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpGlobalScopeForm.tsx @@ -4,7 +4,10 @@ import { useBuildWorkspaceUrl } from '@/domain-manager/hooks/useBuildWorkspaceUr import { styled } from '@linaria/react'; import { Trans, useLingui } from '@lingui/react/macro'; import { FormProvider } from 'react-hook-form'; -import { ClickToActionLink, UndecoratedLink } from 'twenty-ui/navigation'; +import { + ClickToActionLink, + UndecoratedLink, +} from 'twenty-ui-deprecated/navigation'; import { StyledOnboardingContentContainer } from '@/auth/components/StyledOnboardingContentContainer'; import { SignInUpWithCredentials } from '@/auth/sign-in-up/components/internal/SignInUpWithCredentials'; @@ -29,8 +32,11 @@ import { HorizontalSeparator, IconChevronRight, IconPlus, -} from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { type AvailableWorkspace } from '~/generated-metadata/graphql'; import { getWorkspaceUrl } from '~/utils/getWorkspaceUrl'; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpWorkspaceScopeForm.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpWorkspaceScopeForm.tsx index 0d177b0848..587bbc7ef1 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpWorkspaceScopeForm.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpWorkspaceScopeForm.tsx @@ -12,8 +12,8 @@ import { workspaceAuthBypassProvidersState } from '@/workspace/states/workspaceA import { workspaceAuthProvidersState } from '@/workspace/states/workspaceAuthProvidersState'; import { Trans } from '@lingui/react/macro'; import { FormProvider } from 'react-hook-form'; -import { HorizontalSeparator } from 'twenty-ui/display'; -import { ClickToActionLink } from 'twenty-ui/navigation'; +import { HorizontalSeparator } from 'twenty-ui-deprecated/display'; +import { ClickToActionLink } from 'twenty-ui-deprecated/navigation'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; export const SignInUpWorkspaceScopeForm = () => { diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/WorkspaceSelectionFooter.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/WorkspaceSelectionFooter.tsx index 2f55c99bfb..0d8467612d 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/WorkspaceSelectionFooter.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/WorkspaceSelectionFooter.tsx @@ -1,6 +1,6 @@ import { useAuth } from '@/auth/hooks/useAuth'; import { Trans } from '@lingui/react/macro'; -import { ClickToActionLink } from 'twenty-ui/navigation'; +import { ClickToActionLink } from 'twenty-ui-deprecated/navigation'; export const WorkspaceSelectionFooter = () => { const { signOut } = useAuth(); diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/__stories__/EmailVerificationSent.stories.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/__stories__/EmailVerificationSent.stories.tsx index 7da27a7c05..d0d9e83dd6 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/__stories__/EmailVerificationSent.stories.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/__stories__/EmailVerificationSent.stories.tsx @@ -1,8 +1,8 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { EmailVerificationSent } from '@/auth/sign-in-up/components/EmailVerificationSent'; -import { ModalContent } from 'twenty-ui/layout'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ModalContent } from 'twenty-ui-deprecated/layout'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; const RenderWithModalContent = ( diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/__tests__/SignInUpGlobalScopeForm.test.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/__tests__/SignInUpGlobalScopeForm.test.tsx index 6bc9eb492f..26b3fac4a1 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/__tests__/SignInUpGlobalScopeForm.test.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/__tests__/SignInUpGlobalScopeForm.test.tsx @@ -3,7 +3,7 @@ import { I18nProvider } from '@lingui/react'; import { fireEvent, render, screen } from '@testing-library/react'; import { Provider as JotaiProvider } from 'jotai'; import { SOURCE_LOCALE } from 'twenty-shared/translations'; -import { ThemeProvider } from 'twenty-ui/theme-constants'; +import { ThemeProvider } from 'twenty-ui-deprecated/theme-constants'; import { SignInUpGlobalScopeForm } from '@/auth/sign-in-up/components/SignInUpGlobalScopeForm'; import { diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/LastUsedPill.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/LastUsedPill.tsx index c5b8de888d..b1e8da0602 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/LastUsedPill.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/LastUsedPill.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { Pill } from 'twenty-ui/components'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Pill } from 'twenty-ui-deprecated/components'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledPillContainer = styled.span` position: absolute; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpEmailField.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpEmailField.tsx index 3707d3da68..e60935df95 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpEmailField.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpEmailField.tsx @@ -5,7 +5,7 @@ import { useLingui } from '@lingui/react/macro'; import { motion } from 'framer-motion'; import { Controller, useFormContext } from 'react-hook-form'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledFullWidthMotionDiv = styled(motion.div)` width: 100%; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpPasswordField.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpPasswordField.tsx index 578afe3363..ebd2486a91 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpPasswordField.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpPasswordField.tsx @@ -6,8 +6,11 @@ import { useLingui } from '@lingui/react/macro'; import { motion } from 'framer-motion'; import { useContext } from 'react'; import { Controller, useFormContext } from 'react-hook-form'; -import { StyledText } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { StyledText } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledFullWidthMotionDiv = styled(motion.div)` width: 100%; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpSSOIdentityProviderSelection.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpSSOIdentityProviderSelection.tsx index 4df73a3ebb..39d663ed9d 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpSSOIdentityProviderSelection.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpSSOIdentityProviderSelection.tsx @@ -7,8 +7,8 @@ import { guessSSOIdentityProviderIconByUrl } from '@/settings/security/utils/gue import { workspaceAuthProvidersState } from '@/workspace/states/workspaceAuthProvidersState'; import React from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { HorizontalSeparator } from 'twenty-ui/display'; -import { MainButton } from 'twenty-ui/input'; +import { HorizontalSeparator } from 'twenty-ui-deprecated/display'; +import { MainButton } from 'twenty-ui-deprecated/input'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; export const SignInUpSSOIdentityProviderSelection = () => { diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpTwoFactorAuthenticationProvision.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpTwoFactorAuthenticationProvision.tsx index 5981920a09..4ed88fa1e5 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpTwoFactorAuthenticationProvision.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpTwoFactorAuthenticationProvision.tsx @@ -9,11 +9,14 @@ import { styled } from '@linaria/react'; import { Trans, useLingui } from '@lingui/react/macro'; import QRCode from 'react-qr-code'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; -import { IconCopy } from 'twenty-ui/display'; -import { Loader } from 'twenty-ui/feedback'; -import { MainButton } from 'twenty-ui/input'; +import { IconCopy } from 'twenty-ui-deprecated/display'; +import { Loader } from 'twenty-ui-deprecated/feedback'; +import { MainButton } from 'twenty-ui-deprecated/input'; import { useContext } from 'react'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpTwoFactorAuthenticationVerification.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpTwoFactorAuthenticationVerification.tsx index 4ab2e519e4..a66e01ba51 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpTwoFactorAuthenticationVerification.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpTwoFactorAuthenticationVerification.tsx @@ -18,9 +18,9 @@ import { OTPInput, type SlotProps } from 'input-otp'; import { useState } from 'react'; import { Controller } from 'react-hook-form'; import { AppPath } from 'twenty-shared/types'; -import { MainButton } from 'twenty-ui/input'; -import { ClickToActionLink } from 'twenty-ui/navigation'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { MainButton } from 'twenty-ui-deprecated/input'; +import { ClickToActionLink } from 'twenty-ui-deprecated/navigation'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { useNavigateApp } from '~/hooks/useNavigateApp'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithCredentials.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithCredentials.tsx index 38d5cadfe6..1d3bf74447 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithCredentials.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithCredentials.tsx @@ -21,8 +21,8 @@ import { useLingui } from '@lingui/react/macro'; import { useMemo, useState } from 'react'; import { useFormContext } from 'react-hook-form'; import { isDefined } from 'twenty-shared/utils'; -import { Loader } from 'twenty-ui/feedback'; -import { MainButton } from 'twenty-ui/input'; +import { Loader } from 'twenty-ui-deprecated/feedback'; +import { MainButton } from 'twenty-ui-deprecated/input'; import { InputHint } from '@/ui/input/components/InputHint'; import { useAtomState } from '@/ui/utilities/state/jotai/hooks/useAtomState'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithGoogle.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithGoogle.tsx index 31a79a7f16..e986205bb3 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithGoogle.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithGoogle.tsx @@ -9,13 +9,13 @@ import { AuthenticatedMethod } from '@/auth/types/AuthenticatedMethod.enum'; import { type SocialSSOSignInUpActionType } from '@/auth/types/socialSSOSignInUp.type'; import { useLingui } from '@lingui/react/macro'; import { memo, useContext } from 'react'; -import { HorizontalSeparator, IconGoogle } from 'twenty-ui/display'; -import { MainButton } from 'twenty-ui/input'; +import { HorizontalSeparator, IconGoogle } from 'twenty-ui-deprecated/display'; +import { MainButton } from 'twenty-ui-deprecated/input'; import { useAtomState } from '@/ui/utilities/state/jotai/hooks/useAtomState'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { LastUsedPill } from './LastUsedPill'; import { StyledSSOButtonContainer } from './SignInUpSSOButtonStyles'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; const GoogleIcon = memo(() => { const { theme } = useContext(ThemeContext); return ; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithMicrosoft.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithMicrosoft.tsx index 4302b1b9b9..ebc6a88c82 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithMicrosoft.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithMicrosoft.tsx @@ -9,13 +9,16 @@ import { AuthenticatedMethod } from '@/auth/types/AuthenticatedMethod.enum'; import { type SocialSSOSignInUpActionType } from '@/auth/types/socialSSOSignInUp.type'; import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; -import { HorizontalSeparator, IconMicrosoft } from 'twenty-ui/display'; -import { MainButton } from 'twenty-ui/input'; +import { + HorizontalSeparator, + IconMicrosoft, +} from 'twenty-ui-deprecated/display'; +import { MainButton } from 'twenty-ui-deprecated/input'; import { useAtomState } from '@/ui/utilities/state/jotai/hooks/useAtomState'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { LastUsedPill } from './LastUsedPill'; import { StyledSSOButtonContainer } from './SignInUpSSOButtonStyles'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; export const SignInUpWithMicrosoft = ({ action, diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithSSO.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithSSO.tsx index 70be4b7907..beb3bab0c8 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithSSO.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithSSO.tsx @@ -12,12 +12,12 @@ import { useAtomState } from '@/ui/utilities/state/jotai/hooks/useAtomState'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { HorizontalSeparator, IconLock } from 'twenty-ui/display'; -import { MainButton } from 'twenty-ui/input'; +import { HorizontalSeparator, IconLock } from 'twenty-ui-deprecated/display'; +import { MainButton } from 'twenty-ui-deprecated/input'; import { LastUsedPill } from './LastUsedPill'; import { StyledSSOButtonContainer } from './SignInUpSSOButtonStyles'; import { useContext } from 'react'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; export const SignInUpWithSSO = () => { const { theme } = useContext(ThemeContext); diff --git a/packages/twenty-front/src/modules/blocknote-editor/blocks/FileBlock.tsx b/packages/twenty-front/src/modules/blocknote-editor/blocks/FileBlock.tsx index 7cce9d571b..ebcc6a70b9 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/blocks/FileBlock.tsx +++ b/packages/twenty-front/src/modules/blocknote-editor/blocks/FileBlock.tsx @@ -3,14 +3,14 @@ import { styled } from '@linaria/react'; import { isNonEmptyString } from '@sniptt/guards'; import { type ChangeEvent, useRef } from 'react'; import { isUndefinedOrNull } from '~/utils/isUndefinedOrNull'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { type AttachmentFileCategory } from '@/activities/files/types/AttachmentFileCategory'; import { getFileType } from '@/activities/files/utils/getFileType'; import { FileIcon } from '@/file/components/FileIcon'; import { t } from '@lingui/core/macro'; import { getSafeUrl, isDefined } from 'twenty-shared/utils'; -import { Button } from 'twenty-ui/input'; +import { Button } from 'twenty-ui-deprecated/input'; const StyledFileInput = styled.input` display: none; diff --git a/packages/twenty-front/src/modules/blocknote-editor/blocks/MentionInlineContent.tsx b/packages/twenty-front/src/modules/blocknote-editor/blocks/MentionInlineContent.tsx index 4889aba05c..8d4f21c71e 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/blocks/MentionInlineContent.tsx +++ b/packages/twenty-front/src/modules/blocknote-editor/blocks/MentionInlineContent.tsx @@ -7,8 +7,8 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { isDefined } from 'twenty-shared/utils'; -import { Chip, ChipVariant } from 'twenty-ui/components'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Chip, ChipVariant } from 'twenty-ui-deprecated/components'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; const StyledRecordChipContainer = styled.div` diff --git a/packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx b/packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx index da05f54375..635bcfa37e 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx +++ b/packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx @@ -16,8 +16,11 @@ import { type SuggestionItem, } from '@/blocknote-editor/components/CustomSlashMenu'; import { useMentionMenu } from '@/mention/hooks/useMentionMenu'; -import { IconX } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconX } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; interface BlockEditorProps { editor: typeof BLOCK_SCHEMA.BlockNoteEditor; diff --git a/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenu.tsx b/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenu.tsx index bae5090053..570855cb42 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenu.tsx +++ b/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenu.tsx @@ -11,8 +11,12 @@ import { } from '@blocknote/react'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconColorSwatch, IconPlus, IconTrash } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { + IconColorSwatch, + IconPlus, + IconTrash, +} from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type CustomSideMenuProps = { editor: typeof BLOCK_SCHEMA.BlockNoteEditor; diff --git a/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenuOptions.tsx b/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenuOptions.tsx index 332a33212a..dc36568765 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenuOptions.tsx +++ b/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenuOptions.tsx @@ -1,7 +1,10 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { type IconComponent } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div<{ Variant: Variants }>` align-items: center; diff --git a/packages/twenty-front/src/modules/blocknote-editor/components/CustomSlashMenuListItem.tsx b/packages/twenty-front/src/modules/blocknote-editor/components/CustomSlashMenuListItem.tsx index 2ce91eb735..0062dd789d 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/components/CustomSlashMenuListItem.tsx +++ b/packages/twenty-front/src/modules/blocknote-editor/components/CustomSlashMenuListItem.tsx @@ -4,7 +4,7 @@ import { SelectableListItem } from '@/ui/layout/selectable-list/components/Selec import { useSelectableList } from '@/ui/layout/selectable-list/hooks/useSelectableList'; import { isSelectedItemIdComponentFamilyState } from '@/ui/layout/selectable-list/states/isSelectedItemIdComponentFamilyState'; import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; -import { MenuItemSuggestion } from 'twenty-ui/navigation'; +import { MenuItemSuggestion } from 'twenty-ui-deprecated/navigation'; export type CustomSlashMenuListItemProps = { item: SuggestionItem; diff --git a/packages/twenty-front/src/modules/blocknote-editor/types/types.ts b/packages/twenty-front/src/modules/blocknote-editor/types/types.ts index c212ebb7a3..90ea39a2fe 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/types/types.ts +++ b/packages/twenty-front/src/modules/blocknote-editor/types/types.ts @@ -2,7 +2,7 @@ import type { DefaultReactSuggestionItem, SuggestionMenuProps, } from '@blocknote/react'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; export type SuggestionItem = DefaultReactSuggestionItem & { aliases?: string[]; diff --git a/packages/twenty-front/src/modules/blocknote-editor/utils/getSlashMenu.ts b/packages/twenty-front/src/modules/blocknote-editor/utils/getSlashMenu.ts index f8a5194443..5d565a9703 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/utils/getSlashMenu.ts +++ b/packages/twenty-front/src/modules/blocknote-editor/utils/getSlashMenu.ts @@ -25,7 +25,7 @@ import { IconPilcrow, IconTable, IconVideo, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; const Icons: Record = { 'Heading 1': IconH1, diff --git a/packages/twenty-front/src/modules/command-menu-item/components/RecordIndexCommandMenu.tsx b/packages/twenty-front/src/modules/command-menu-item/components/RecordIndexCommandMenu.tsx index 9c6349a52d..33b935894a 100644 --- a/packages/twenty-front/src/modules/command-menu-item/components/RecordIndexCommandMenu.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/components/RecordIndexCommandMenu.tsx @@ -7,7 +7,7 @@ import { contextStoreCurrentObjectMetadataItemIdComponentState } from '@/context import { isLayoutCustomizationModeEnabledState } from '@/layout-customization/states/isLayoutCustomizationModeEnabledState'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; export const RecordIndexCommandMenu = () => { const contextStoreCurrentObjectMetadataItemId = useAtomComponentStateValue( diff --git a/packages/twenty-front/src/modules/command-menu-item/components/RecordIndexCommandMenuDropdown.tsx b/packages/twenty-front/src/modules/command-menu-item/components/RecordIndexCommandMenuDropdown.tsx index 7887b0ac86..56cf064915 100644 --- a/packages/twenty-front/src/modules/command-menu-item/components/RecordIndexCommandMenuDropdown.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/components/RecordIndexCommandMenuDropdown.tsx @@ -17,8 +17,8 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; -import { IconLayoutSidebarRightExpand } from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +import { IconLayoutSidebarRightExpand } from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; import { CommandMenuItemAvailabilityType } from '~/generated-metadata/graphql'; const StyledDropdownMenuContainer = styled.div` diff --git a/packages/twenty-front/src/modules/command-menu-item/components/RecordPageSidePanelCommandMenuDropdown.tsx b/packages/twenty-front/src/modules/command-menu-item/components/RecordPageSidePanelCommandMenuDropdown.tsx index c46586c8a6..2d8b040594 100644 --- a/packages/twenty-front/src/modules/command-menu-item/components/RecordPageSidePanelCommandMenuDropdown.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/components/RecordPageSidePanelCommandMenuDropdown.tsx @@ -8,8 +8,8 @@ import { sidePanelWidgetFooterCommandMenuItemsState } from '@/ui/layout/side-pan import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/component-state/hooks/useAvailableComponentInstanceIdOrThrow'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useContext, useMemo } from 'react'; -import { HorizontalSeparator } from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +import { HorizontalSeparator } from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; import { CommandMenuItemAvailabilityType } from '~/generated-metadata/graphql'; export const RecordPageSidePanelCommandMenuDropdown = () => { diff --git a/packages/twenty-front/src/modules/command-menu-item/components/RecordShowCommandMenu.tsx b/packages/twenty-front/src/modules/command-menu-item/components/RecordShowCommandMenu.tsx index ff60df0646..d8148c59eb 100644 --- a/packages/twenty-front/src/modules/command-menu-item/components/RecordShowCommandMenu.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/components/RecordShowCommandMenu.tsx @@ -7,7 +7,7 @@ import { contextStoreTargetedRecordsRuleComponentState } from '@/context-store/s import { isLayoutCustomizationModeEnabledState } from '@/layout-customization/states/isLayoutCustomizationModeEnabledState'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; export const RecordShowCommandMenu = () => { const contextStoreCurrentObjectMetadataItemId = useAtomComponentStateValue( diff --git a/packages/twenty-front/src/modules/command-menu-item/components/RecordShowSidePanelOpenRecordButton.tsx b/packages/twenty-front/src/modules/command-menu-item/components/RecordShowSidePanelOpenRecordButton.tsx index 08ea06df6c..a828fccc4c 100644 --- a/packages/twenty-front/src/modules/command-menu-item/components/RecordShowSidePanelOpenRecordButton.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/components/RecordShowSidePanelOpenRecordButton.tsx @@ -23,9 +23,9 @@ import { t } from '@lingui/core/macro'; import { useStore } from 'jotai'; import { useCallback } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconBrowserMaximize } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; -import { getOsControlSymbol } from 'twenty-ui/utilities'; +import { IconBrowserMaximize } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; +import { getOsControlSymbol } from 'twenty-ui-deprecated/utilities'; import { useNavigateApp } from '~/hooks/useNavigateApp'; type RecordShowSidePanelOpenRecordButtonProps = { diff --git a/packages/twenty-front/src/modules/command-menu-item/components/StandalonePageCommandMenu.tsx b/packages/twenty-front/src/modules/command-menu-item/components/StandalonePageCommandMenu.tsx index c81b5e8beb..39a786b314 100644 --- a/packages/twenty-front/src/modules/command-menu-item/components/StandalonePageCommandMenu.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/components/StandalonePageCommandMenu.tsx @@ -19,7 +19,7 @@ import { type CommandMenuContextApi, } from 'twenty-shared/types'; import { evaluateConditionalAvailabilityExpression } from 'twenty-shared/utils'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; import { CommandMenuItemAvailabilityType } from '~/generated-metadata/graphql'; export const StandalonePageCommandMenu = () => { diff --git a/packages/twenty-front/src/modules/command-menu-item/components/__stories__/RecordIndexCommandMenuDropdown.stories.tsx b/packages/twenty-front/src/modules/command-menu-item/components/__stories__/RecordIndexCommandMenuDropdown.stories.tsx index 8788ef4bd8..3239490446 100644 --- a/packages/twenty-front/src/modules/command-menu-item/components/__stories__/RecordIndexCommandMenuDropdown.stories.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/components/__stories__/RecordIndexCommandMenuDropdown.stories.tsx @@ -11,7 +11,7 @@ import { CommandMenuComponentInstanceContext } from '@/command-menu/states/conte import { EMPTY_COMMAND_MENU_CONTEXT_API } from '@/command-menu-item/constants/EmptyCommandMenuContextApi'; import { isDropdownOpenComponentState } from '@/ui/layout/dropdown/states/isDropdownOpenComponentState'; import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore'; -import { RouterDecorator } from 'twenty-ui/testing'; +import { RouterDecorator } from 'twenty-ui-deprecated/testing'; import { ContextStoreDecorator } from '~/testing/decorators/ContextStoreDecorator'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; diff --git a/packages/twenty-front/src/modules/command-menu-item/components/__stories__/RecordShowSidePanelCommandMenuDropdown.stories.tsx b/packages/twenty-front/src/modules/command-menu-item/components/__stories__/RecordShowSidePanelCommandMenuDropdown.stories.tsx index 68b128bd90..bc83846bf1 100644 --- a/packages/twenty-front/src/modules/command-menu-item/components/__stories__/RecordShowSidePanelCommandMenuDropdown.stories.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/components/__stories__/RecordShowSidePanelCommandMenuDropdown.stories.tsx @@ -10,7 +10,10 @@ import { CommandMenuComponentInstanceContext } from '@/command-menu/states/conte import { MAIN_CONTEXT_STORE_INSTANCE_ID } from '@/context-store/constants/MainContextStoreInstanceId'; import { ContextStoreComponentInstanceContext } from '@/context-store/states/contexts/ContextStoreComponentInstanceContext'; import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore'; -import { ComponentDecorator, RouterDecorator } from 'twenty-ui/testing'; +import { + ComponentDecorator, + RouterDecorator, +} from 'twenty-ui-deprecated/testing'; import { ContextStoreDecorator } from '~/testing/decorators/ContextStoreDecorator'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; diff --git a/packages/twenty-front/src/modules/command-menu-item/confirmation-modal/states/commandMenuItemConfirmationModalState.ts b/packages/twenty-front/src/modules/command-menu-item/confirmation-modal/states/commandMenuItemConfirmationModalState.ts index 3a77b03023..e8aab60ce9 100644 --- a/packages/twenty-front/src/modules/command-menu-item/confirmation-modal/states/commandMenuItemConfirmationModalState.ts +++ b/packages/twenty-front/src/modules/command-menu-item/confirmation-modal/states/commandMenuItemConfirmationModalState.ts @@ -2,7 +2,7 @@ import { type ReactNode } from 'react'; import { type ConfirmationModalCaller } from 'twenty-shared/types'; import { createAtomState } from '@/ui/utilities/state/jotai/utils/createAtomState'; -import { type ButtonAccent } from 'twenty-ui/input'; +import { type ButtonAccent } from 'twenty-ui-deprecated/input'; export type CommandMenuItemConfirmationModalConfig = { caller: ConfirmationModalCaller; diff --git a/packages/twenty-front/src/modules/command-menu-item/display/components/CommandListItemLoader.tsx b/packages/twenty-front/src/modules/command-menu-item/display/components/CommandListItemLoader.tsx index 56f46a1533..fa46f48c54 100644 --- a/packages/twenty-front/src/modules/command-menu-item/display/components/CommandListItemLoader.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/display/components/CommandListItemLoader.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; -import { Loader } from 'twenty-ui/feedback'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Loader } from 'twenty-ui-deprecated/feedback'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/command-menu-item/display/components/CommandMenuItemRenderer.tsx b/packages/twenty-front/src/modules/command-menu-item/display/components/CommandMenuItemRenderer.tsx index 066cb8b28c..2ef25f57a4 100644 --- a/packages/twenty-front/src/modules/command-menu-item/display/components/CommandMenuItemRenderer.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/display/components/CommandMenuItemRenderer.tsx @@ -16,9 +16,9 @@ import { COMMAND_MENU_DEFAULT_ICON } from '@/workflow/workflow-trigger/constants import { styled } from '@linaria/react'; import { useContext } from 'react'; import { assertUnreachable, isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; -import { Loader } from 'twenty-ui/feedback'; -import { MenuItem } from 'twenty-ui/navigation'; +import { useIcons } from 'twenty-ui-deprecated/display'; +import { Loader } from 'twenty-ui-deprecated/feedback'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; import { type CommandMenuItemFieldsFragment } from '~/generated-metadata/graphql'; const StyledPreviewWrapper = styled.div` diff --git a/packages/twenty-front/src/modules/command-menu-item/display/components/PinnedCommandMenuItemButtons.tsx b/packages/twenty-front/src/modules/command-menu-item/display/components/PinnedCommandMenuItemButtons.tsx index eaf9a9fd8c..ad6dcf7bea 100644 --- a/packages/twenty-front/src/modules/command-menu-item/display/components/PinnedCommandMenuItemButtons.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/display/components/PinnedCommandMenuItemButtons.tsx @@ -7,7 +7,7 @@ import { NodeDimension } from '@/ui/utilities/dimensions/components/NodeDimensio import { styled } from '@linaria/react'; import { motion } from 'framer-motion'; import { useContext, useMemo } from 'react'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; const StyledCommandMenuItemContainer = styled(motion.div)` align-items: center; diff --git a/packages/twenty-front/src/modules/command-menu-item/display/components/PinnedCommandMenuItemsInlineMeasurements.tsx b/packages/twenty-front/src/modules/command-menu-item/display/components/PinnedCommandMenuItemsInlineMeasurements.tsx index bffba1d45f..88a3c17b17 100644 --- a/packages/twenty-front/src/modules/command-menu-item/display/components/PinnedCommandMenuItemsInlineMeasurements.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/display/components/PinnedCommandMenuItemsInlineMeasurements.tsx @@ -6,7 +6,7 @@ import { NodeDimension } from '@/ui/utilities/dimensions/components/NodeDimensio import { COMMAND_MENU_DEFAULT_ICON } from '@/workflow/workflow-trigger/constants/CommandMenuDefaultIcon'; import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui-deprecated/display'; import { type CommandMenuItemFieldsFragment } from '~/generated-metadata/graphql'; type ElementDimensions = { diff --git a/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditButton.tsx b/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditButton.tsx index 236c4719e2..0ddf63129c 100644 --- a/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditButton.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditButton.tsx @@ -1,4 +1,4 @@ -import { AnimatedIconCrossfade } from 'twenty-ui/utilities'; +import { AnimatedIconCrossfade } from 'twenty-ui-deprecated/utilities'; import { isLayoutCustomizationModeEnabledState } from '@/layout-customization/states/isLayoutCustomizationModeEnabledState'; import { useNavigateSidePanel } from '@/side-panel/hooks/useNavigateSidePanel'; import { useSidePanelMenu } from '@/side-panel/hooks/useSidePanelMenu'; @@ -7,8 +7,8 @@ import { sidePanelPageState } from '@/side-panel/states/sidePanelPageState'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useLingui } from '@lingui/react/macro'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconPencil, IconX } from 'twenty-ui/display'; -import { AnimatedButton } from 'twenty-ui/input'; +import { IconPencil, IconX } from 'twenty-ui-deprecated/display'; +import { AnimatedButton } from 'twenty-ui-deprecated/input'; export const CommandMenuItemEditButton = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditRecordSelectionDropdown.tsx b/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditRecordSelectionDropdown.tsx index 9e7e1cb965..1548dcc89c 100644 --- a/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditRecordSelectionDropdown.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditRecordSelectionDropdown.tsx @@ -16,9 +16,12 @@ import { IconChevronDown, IconSquareCheck, IconSquareX, -} from 'twenty-ui/display'; -import { MenuItemSelect } from 'twenty-ui/navigation'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const DROPDOWN_ID = 'command-menu-edit-record-selection-dropdown'; diff --git a/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemOptionsDropdown.tsx b/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemOptionsDropdown.tsx index 7b856601fb..39002fbbfa 100644 --- a/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemOptionsDropdown.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemOptionsDropdown.tsx @@ -7,8 +7,8 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useLingui } from '@lingui/react/macro'; import { type ReactElement } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconRefresh, IconTag } from 'twenty-ui/display'; -import { MenuItem, MenuItemToggle } from 'twenty-ui/navigation'; +import { IconRefresh, IconTag } from 'twenty-ui-deprecated/display'; +import { MenuItem, MenuItemToggle } from 'twenty-ui-deprecated/navigation'; import { type CommandMenuItemFieldsFragment } from '~/generated-metadata/graphql'; type CommandMenuItemOptionsDropdownProps = Pick< diff --git a/packages/twenty-front/src/modules/command-menu-item/edit/components/SidePanelCommandMenuItemEditPage.tsx b/packages/twenty-front/src/modules/command-menu-item/edit/components/SidePanelCommandMenuItemEditPage.tsx index 0260555308..a091b6150e 100644 --- a/packages/twenty-front/src/modules/command-menu-item/edit/components/SidePanelCommandMenuItemEditPage.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/edit/components/SidePanelCommandMenuItemEditPage.tsx @@ -30,10 +30,10 @@ import { IconPinnedOff, IconRefresh, useIcons, -} from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; -import { MenuItem, MenuItemDraggable } from 'twenty-ui/navigation'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; +import { MenuItem, MenuItemDraggable } from 'twenty-ui-deprecated/navigation'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { type CommandMenuItemFieldsFragment } from '~/generated-metadata/graphql'; import { normalizeSearchText } from '~/utils/normalizeSearchText'; diff --git a/packages/twenty-front/src/modules/command-menu-item/engine-command/components/HeadlessConfirmationModalEngineCommandEffect.tsx b/packages/twenty-front/src/modules/command-menu-item/engine-command/components/HeadlessConfirmationModalEngineCommandEffect.tsx index 61e22b885e..3d10b80161 100644 --- a/packages/twenty-front/src/modules/command-menu-item/engine-command/components/HeadlessConfirmationModalEngineCommandEffect.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/engine-command/components/HeadlessConfirmationModalEngineCommandEffect.tsx @@ -7,7 +7,7 @@ import { type CommandMenuConfirmationModalResultBrowserEventDetail } from '@/com import { useUnmountCommand } from '@/command-menu-item/engine-command/hooks/useUnmountEngineCommand'; import { CommandComponentInstanceContext } from '@/command-menu-item/engine-command/states/contexts/CommandComponentInstanceContext'; import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/component-state/hooks/useAvailableComponentInstanceIdOrThrow'; -import { type ButtonAccent } from 'twenty-ui/input'; +import { type ButtonAccent } from 'twenty-ui-deprecated/input'; export type HeadlessConfirmationModalEngineCommandEffectProps = { title: string; diff --git a/packages/twenty-front/src/modules/command-menu-item/engine-command/components/HeadlessOpenSidePanelPageEngineCommand.tsx b/packages/twenty-front/src/modules/command-menu-item/engine-command/components/HeadlessOpenSidePanelPageEngineCommand.tsx index cb7e6485b0..5b3cb5b41c 100644 --- a/packages/twenty-front/src/modules/command-menu-item/engine-command/components/HeadlessOpenSidePanelPageEngineCommand.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/engine-command/components/HeadlessOpenSidePanelPageEngineCommand.tsx @@ -5,7 +5,7 @@ import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomStat import { type MessageDescriptor } from '@lingui/core'; import { t } from '@lingui/core/macro'; import { type SidePanelPages } from 'twenty-shared/types'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; export const HeadlessOpenSidePanelPageEngineCommand = ({ page, diff --git a/packages/twenty-front/src/modules/command-menu-item/engine-command/constants/EngineComponentKeyHeadlessComponentMap.tsx b/packages/twenty-front/src/modules/command-menu-item/engine-command/constants/EngineComponentKeyHeadlessComponentMap.tsx index 4f453e56b8..75444480d8 100644 --- a/packages/twenty-front/src/modules/command-menu-item/engine-command/constants/EngineComponentKeyHeadlessComponentMap.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/engine-command/constants/EngineComponentKeyHeadlessComponentMap.tsx @@ -46,7 +46,11 @@ import { TidyUpWorkflowSingleRecordCommand } from '@/command-menu-item/engine-co import { CoreObjectNamePlural } from '@/object-metadata/types/CoreObjectNamePlural'; import { msg } from '@lingui/core/macro'; import { AppPath, SettingsPath, SidePanelPages } from 'twenty-shared/types'; -import { IconHistory, IconSearch, IconSparkles } from 'twenty-ui/display'; +import { + IconHistory, + IconSearch, + IconSparkles, +} from 'twenty-ui-deprecated/display'; import { EngineComponentKey } from '~/generated-metadata/graphql'; export const ENGINE_COMPONENT_KEY_COMPONENT_MAP: Record< diff --git a/packages/twenty-front/src/modules/command-menu-item/engine-command/record/single-record/dashboard/components/EditDashboardSingleRecordCommand.tsx b/packages/twenty-front/src/modules/command-menu-item/engine-command/record/single-record/dashboard/components/EditDashboardSingleRecordCommand.tsx index 37f820c561..4e75008123 100644 --- a/packages/twenty-front/src/modules/command-menu-item/engine-command/record/single-record/dashboard/components/EditDashboardSingleRecordCommand.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/engine-command/record/single-record/dashboard/components/EditDashboardSingleRecordCommand.tsx @@ -2,7 +2,7 @@ import { HeadlessEngineCommandWrapperEffect } from '@/command-menu-item/engine-c import { useHeadlessCommandContextApi } from '@/command-menu-item/engine-command/hooks/useHeadlessCommandContextApi'; import { useSetIsPageLayoutInEditMode } from '@/page-layout/hooks/useSetIsPageLayoutInEditMode'; import { isDefined } from 'twenty-shared/utils'; -import { useResetLocationHash } from 'twenty-ui/utilities'; +import { useResetLocationHash } from 'twenty-ui-deprecated/utilities'; export const EditDashboardSingleRecordCommand = () => { const { selectedRecords } = useHeadlessCommandContextApi(); diff --git a/packages/twenty-front/src/modules/command-menu-item/engine-command/record/single-record/record-page-layout/components/EditRecordPageLayoutSingleRecordCommand.tsx b/packages/twenty-front/src/modules/command-menu-item/engine-command/record/single-record/record-page-layout/components/EditRecordPageLayoutSingleRecordCommand.tsx index 62183861fe..c2b5370c3e 100644 --- a/packages/twenty-front/src/modules/command-menu-item/engine-command/record/single-record/record-page-layout/components/EditRecordPageLayoutSingleRecordCommand.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/engine-command/record/single-record/record-page-layout/components/EditRecordPageLayoutSingleRecordCommand.tsx @@ -1,6 +1,6 @@ import { HeadlessEngineCommandWrapperEffect } from '@/command-menu-item/engine-command/components/HeadlessEngineCommandWrapperEffect'; import { useEnterLayoutCustomizationMode } from '@/layout-customization/hooks/useEnterLayoutCustomizationMode'; -import { useResetLocationHash } from 'twenty-ui/utilities'; +import { useResetLocationHash } from 'twenty-ui-deprecated/utilities'; export const EditRecordPageLayoutSingleRecordCommand = () => { const { enterLayoutCustomizationMode } = useEnterLayoutCustomizationMode(); diff --git a/packages/twenty-front/src/modules/command-menu-item/hooks/useCommandMenuItemClick.ts b/packages/twenty-front/src/modules/command-menu-item/hooks/useCommandMenuItemClick.ts index dfe85fa421..7c30fa2b55 100644 --- a/packages/twenty-front/src/modules/command-menu-item/hooks/useCommandMenuItemClick.ts +++ b/packages/twenty-front/src/modules/command-menu-item/hooks/useCommandMenuItemClick.ts @@ -10,7 +10,7 @@ import { useAtomFamilySelectorValue } from '@/ui/utilities/state/jotai/hooks/use import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilyStateValue'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; import { type CommandMenuItemFieldsFragment } from '~/generated-metadata/graphql'; export const useCommandMenuItemClick = ({ diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenuButton.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenuButton.tsx index 3ba35ef528..dd088832fd 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuButton.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuButton.tsx @@ -9,9 +9,9 @@ import { type IconComponent, TooltipDelay, TooltipPosition, -} from 'twenty-ui/display'; -import { Button, IconButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { Button, IconButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledWrapper = styled.div` font-size: ${themeCssVariables.font.size.md}; diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItem.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItem.tsx index 14c2a16966..7d92c227d4 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItem.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItem.tsx @@ -1,7 +1,10 @@ import { isNonEmptyString } from '@sniptt/guards'; import { type ReactNode } from 'react'; -import { IconArrowUpRight, type IconComponent } from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +import { + IconArrowUpRight, + type IconComponent, +} from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; import { useCommandMenuOnItemClick } from '@/command-menu/hooks/useCommandMenuOnItemClick'; import { isSelectedItemIdComponentFamilyState } from '@/ui/layout/selectable-list/states/isSelectedItemIdComponentFamilyState'; diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemNumberInput.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemNumberInput.tsx index d25515b473..da3a946f89 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemNumberInput.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemNumberInput.tsx @@ -9,7 +9,7 @@ import { styled } from '@linaria/react'; import { useStore } from 'jotai'; import { useRef, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; import { canBeCastAsNumberOrNull, castAsNumberOrNull, diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemTextInput.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemTextInput.tsx index cd2210d65a..112b3b2b59 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemTextInput.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemTextInput.tsx @@ -8,7 +8,7 @@ import { FocusComponentType } from '@/ui/utilities/focus/types/FocusComponentTyp import { styled } from '@linaria/react'; import { useStore } from 'jotai'; import { useRef, useState } from 'react'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; type CommandMenuItemTextInputProps = { id: string; diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemToggle.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemToggle.tsx index 236ffdecf8..5b44834970 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemToggle.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemToggle.tsx @@ -1,6 +1,9 @@ import { isSelectedItemIdComponentFamilyState } from '@/ui/layout/selectable-list/states/isSelectedItemIdComponentFamilyState'; import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; -import { MenuItemToggle, type MenuItemToggleProps } from 'twenty-ui/navigation'; +import { + MenuItemToggle, + type MenuItemToggleProps, +} from 'twenty-ui-deprecated/navigation'; export type CommandMenuItemToggleProps = MenuItemToggleProps & { id: string; diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenuOpenContainer.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenuOpenContainer.tsx index c62c806efb..8425041f8d 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuOpenContainer.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuOpenContainer.tsx @@ -21,9 +21,12 @@ import { useStore } from 'jotai'; import { styled } from '@linaria/react'; import { motion } from 'framer-motion'; import { useCallback, useContext, useRef } from 'react'; -import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui/components'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui-deprecated/components'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; const StyledCommandMenuBase = styled.div` background: ${themeCssVariables.background.primary}; border-left: 1px solid ${themeCssVariables.border.color.medium}; diff --git a/packages/twenty-front/src/modules/command-menu/components/__stories__/CommandMenu.stories.tsx b/packages/twenty-front/src/modules/command-menu/components/__stories__/CommandMenu.stories.tsx index bde6179aa9..9500cf8928 100644 --- a/packages/twenty-front/src/modules/command-menu/components/__stories__/CommandMenu.stories.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/__stories__/CommandMenu.stories.tsx @@ -44,7 +44,7 @@ import { sidePanelPageState } from '@/side-panel/states/sidePanelPageState'; import { ViewComponentInstanceContext } from '@/views/states/contexts/ViewComponentInstanceContext'; import { HttpResponse, graphql } from 'msw'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconDotsVertical, IconPlus } from 'twenty-ui/display'; +import { IconDotsVertical, IconPlus } from 'twenty-ui-deprecated/display'; import { JestContextStoreSetter } from '~/testing/jest/JestContextStoreSetter'; const openTimeout = 50; diff --git a/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useCommandMenu.test.tsx b/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useCommandMenu.test.tsx index 3986797cc0..0aeb46b0a4 100644 --- a/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useCommandMenu.test.tsx +++ b/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useCommandMenu.test.tsx @@ -10,7 +10,7 @@ import { sidePanelPageState } from '@/side-panel/states/sidePanelPageState'; import { isSidePanelOpenedState } from '@/side-panel/states/isSidePanelOpenedState'; import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconDotsVertical } from 'twenty-ui/display'; +import { IconDotsVertical } from 'twenty-ui-deprecated/display'; const Wrapper = ({ children }: { children: React.ReactNode }) => ( diff --git a/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useWorkflowCommandMenu.test.tsx b/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useWorkflowCommandMenu.test.tsx index f09c7b6373..167510ea50 100644 --- a/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useWorkflowCommandMenu.test.tsx +++ b/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useWorkflowCommandMenu.test.tsx @@ -14,7 +14,11 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { t } from '@lingui/core/macro'; import { act } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconBolt, IconSettingsAutomation, useIcons } from 'twenty-ui/display'; +import { + IconBolt, + IconSettingsAutomation, + useIcons, +} from 'twenty-ui-deprecated/display'; import { getJestMetadataAndApolloMocksAndCommandMenuWrapper } from '~/testing/jest/getJestMetadataAndApolloMocksAndCommandMenuWrapper'; import { getTestEnrichedObjectMetadataItemsMock } from '~/testing/utils/getTestEnrichedObjectMetadataItemsMock'; diff --git a/packages/twenty-front/src/modules/error-handler/components/AppFullScreenErrorFallback.tsx b/packages/twenty-front/src/modules/error-handler/components/AppFullScreenErrorFallback.tsx index ecdaaea0b2..d0f075c390 100644 --- a/packages/twenty-front/src/modules/error-handler/components/AppFullScreenErrorFallback.tsx +++ b/packages/twenty-front/src/modules/error-handler/components/AppFullScreenErrorFallback.tsx @@ -3,7 +3,7 @@ import { type AppErrorDisplayProps } from '@/error-handler/types/AppErrorDisplay import { PageBody } from '@/ui/layout/page/components/PageBody'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type AppFullScreenErrorFallbackProps = AppErrorDisplayProps; diff --git a/packages/twenty-front/src/modules/error-handler/components/AppRootErrorFallback.tsx b/packages/twenty-front/src/modules/error-handler/components/AppRootErrorFallback.tsx index 5f86d2a38e..1c27ca3a48 100644 --- a/packages/twenty-front/src/modules/error-handler/components/AppRootErrorFallback.tsx +++ b/packages/twenty-front/src/modules/error-handler/components/AppRootErrorFallback.tsx @@ -2,8 +2,11 @@ import { type AppErrorDisplayProps } from '@/error-handler/types/AppErrorDisplay import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; -import { IconReload } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconReload } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; type AppRootErrorFallbackProps = AppErrorDisplayProps; diff --git a/packages/twenty-front/src/modules/error-handler/components/internal/AppErrorDisplay.tsx b/packages/twenty-front/src/modules/error-handler/components/internal/AppErrorDisplay.tsx index 07d50396f4..086a55f2f1 100644 --- a/packages/twenty-front/src/modules/error-handler/components/internal/AppErrorDisplay.tsx +++ b/packages/twenty-front/src/modules/error-handler/components/internal/AppErrorDisplay.tsx @@ -1,14 +1,14 @@ import { type AppErrorDisplayProps } from '@/error-handler/types/AppErrorDisplayProps'; import { t } from '@lingui/core/macro'; -import { IconRefresh } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; +import { IconRefresh } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, AnimatedPlaceholderEmptySubTitle, AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, -} from 'twenty-ui/layout'; +} from 'twenty-ui-deprecated/layout'; export const AppErrorDisplay = ({ resetErrorBoundary, diff --git a/packages/twenty-front/src/modules/file/components/AttachmentChip.tsx b/packages/twenty-front/src/modules/file/components/AttachmentChip.tsx index 605275794c..fa354f979f 100644 --- a/packages/twenty-front/src/modules/file/components/AttachmentChip.tsx +++ b/packages/twenty-front/src/modules/file/components/AttachmentChip.tsx @@ -1,8 +1,11 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { AvatarOrIcon } from 'twenty-ui/components'; -import { IconX } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { AvatarOrIcon } from 'twenty-ui-deprecated/components'; +import { IconX } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { getFileType } from '@/activities/files/utils/getFileType'; import { useFileCategoryColors } from '@/file/hooks/useFileCategoryColors'; diff --git a/packages/twenty-front/src/modules/file/components/FileIcon.tsx b/packages/twenty-front/src/modules/file/components/FileIcon.tsx index 12535a862d..0f69cffbff 100644 --- a/packages/twenty-front/src/modules/file/components/FileIcon.tsx +++ b/packages/twenty-front/src/modules/file/components/FileIcon.tsx @@ -4,9 +4,12 @@ import { useFileIconColors } from '@/file/hooks/useFileIconColors'; import { IconMapping } from '@/file/utils/fileIconMappings'; import { styled } from '@linaria/react'; import { type FileCategory } from 'twenty-shared/types'; -import { AvatarOrIcon } from 'twenty-ui/components'; +import { AvatarOrIcon } from 'twenty-ui-deprecated/components'; import { useContext } from 'react'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; type FileIconSize = 'small' | 'medium'; diff --git a/packages/twenty-front/src/modules/file/hooks/useFileCategoryColors.ts b/packages/twenty-front/src/modules/file/hooks/useFileCategoryColors.ts index e7b6698018..8d01bfdfa7 100644 --- a/packages/twenty-front/src/modules/file/hooks/useFileCategoryColors.ts +++ b/packages/twenty-front/src/modules/file/hooks/useFileCategoryColors.ts @@ -3,8 +3,8 @@ import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadata import { useContext } from 'react'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { ThemeContext } from 'twenty-ui/theme-constants'; -import { type ThemeColor } from 'twenty-ui/theme'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; +import { type ThemeColor } from 'twenty-ui-deprecated/theme'; export const useFileCategoryColors = (): Record< AttachmentFileCategory, string diff --git a/packages/twenty-front/src/modules/file/hooks/useFileIconColors.ts b/packages/twenty-front/src/modules/file/hooks/useFileIconColors.ts index e59eff996d..79191e7a4f 100644 --- a/packages/twenty-front/src/modules/file/hooks/useFileIconColors.ts +++ b/packages/twenty-front/src/modules/file/hooks/useFileIconColors.ts @@ -1,7 +1,7 @@ import { type AttachmentFileCategory } from '@/activities/files/types/AttachmentFileCategory'; import { useContext } from 'react'; import { type FileCategory } from 'twenty-shared/types'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; export const useFileIconColors = (): Record< AttachmentFileCategory | FileCategory, diff --git a/packages/twenty-front/src/modules/file/utils/fileIconMappings.ts b/packages/twenty-front/src/modules/file/utils/fileIconMappings.ts index 9adf8e9d76..ea543b317c 100644 --- a/packages/twenty-front/src/modules/file/utils/fileIconMappings.ts +++ b/packages/twenty-front/src/modules/file/utils/fileIconMappings.ts @@ -9,7 +9,7 @@ import { IconPresentation, IconTable, IconVideo, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; export const IconMapping: { [key in AttachmentFileCategory]: IconComponent; diff --git a/packages/twenty-front/src/modules/front-components/components/FrontComponentRenderer.tsx b/packages/twenty-front/src/modules/front-components/components/FrontComponentRenderer.tsx index 650740a5a3..9b9d173c06 100644 --- a/packages/twenty-front/src/modules/front-components/components/FrontComponentRenderer.tsx +++ b/packages/twenty-front/src/modules/front-components/components/FrontComponentRenderer.tsx @@ -10,7 +10,7 @@ import { t } from '@lingui/core/macro'; import { useCallback, useContext, useEffect } from 'react'; import { FrontComponentRenderer as SharedFrontComponentRenderer } from 'twenty-front-component-renderer'; import { isDefined } from 'twenty-shared/utils'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; import { REACT_APP_SERVER_BASE_URL } from '~/config'; import { useQuery } from '@apollo/client/react'; import { FindOneFrontComponentDocument } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/front-components/hooks/__tests__/useFrontComponentExecutionContext.test.tsx b/packages/twenty-front/src/modules/front-components/hooks/__tests__/useFrontComponentExecutionContext.test.tsx index 27f80ed59b..38ae9056fe 100644 --- a/packages/twenty-front/src/modules/front-components/hooks/__tests__/useFrontComponentExecutionContext.test.tsx +++ b/packages/twenty-front/src/modules/front-components/hooks/__tests__/useFrontComponentExecutionContext.test.tsx @@ -68,7 +68,7 @@ jest.mock('@/side-panel/hooks/useSidePanelMenu', () => ({ }), })); -jest.mock('twenty-ui/display', () => ({ +jest.mock('twenty-ui-deprecated/display', () => ({ useIcons: () => ({ getIcon: mockGetIcon, }), diff --git a/packages/twenty-front/src/modules/front-components/hooks/useFrontComponentExecutionContext.ts b/packages/twenty-front/src/modules/front-components/hooks/useFrontComponentExecutionContext.ts index 51af9c4a4b..58a2a04c11 100644 --- a/packages/twenty-front/src/modules/front-components/hooks/useFrontComponentExecutionContext.ts +++ b/packages/twenty-front/src/modules/front-components/hooks/useFrontComponentExecutionContext.ts @@ -20,7 +20,7 @@ import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useSetAtomFamilyState } from '@/ui/utilities/state/jotai/hooks/useSetAtomFamilyState'; import { assertUnreachable, isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui-deprecated/display'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; import { useNavigateApp } from '~/hooks/useNavigateApp'; diff --git a/packages/twenty-front/src/modules/geo-map/components/PlaceAutocompleteSelect.tsx b/packages/twenty-front/src/modules/geo-map/components/PlaceAutocompleteSelect.tsx index b8d0ecfe00..95cb789091 100644 --- a/packages/twenty-front/src/modules/geo-map/components/PlaceAutocompleteSelect.tsx +++ b/packages/twenty-front/src/modules/geo-map/components/PlaceAutocompleteSelect.tsx @@ -6,8 +6,8 @@ import { SelectableListItem } from '@/ui/layout/selectable-list/components/Selec import { styled } from '@linaria/react'; import { useMemo, useRef } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { type SelectOption } from 'twenty-ui/input'; -import { MenuItemSelectTag } from 'twenty-ui/navigation'; +import { type SelectOption } from 'twenty-ui-deprecated/input'; +import { MenuItemSelectTag } from 'twenty-ui-deprecated/navigation'; const StyledContainer = styled.div<{ fullWidth?: boolean }>` margin-bottom: 0px !important; width: ${({ fullWidth }) => (fullWidth ? '100%' : 'auto')}; diff --git a/packages/twenty-front/src/modules/information-banner/components/InformationBanner.tsx b/packages/twenty-front/src/modules/information-banner/components/InformationBanner.tsx index 81768fe6f9..b1187b54e1 100644 --- a/packages/twenty-front/src/modules/information-banner/components/InformationBanner.tsx +++ b/packages/twenty-front/src/modules/information-banner/components/InformationBanner.tsx @@ -9,9 +9,9 @@ import { type BannerVariant, type IconComponent, IconX, -} from 'twenty-ui/display'; -import { Button, IconButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { Button, IconButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledText = styled.div` overflow: hidden; diff --git a/packages/twenty-front/src/modules/information-banner/components/deleted-record/InformationBannerDeletedRecord.tsx b/packages/twenty-front/src/modules/information-banner/components/deleted-record/InformationBannerDeletedRecord.tsx index af551cd08a..c67fd07f14 100644 --- a/packages/twenty-front/src/modules/information-banner/components/deleted-record/InformationBannerDeletedRecord.tsx +++ b/packages/twenty-front/src/modules/information-banner/components/deleted-record/InformationBannerDeletedRecord.tsx @@ -2,7 +2,7 @@ import { InformationBanner } from '@/information-banner/components/InformationBa import { useRestoreManyRecords } from '@/object-record/hooks/useRestoreManyRecords'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconRefresh } from 'twenty-ui/display'; +import { IconRefresh } from 'twenty-ui-deprecated/display'; const StyledInformationBannerDeletedRecord = styled.div` height: 40px; diff --git a/packages/twenty-front/src/modules/information-banner/components/impersonate/InformationBannerIsImpersonating.tsx b/packages/twenty-front/src/modules/information-banner/components/impersonate/InformationBannerIsImpersonating.tsx index 1fef0fdafd..1e6d38b5d7 100644 --- a/packages/twenty-front/src/modules/information-banner/components/impersonate/InformationBannerIsImpersonating.tsx +++ b/packages/twenty-front/src/modules/information-banner/components/impersonate/InformationBannerIsImpersonating.tsx @@ -5,7 +5,7 @@ import { InformationBanner } from '@/information-banner/components/InformationBa import { t } from '@lingui/core/macro'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { isDefined } from 'twenty-shared/utils'; -import { IconLogout } from 'twenty-ui/display'; +import { IconLogout } from 'twenty-ui-deprecated/display'; export const InformationBannerIsImpersonating = () => { const currentWorkspaceMember = useAtomStateValue(currentWorkspaceMemberState); diff --git a/packages/twenty-front/src/modules/information-banner/components/maintenance/InformationBannerMaintenance.tsx b/packages/twenty-front/src/modules/information-banner/components/maintenance/InformationBannerMaintenance.tsx index f6aa2e6e69..84b498c820 100644 --- a/packages/twenty-front/src/modules/information-banner/components/maintenance/InformationBannerMaintenance.tsx +++ b/packages/twenty-front/src/modules/information-banner/components/maintenance/InformationBannerMaintenance.tsx @@ -7,7 +7,7 @@ import { useDateTimeFormat } from '@/localization/hooks/useDateTimeFormat'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { t } from '@lingui/core/macro'; import { getSafeUrl, isDefined } from 'twenty-shared/utils'; -import { IconExternalLink } from 'twenty-ui/display'; +import { IconExternalLink } from 'twenty-ui-deprecated/display'; const formatMaintenanceDateTime = ( isoString: string, diff --git a/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountEmailAliases.tsx b/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountEmailAliases.tsx index 69b6c52f05..2ed7d22ffd 100644 --- a/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountEmailAliases.tsx +++ b/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountEmailAliases.tsx @@ -4,7 +4,7 @@ import { useDismissReconnectAccountBanner } from '@/information-banner/hooks/use import { InformationBannerKeys } from '@/information-banner/types/InformationBannerKeys'; import { useTriggerProviderReconnect } from '@/settings/accounts/hooks/useTriggerProviderReconnect'; import { t } from '@lingui/core/macro'; -import { IconRefresh } from 'twenty-ui/display'; +import { IconRefresh } from 'twenty-ui-deprecated/display'; const COMPONENT_INSTANCE_ID = 'information-banner-reconnect-account-email-aliases'; diff --git a/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountInsufficientPermissions.tsx b/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountInsufficientPermissions.tsx index dac71b6873..1e8c5d8051 100644 --- a/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountInsufficientPermissions.tsx +++ b/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountInsufficientPermissions.tsx @@ -4,7 +4,7 @@ import { useDismissReconnectAccountBanner } from '@/information-banner/hooks/use import { InformationBannerKeys } from '@/information-banner/types/InformationBannerKeys'; import { useTriggerProviderReconnect } from '@/settings/accounts/hooks/useTriggerProviderReconnect'; import { t } from '@lingui/core/macro'; -import { IconRefresh } from 'twenty-ui/display'; +import { IconRefresh } from 'twenty-ui-deprecated/display'; const COMPONENT_INSTANCE_ID = 'information-banner-reconnect-account-insufficient-permissions'; diff --git a/packages/twenty-front/src/modules/keyboard-shortcut-menu/components/KeyboardShortcutMenuDialog.tsx b/packages/twenty-front/src/modules/keyboard-shortcut-menu/components/KeyboardShortcutMenuDialog.tsx index b10753628e..b9df672d96 100644 --- a/packages/twenty-front/src/modules/keyboard-shortcut-menu/components/KeyboardShortcutMenuDialog.tsx +++ b/packages/twenty-front/src/modules/keyboard-shortcut-menu/components/KeyboardShortcutMenuDialog.tsx @@ -4,9 +4,9 @@ import { StyledHeading, } from './KeyboardShortcutMenuStyles'; import { t } from '@lingui/core/macro'; -import { IconButton } from 'twenty-ui/input'; -import { IconX } from 'twenty-ui/display'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { IconButton } from 'twenty-ui-deprecated/input'; +import { IconX } from 'twenty-ui-deprecated/display'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; type KeyboardMenuDialogProps = { onClose: () => void; diff --git a/packages/twenty-front/src/modules/keyboard-shortcut-menu/components/KeyboardShortcutMenuStyles.tsx b/packages/twenty-front/src/modules/keyboard-shortcut-menu/components/KeyboardShortcutMenuStyles.tsx index 91a88f5c11..ce4c52a25d 100644 --- a/packages/twenty-front/src/modules/keyboard-shortcut-menu/components/KeyboardShortcutMenuStyles.tsx +++ b/packages/twenty-front/src/modules/keyboard-shortcut-menu/components/KeyboardShortcutMenuStyles.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; export const StyledDialog = styled.div<{ isMobile: boolean }>` background: ${themeCssVariables.background.primary}; diff --git a/packages/twenty-front/src/modules/keyboard-shortcut-menu/constants/KeyboardShortcutsGeneral.ts b/packages/twenty-front/src/modules/keyboard-shortcut-menu/constants/KeyboardShortcutsGeneral.ts index e3227d6ca7..dc34c98b0c 100644 --- a/packages/twenty-front/src/modules/keyboard-shortcut-menu/constants/KeyboardShortcutsGeneral.ts +++ b/packages/twenty-front/src/modules/keyboard-shortcut-menu/constants/KeyboardShortcutsGeneral.ts @@ -2,7 +2,7 @@ import { type Shortcut, ShortcutType, } from '@/keyboard-shortcut-menu/types/Shortcut'; -import { getOsControlSymbol } from 'twenty-ui/utilities'; +import { getOsControlSymbol } from 'twenty-ui-deprecated/utilities'; export const KEYBOARD_SHORTCUTS_GENERAL: Shortcut[] = [ { diff --git a/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBar.tsx b/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBar.tsx index 27ef30bcca..8ff5d2c0ae 100644 --- a/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBar.tsx +++ b/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBar.tsx @@ -4,9 +4,12 @@ import { AnimatePresence, motion } from 'framer-motion'; import { useAtomValue } from 'jotai'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconCheck, IconPaint } from 'twenty-ui/display'; -import { GRAY_SCALE_LIGHT } from 'twenty-ui/theme'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconCheck, IconPaint } from 'twenty-ui-deprecated/display'; +import { GRAY_SCALE_LIGHT } from 'twenty-ui-deprecated/theme'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { LayoutCustomizationBarMenuDropdown } from '@/layout-customization/components/LayoutCustomizationBarMenuDropdown'; import { LayoutCustomizationBarResetConfirmationModal } from '@/layout-customization/components/LayoutCustomizationBarResetConfirmationModal'; diff --git a/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBarMenuDropdown.tsx b/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBarMenuDropdown.tsx index 0c8fec106d..f3d70d58e1 100644 --- a/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBarMenuDropdown.tsx +++ b/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBarMenuDropdown.tsx @@ -1,10 +1,10 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconDotsVertical, IconReload } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { MenuItem } from 'twenty-ui/navigation'; -import { GRAY_SCALE_LIGHT } from 'twenty-ui/theme'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconDotsVertical, IconReload } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { GRAY_SCALE_LIGHT } from 'twenty-ui-deprecated/theme'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { LAYOUT_CUSTOMIZATION_BAR_DROPDOWN_ID } from '@/layout-customization/constants/LayoutCustomizationBarDropdownId'; import { RESET_RECORD_PAGE_LAYOUT_MODAL_ID } from '@/layout-customization/constants/ResetRecordPageLayoutModalId'; diff --git a/packages/twenty-front/src/modules/layout-customization/hooks/useEnterLayoutCustomizationMode.ts b/packages/twenty-front/src/modules/layout-customization/hooks/useEnterLayoutCustomizationMode.ts index 6b00e0c92e..b8f389543f 100644 --- a/packages/twenty-front/src/modules/layout-customization/hooks/useEnterLayoutCustomizationMode.ts +++ b/packages/twenty-front/src/modules/layout-customization/hooks/useEnterLayoutCustomizationMode.ts @@ -3,7 +3,7 @@ import { useStore } from 'jotai'; import { useCallback } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconPencil } from 'twenty-ui/display'; +import { IconPencil } from 'twenty-ui-deprecated/display'; import { commandMenuItemsDraftState } from '@/command-menu-item/edit/states/commandMenuItemsDraftState'; import { commandMenuItemsSelector } from '@/command-menu-item/states/commandMenuItemsSelector'; diff --git a/packages/twenty-front/src/modules/logic-functions/components/LogicFunctionLogs.tsx b/packages/twenty-front/src/modules/logic-functions/components/LogicFunctionLogs.tsx index aa1a8fb8d6..24b6bc3631 100644 --- a/packages/twenty-front/src/modules/logic-functions/components/LogicFunctionLogs.tsx +++ b/packages/twenty-front/src/modules/logic-functions/components/LogicFunctionLogs.tsx @@ -1,5 +1,5 @@ import { useLingui } from '@lingui/react/macro'; -import { ResizeHandle, useResizeHandle } from 'twenty-ui/layout'; +import { ResizeHandle, useResizeHandle } from 'twenty-ui-deprecated/layout'; import { TextArea } from '@/ui/input/components/TextArea'; type LogicFunctionLogsProps = { diff --git a/packages/twenty-front/src/modules/marketplace/components/SettingsApplicationInstallPermissionValidationModal.tsx b/packages/twenty-front/src/modules/marketplace/components/SettingsApplicationInstallPermissionValidationModal.tsx index 9f4607760f..bfe046d7b2 100644 --- a/packages/twenty-front/src/modules/marketplace/components/SettingsApplicationInstallPermissionValidationModal.tsx +++ b/packages/twenty-front/src/modules/marketplace/components/SettingsApplicationInstallPermissionValidationModal.tsx @@ -9,9 +9,9 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useMemo } from 'react'; import { type RoleManifest } from 'twenty-shared/application'; -import { IconChevronLeft } from 'twenty-ui/display'; -import { LightButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconChevronLeft } from 'twenty-ui-deprecated/display'; +import { LightButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { StyledAppModal } from '~/pages/settings/applications/components/SettingsAppModalLayout'; type SettingsApplicationInstallPermissionValidationModalProps = { diff --git a/packages/twenty-front/src/modules/marketplace/utils/buildPermissionSummaryFromRoleManifest.ts b/packages/twenty-front/src/modules/marketplace/utils/buildPermissionSummaryFromRoleManifest.ts index 2a37018452..df52e5db9a 100644 --- a/packages/twenty-front/src/modules/marketplace/utils/buildPermissionSummaryFromRoleManifest.ts +++ b/packages/twenty-front/src/modules/marketplace/utils/buildPermissionSummaryFromRoleManifest.ts @@ -12,7 +12,7 @@ import { IconSparkles, IconTool, IconUsers, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; import { SystemPermissionFlag } from 'twenty-shared/constants'; export type PermissionSummaryItem = { diff --git a/packages/twenty-front/src/modules/mention/components/MentionMenuListItem.tsx b/packages/twenty-front/src/modules/mention/components/MentionMenuListItem.tsx index 74d6aa244b..7f6d98d63c 100644 --- a/packages/twenty-front/src/modules/mention/components/MentionMenuListItem.tsx +++ b/packages/twenty-front/src/modules/mention/components/MentionMenuListItem.tsx @@ -1,8 +1,8 @@ import { type MouseEvent } from 'react'; import { getAvatarType } from '@/object-metadata/utils/getAvatarType'; -import { Avatar } from 'twenty-ui/display'; -import { MenuItemSuggestion } from 'twenty-ui/navigation'; +import { Avatar } from 'twenty-ui-deprecated/display'; +import { MenuItemSuggestion } from 'twenty-ui-deprecated/navigation'; type MentionMenuListItemProps = { recordId: string; diff --git a/packages/twenty-front/src/modules/mention/components/MentionRecordChip.tsx b/packages/twenty-front/src/modules/mention/components/MentionRecordChip.tsx index b024406c2c..36fd432b4d 100644 --- a/packages/twenty-front/src/modules/mention/components/MentionRecordChip.tsx +++ b/packages/twenty-front/src/modules/mention/components/MentionRecordChip.tsx @@ -6,7 +6,7 @@ import { Chip, ChipVariant, LinkChip, -} from 'twenty-ui/components'; +} from 'twenty-ui-deprecated/components'; type MentionRecordChipProps = { recordId: string; diff --git a/packages/twenty-front/src/modules/mention/components/MentionSuggestionMenu.tsx b/packages/twenty-front/src/modules/mention/components/MentionSuggestionMenu.tsx index 41a7f6bcaa..facbf26b67 100644 --- a/packages/twenty-front/src/modules/mention/components/MentionSuggestionMenu.tsx +++ b/packages/twenty-front/src/modules/mention/components/MentionSuggestionMenu.tsx @@ -1,6 +1,6 @@ import { forwardRef } from 'react'; -import { AvatarOrIcon } from 'twenty-ui/components'; -import { MenuItemSuggestion } from 'twenty-ui/navigation'; +import { AvatarOrIcon } from 'twenty-ui-deprecated/components'; +import { MenuItemSuggestion } from 'twenty-ui-deprecated/navigation'; import type { MentionSearchResult } from '@/mention/types/MentionSearchResult'; import type { MentionSuggestionMenuProps } from '@/mention/types/MentionSuggestionMenuProps'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/common/utils/getNavigationMenuItemColor.ts b/packages/twenty-front/src/modules/navigation-menu-item/common/utils/getNavigationMenuItemColor.ts index eb2ad4a92b..9b92c9f445 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/common/utils/getNavigationMenuItemColor.ts +++ b/packages/twenty-front/src/modules/navigation-menu-item/common/utils/getNavigationMenuItemColor.ts @@ -6,7 +6,10 @@ import { DEFAULT_NAVIGATION_MENU_ITEM_COLOR_PAGE_LAYOUT } from '@/navigation-men import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem'; import { getObjectColorWithFallback } from '@/object-metadata/utils/getObjectColorWithFallback'; import { NavigationMenuItemType } from 'twenty-shared/types'; -import { DEFAULT_THEME_COLOR_FALLBACK, type ThemeColor } from 'twenty-ui/theme'; +import { + DEFAULT_THEME_COLOR_FALLBACK, + type ThemeColor, +} from 'twenty-ui-deprecated/theme'; export const getNavigationMenuItemColor = ( navigationMenuItem: { diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/components/NavigationMenuItemIcon.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/components/NavigationMenuItemIcon.tsx index c149b42ee7..500d65d60e 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/components/NavigationMenuItemIcon.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/components/NavigationMenuItemIcon.tsx @@ -7,8 +7,8 @@ import { StyledTintedIconTileContainer, getIconTileColorShades, useIcons, -} from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { type NavigationMenuItem } from '~/generated-metadata/graphql'; import { getNavigationMenuItemColor } from '@/navigation-menu-item/common/utils/getNavigationMenuItemColor'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/components/NavigationMenuItemSkeletonLoader.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/components/NavigationMenuItemSkeletonLoader.tsx index 285db3e76b..794c708353 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/components/NavigationMenuItemSkeletonLoader.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/components/NavigationMenuItemSkeletonLoader.tsx @@ -2,7 +2,10 @@ import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLo import { styled } from '@linaria/react'; import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledSkeletonContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/components/AddToNavigationDragHandle.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/components/AddToNavigationDragHandle.tsx index 452df60f1a..d6cb065c6f 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/components/AddToNavigationDragHandle.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/components/AddToNavigationDragHandle.tsx @@ -6,8 +6,11 @@ import { IconGripVertical, TintedIconTile, type IconComponent, -} from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import type { AddToNavigationDragPayload } from '@/navigation-menu-item/common/types/add-to-navigation-drag-payload'; import { getNavigationMenuItemColor } from '@/navigation-menu-item/common/utils/getNavigationMenuItemColor'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/components/NavigationItemDropTarget.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/components/NavigationItemDropTarget.tsx index 149fc937fc..407588ef08 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/components/NavigationItemDropTarget.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/components/NavigationItemDropTarget.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { type ReactNode, useContext } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { type NavigationSections } from '@/navigation-menu-item/common/constants/NavigationSections.constants'; import { NavigationDropTargetContext } from '@/navigation-menu-item/common/contexts/NavigationDropTargetContext'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/components/NavigationMenuItemDroppableSlot.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/components/NavigationMenuItemDroppableSlot.tsx index f986b5d843..30cd33723d 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/components/NavigationMenuItemDroppableSlot.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/components/NavigationMenuItemDroppableSlot.tsx @@ -2,7 +2,7 @@ import { pointerIntersection } from '@dnd-kit/collision'; import { useDroppable } from '@dnd-kit/react'; import { styled } from '@linaria/react'; import { type ReactNode } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import type { DroppableData } from '@/navigation-menu-item/common/types/navigationMenuItemDndKitDroppableData'; import { getDndKitDropTargetId } from '@/navigation-menu-item/common/utils/getDndKitDropTargetId'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/hooks/useHandleAddToNavigationDrop.ts b/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/hooks/useHandleAddToNavigationDrop.ts index 694f1136fd..9fe26819f3 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/hooks/useHandleAddToNavigationDrop.ts +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/hooks/useHandleAddToNavigationDrop.ts @@ -3,7 +3,7 @@ import { useStore } from 'jotai'; import { useCallback } from 'react'; import { NavigationMenuItemType } from 'twenty-shared/types'; import { isDefined, normalizeUrl } from 'twenty-shared/utils'; -import { IconFolder, IconLink, useIcons } from 'twenty-ui/display'; +import { IconFolder, IconLink, useIcons } from 'twenty-ui-deprecated/display'; import { useEnterLayoutCustomizationMode } from '@/layout-customization/hooks/useEnterLayoutCustomizationMode'; import { isLayoutCustomizationModeEnabledState } from '@/layout-customization/states/isLayoutCustomizationModeEnabledState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolder.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolder.tsx index 29a3fc1478..6feba7471c 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolder.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolder.tsx @@ -1,8 +1,15 @@ import { Suspense, lazy, useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronDown, IconChevronRight, useIcons } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { + IconChevronDown, + IconChevronRight, + useIcons, +} from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; import { type NavigationMenuItem } from '~/generated-metadata/graphql'; import { FOLDER_ICON_DEFAULT } from '@/navigation-menu-item/common/constants/FolderIconDefault'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderContent.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderContent.tsx index 201c279a44..91745d2383 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderContent.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderContent.tsx @@ -1,5 +1,5 @@ -import { IconHeartOff } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; +import { IconHeartOff } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; import { type NavigationMenuItem } from '~/generated-metadata/graphql'; import { NavigationMenuItemDroppableIds } from '@/navigation-menu-item/common/constants/NavigationMenuItemDroppableIds'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderDnd.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderDnd.tsx index 4f128430e5..cc28b1db83 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderDnd.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderDnd.tsx @@ -10,10 +10,13 @@ import { IconHeartOff, IconPlus, useIcons, -} from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; -import { useIsMobile } from 'twenty-ui/utilities'; +} from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; import { type NavigationMenuItem } from '~/generated-metadata/graphql'; import { isLayoutCustomizationModeEnabledState } from '@/layout-customization/states/isLayoutCustomizationModeEnabledState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderLayout.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderLayout.tsx index a014dae391..afdeeca95b 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderLayout.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderLayout.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useDeferredValue, useState, type ReactNode } from 'react'; -import { AnimatedExpandableContainer } from 'twenty-ui/layout'; +import { AnimatedExpandableContainer } from 'twenty-ui-deprecated/layout'; import { NavigationDrawerItemsCollapsableContainer } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerItemsCollapsableContainer'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderNavigationDrawerItemDropdown.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderNavigationDrawerItemDropdown.tsx index 28bdb45780..2e23338fd2 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderNavigationDrawerItemDropdown.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderNavigationDrawerItemDropdown.tsx @@ -1,7 +1,11 @@ import { useLingui } from '@lingui/react/macro'; -import { IconDotsVertical, IconPencil, IconTrash } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { MenuItem } from 'twenty-ui/navigation'; +import { + IconDotsVertical, + IconPencil, + IconTrash, +} from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { DropdownContent } from '@/ui/layout/dropdown/components/DropdownContent'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/hooks/useNavigationMenuItemFolderOpenState.ts b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/hooks/useNavigationMenuItemFolderOpenState.ts index df9c26157f..8a7039a710 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/hooks/useNavigationMenuItemFolderOpenState.ts +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/hooks/useNavigationMenuItemFolderOpenState.ts @@ -3,7 +3,7 @@ import { useState } from 'react'; import { useNavigate } from 'react-router-dom'; import { NavigationMenuItemType } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; import { type NavigationMenuItem } from '~/generated-metadata/graphql'; import { currentNavigationMenuItemFolderIdState } from '@/navigation-menu-item/common/states/currentNavigationMenuItemFolderIdState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/link/components/LinkIconWithLinkOverlay.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/link/components/LinkIconWithLinkOverlay.tsx index 8b9dc01726..a590fd1bbb 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/link/components/LinkIconWithLinkOverlay.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/link/components/LinkIconWithLinkOverlay.tsx @@ -1,8 +1,14 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { type IconComponent, getIconTileColorShades } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + type IconComponent, + getIconTileColorShades, +} from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { DEFAULT_NAVIGATION_MENU_ITEM_COLOR_LINK } from '@/navigation-menu-item/common/constants/NavigationMenuItemDefaultColorLink'; import { getLinkFaviconUrl } from '@/navigation-menu-item/display/link/utils/getLinkFaviconUrl'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/link/components/NavigationMenuItemLinkDisplay.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/link/components/NavigationMenuItemLinkDisplay.tsx index 38cc4c0457..2dbece3b3f 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/link/components/NavigationMenuItemLinkDisplay.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/link/components/NavigationMenuItemLinkDisplay.tsx @@ -1,6 +1,9 @@ import { useContext } from 'react'; -import { IconArrowUpRight } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconArrowUpRight } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { isLayoutCustomizationModeEnabledState } from '@/layout-customization/states/isLayoutCustomizationModeEnabledState'; import { NavigationMenuItemIcon } from '@/navigation-menu-item/display/components/NavigationMenuItemIcon'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/object/components/NavigationDrawerItemForObjectMetadataItem.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/object/components/NavigationDrawerItemForObjectMetadataItem.tsx index 097ca4f114..aeb7497f5b 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/object/components/NavigationDrawerItemForObjectMetadataItem.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/object/components/NavigationDrawerItemForObjectMetadataItem.tsx @@ -26,8 +26,11 @@ import { NavigationMenuItemType, } from 'twenty-shared/types'; import { getAppPath, isDefined } from 'twenty-shared/utils'; -import { Avatar, IconLock, useIcons } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { Avatar, IconLock, useIcons } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { type NavigationMenuItem } from '~/generated-metadata/graphql'; export type NavigationDrawerItemForObjectMetadataItemProps = { diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/page-layout/components/NavigationMenuItemPageLayoutDisplay.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/page-layout/components/NavigationMenuItemPageLayoutDisplay.tsx index 28d4200c74..26e9feb7eb 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/page-layout/components/NavigationMenuItemPageLayoutDisplay.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/page-layout/components/NavigationMenuItemPageLayoutDisplay.tsx @@ -1,6 +1,6 @@ import { useLocation } from 'react-router-dom'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui-deprecated/display'; import { isLayoutCustomizationModeEnabledState } from '@/layout-customization/states/isLayoutCustomizationModeEnabledState'; import { getNavigationMenuItemColor } from '@/navigation-menu-item/common/utils/getNavigationMenuItemColor'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/components/NavigationDrawerOpenedSection.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/components/NavigationDrawerOpenedSection.tsx index 8b1a8dadf8..ea07147073 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/components/NavigationDrawerOpenedSection.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/components/NavigationDrawerOpenedSection.tsx @@ -3,7 +3,7 @@ import { NavigationDrawerSectionForObjectMetadataItems } from '@/object-metadata import { useFilteredObjectMetadataItems } from '@/object-metadata/hooks/useFilteredObjectMetadataItems'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { AnimatedExpandableContainer } from 'twenty-ui/layout'; +import { AnimatedExpandableContainer } from 'twenty-ui-deprecated/layout'; export const NavigationDrawerOpenedSection = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/components/NavigationMenuItemSection.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/components/NavigationMenuItemSection.tsx index f8cc080b49..f146e678d0 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/components/NavigationMenuItemSection.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/components/NavigationMenuItemSection.tsx @@ -1,5 +1,5 @@ import type { ReactNode } from 'react'; -import { AnimatedExpandableContainer } from 'twenty-ui/layout'; +import { AnimatedExpandableContainer } from 'twenty-ui-deprecated/layout'; import { NavigationDrawerAnimatedCollapseWrapper } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerAnimatedCollapseWrapper'; import { NavigationDrawerSection } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSection'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/favorites/components/FavoritesSection.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/favorites/components/FavoritesSection.tsx index fbc0b3a4cc..5b063b4714 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/favorites/components/FavoritesSection.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/favorites/components/FavoritesSection.tsx @@ -2,9 +2,13 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useCallback, useContext, useMemo } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconHeart, IconHeartOff, IconPlus } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { + IconHeart, + IconHeartOff, + IconPlus, +} from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { type NavigationMenuItem } from '~/generated-metadata/graphql'; import { NavigationMenuItemDroppableIds } from '@/navigation-menu-item/common/constants/NavigationMenuItemDroppableIds'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/favorites/components/FavoritesSectionDispatcher.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/favorites/components/FavoritesSectionDispatcher.tsx index f23857584d..d1fb1a950a 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/favorites/components/FavoritesSectionDispatcher.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/favorites/components/FavoritesSectionDispatcher.tsx @@ -3,7 +3,7 @@ import { NavigationSections } from '@/navigation-menu-item/common/constants/Navi import { NavigationMenuItemDndKitProvider } from '@/navigation-menu-item/display/dnd/providers/NavigationMenuItemDndKitProvider'; import { FavoritesSection } from '@/navigation-menu-item/display/sections/favorites/components/FavoritesSection'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { AnimatedEaseInOut } from 'twenty-ui/utilities'; +import { AnimatedEaseInOut } from 'twenty-ui-deprecated/utilities'; export const FavoritesSectionDispatcher = () => { const isLayoutCustomizationModeEnabled = useAtomStateValue( diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSection.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSection.tsx index 00bb698a56..efbae164de 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSection.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSection.tsx @@ -8,9 +8,9 @@ import { IconPlus, IconTool, useIcons, -} from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { useEnterLayoutCustomizationMode } from '@/layout-customization/hooks/useEnterLayoutCustomizationMode'; import { isLayoutCustomizationModeEnabledState } from '@/layout-customization/states/isLayoutCustomizationModeEnabledState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSectionContainer.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSectionContainer.tsx index 9e1326e425..4a614c0917 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSectionContainer.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSectionContainer.tsx @@ -2,7 +2,7 @@ import { styled } from '@linaria/react'; import React, { lazy, Suspense, useContext } from 'react'; import { NavigationMenuItemType } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { type NavigationMenuItem } from '~/generated-metadata/graphql'; import { isLayoutCustomizationModeEnabledState } from '@/layout-customization/states/isLayoutCustomizationModeEnabledState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSectionListDndKit.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSectionListDndKit.tsx index 9672f6baf5..46c64b28c9 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSectionListDndKit.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSectionListDndKit.tsx @@ -11,7 +11,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { styled } from '@linaria/react'; import { useContext } from 'react'; import { NavigationMenuItemType } from 'twenty-shared/types'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { NavigationMenuItemDragContext } from '@/navigation-menu-item/common/contexts/NavigationMenuItemDragContext'; import { NavigationMenuItemDisplay } from '@/navigation-menu-item/display/components/NavigationMenuItemDisplay'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSectionListReadOnly.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSectionListReadOnly.tsx index 14a4f4af7e..35ddff9f19 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSectionListReadOnly.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSectionListReadOnly.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import type { NavigationMenuItem } from '~/generated-metadata/graphql'; import { NavigationMenuItemType } from 'twenty-shared/types'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/view/components/ObjectIconWithViewOverlay.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/view/components/ObjectIconWithViewOverlay.tsx index e12a37e297..8a65b99443 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/view/components/ObjectIconWithViewOverlay.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/view/components/ObjectIconWithViewOverlay.tsx @@ -1,7 +1,13 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { type IconComponent, getIconTileColorShades } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + type IconComponent, + getIconTileColorShades, +} from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledCompositeContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/components/NavigationMenuItemBackButton.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/components/NavigationMenuItemBackButton.tsx index e6c6d40075..0d1d7e27f1 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/components/NavigationMenuItemBackButton.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/components/NavigationMenuItemBackButton.tsx @@ -1,7 +1,10 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconX } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconX } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { currentNavigationMenuItemFolderIdState } from '@/navigation-menu-item/common/states/currentNavigationMenuItemFolderIdState'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/components/WorkspaceSectionAddMenuItemButton.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/components/WorkspaceSectionAddMenuItemButton.tsx index 8fba0bea76..efec1e81ec 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/components/WorkspaceSectionAddMenuItemButton.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/components/WorkspaceSectionAddMenuItemButton.tsx @@ -1,7 +1,7 @@ import { useLingui } from '@lingui/react/macro'; import React from 'react'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconColumnInsertRight, IconPlus } from 'twenty-ui/display'; +import { IconColumnInsertRight, IconPlus } from 'twenty-ui-deprecated/display'; import { pendingInsertionNavigationMenuItemState } from '@/navigation-menu-item/common/states/pendingInsertionNavigationMenuItemState'; import { selectedNavigationMenuItemIdInEditModeState } from '@/navigation-menu-item/common/states/selectedNavigationMenuItemIdInEditModeState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenAddItemToFolderPage.ts b/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenAddItemToFolderPage.ts index fb0b1ff9b5..966948808b 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenAddItemToFolderPage.ts +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenAddItemToFolderPage.ts @@ -1,6 +1,6 @@ import { useLingui } from '@lingui/react/macro'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconColumnInsertRight } from 'twenty-ui/display'; +import { IconColumnInsertRight } from 'twenty-ui-deprecated/display'; import { pendingInsertionNavigationMenuItemState } from '@/navigation-menu-item/common/states/pendingInsertionNavigationMenuItemState'; import { selectedNavigationMenuItemIdInEditModeState } from '@/navigation-menu-item/common/states/selectedNavigationMenuItemIdInEditModeState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenNavigationMenuItemInSidePanel.ts b/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenNavigationMenuItemInSidePanel.ts index 509d5ec4a4..53f01595bd 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenNavigationMenuItemInSidePanel.ts +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenNavigationMenuItemInSidePanel.ts @@ -4,7 +4,7 @@ import { useNavigateSidePanel } from '@/side-panel/hooks/useNavigateSidePanel'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { SidePanelPages } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import type { IconComponent } from 'twenty-ui/display'; +import type { IconComponent } from 'twenty-ui-deprecated/display'; export const useOpenNavigationMenuItemInSidePanel = () => { const { navigateSidePanel } = useNavigateSidePanel(); diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditColorOption.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditColorOption.tsx index e1265c5218..66758be192 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditColorOption.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditColorOption.tsx @@ -10,10 +10,10 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { capitalize } from 'twenty-shared/utils'; -import { IconColorSwatch } from 'twenty-ui/display'; -import { DEFAULT_COLOR_LABELS } from 'twenty-ui/navigation'; -import { type ThemeColor } from 'twenty-ui/theme'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconColorSwatch } from 'twenty-ui-deprecated/display'; +import { DEFAULT_COLOR_LABELS } from 'twenty-ui-deprecated/navigation'; +import { type ThemeColor } from 'twenty-ui-deprecated/theme'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const NAVIGATION_MENU_ITEM_COLOR_DROPDOWN_ID = 'navigation-menu-item-color'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditFolderPickerSubPage.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditFolderPickerSubPage.tsx index c6f5997159..3073681ed6 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditFolderPickerSubPage.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditFolderPickerSubPage.tsx @@ -1,6 +1,6 @@ import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; -import { TintedIconTile, useIcons } from 'twenty-ui/display'; +import { TintedIconTile, useIcons } from 'twenty-ui-deprecated/display'; import { CommandMenuItem } from '@/command-menu/components/CommandMenuItem'; import { FOLDER_ICON_DEFAULT } from '@/navigation-menu-item/common/constants/FolderIconDefault'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditObjectViewBase.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditObjectViewBase.tsx index db0632a351..45f437e6fc 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditObjectViewBase.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditObjectViewBase.tsx @@ -15,7 +15,7 @@ import { viewsSelector } from '@/views/states/selectors/viewsSelector'; import { useLingui } from '@lingui/react/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { isDefined } from 'twenty-shared/utils'; -import { parseThemeColor } from 'twenty-ui/utilities'; +import { parseThemeColor } from 'twenty-ui-deprecated/utilities'; import { type NavigationMenuItem } from '~/generated-metadata/graphql'; type SidePanelEditObjectViewBaseProps = OrganizeActionsProps & { diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditOrganizeActions.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditOrganizeActions.tsx index 33e438159b..610bc27a77 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditOrganizeActions.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditOrganizeActions.tsx @@ -6,7 +6,7 @@ import { IconRowInsertBottom, IconRowInsertTop, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; import { SidePanelGroup } from '@/side-panel/components/SidePanelGroup'; import { CommandMenuItem } from '@/command-menu/components/CommandMenuItem'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditOwnerSection.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditOwnerSection.tsx index f8554c5dae..e993bcbf75 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditOwnerSection.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditOwnerSection.tsx @@ -1,6 +1,6 @@ import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconApps } from 'twenty-ui/display'; +import { IconApps } from 'twenty-ui-deprecated/display'; import { SidePanelGroup } from '@/side-panel/components/SidePanelGroup'; import { CommandMenuItem } from '@/command-menu/components/CommandMenuItem'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNavigationMenuItemEditPage.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNavigationMenuItemEditPage.tsx index ffafb6769f..cb4f6772ca 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNavigationMenuItemEditPage.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNavigationMenuItemEditPage.tsx @@ -25,9 +25,9 @@ import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomStat import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconPlus } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { parseThemeColor } from 'twenty-ui/utilities'; +import { IconPlus } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { parseThemeColor } from 'twenty-ui-deprecated/utilities'; const ADD_ITEM_TO_FOLDER_ACTION_ID = 'add-item-to-folder'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemMainMenu.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemMainMenu.tsx index 546d70c69d..ee69d0a0f0 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemMainMenu.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemMainMenu.tsx @@ -8,8 +8,8 @@ import { IconLink, IconTable, TintedIconTile, -} from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { CommandMenuItem } from '@/command-menu/components/CommandMenuItem'; import { pendingInsertionNavigationMenuItemState } from '@/navigation-menu-item/common/states/pendingInsertionNavigationMenuItemState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSubPage.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSubPage.tsx index 44d7eb62d3..ed4e405d52 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSubPage.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSubPage.tsx @@ -15,7 +15,7 @@ import { useSidePanelSubPageHistory } from '@/side-panel/hooks/useSidePanelSubPa import { SidePanelSubPages } from '@/side-panel/types/SidePanelSubPages'; import { useAtomState } from '@/ui/utilities/state/jotai/hooks/useAtomState'; import { ViewKey } from '@/views/types/ViewKey'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui-deprecated/display'; export const SidePanelNewSidebarItemObjectSubPage = () => { const { navigateToSidePanelSubPage } = useSidePanelSubPageHistory(); diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSystemPickerSubPage.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSystemPickerSubPage.tsx index 05a9934254..71a1a3840e 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSystemPickerSubPage.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSystemPickerSubPage.tsx @@ -14,7 +14,7 @@ import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/Enriche import { getObjectColorWithFallback } from '@/object-metadata/utils/getObjectColorWithFallback'; import { useAtomState } from '@/ui/utilities/state/jotai/hooks/useAtomState'; import { ViewKey } from '@/views/types/ViewKey'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui-deprecated/display'; export const SidePanelNewSidebarItemObjectSystemPickerSubPage = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemRecordItem.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemRecordItem.tsx index 16508dafe9..3c435d9b44 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemRecordItem.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemRecordItem.tsx @@ -1,4 +1,4 @@ -import { Avatar, useIcons } from 'twenty-ui/display'; +import { Avatar, useIcons } from 'twenty-ui-deprecated/display'; import { CoreObjectNameSingular, NavigationMenuItemType, diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemViewObjectPickerSubView.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemViewObjectPickerSubView.tsx index 33ff84f1f4..d925dbccac 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemViewObjectPickerSubView.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemViewObjectPickerSubView.tsx @@ -1,5 +1,5 @@ import { useLingui } from '@lingui/react/macro'; -import { IconSettings, TintedIconTile } from 'twenty-ui/display'; +import { IconSettings, TintedIconTile } from 'twenty-ui-deprecated/display'; import { CommandMenuItem } from '@/command-menu/components/CommandMenuItem'; import { ObjectMetadataIcon } from '@/object-metadata/components/ObjectMetadataIcon'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemViewPickerSubView.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemViewPickerSubView.tsx index 6e52cf434a..c6fd8664d5 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemViewPickerSubView.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemViewPickerSubView.tsx @@ -19,7 +19,7 @@ import { type View } from '@/views/types/View'; import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui-deprecated/display'; type SidePanelNewSidebarItemViewPickerSubViewProps = { selectedObjectMetadataIdForView: string; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelObjectPickerSubView.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelObjectPickerSubView.tsx index 045a2bcb25..898ec473f9 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelObjectPickerSubView.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelObjectPickerSubView.tsx @@ -1,5 +1,5 @@ import { useLingui } from '@lingui/react/macro'; -import { IconSettings, TintedIconTile } from 'twenty-ui/display'; +import { IconSettings, TintedIconTile } from 'twenty-ui-deprecated/display'; import { CommandMenuItem } from '@/command-menu/components/CommandMenuItem'; import { SidePanelObjectPickerItem } from '@/navigation-menu-item/edit/side-panel/components/SidePanelObjectPickerItem'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddFolderToNavigationMenu.ts b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddFolderToNavigationMenu.ts index ac316705b8..0d8202834d 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddFolderToNavigationMenu.ts +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddFolderToNavigationMenu.ts @@ -1,6 +1,6 @@ import { useLingui } from '@lingui/react/macro'; import { NavigationMenuItemType } from 'twenty-shared/types'; -import { IconFolder } from 'twenty-ui/display'; +import { IconFolder } from 'twenty-ui-deprecated/display'; import { DEFAULT_NAVIGATION_MENU_ITEM_COLOR_FOLDER } from '@/navigation-menu-item/common/constants/NavigationMenuItemDefaultColorFolder'; import { pendingInsertionNavigationMenuItemState } from '@/navigation-menu-item/common/states/pendingInsertionNavigationMenuItemState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddLinkToNavigationMenu.ts b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddLinkToNavigationMenu.ts index 4d921cd693..e35b65ce15 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddLinkToNavigationMenu.ts +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddLinkToNavigationMenu.ts @@ -1,7 +1,7 @@ import { useLingui } from '@lingui/react/macro'; import { NavigationMenuItemType } from 'twenty-shared/types'; import { normalizeUrl } from 'twenty-shared/utils'; -import { IconLink } from 'twenty-ui/display'; +import { IconLink } from 'twenty-ui-deprecated/display'; import { DEFAULT_NAVIGATION_MENU_ITEM_COLOR_LINK } from '@/navigation-menu-item/common/constants/NavigationMenuItemDefaultColorLink'; import { pendingInsertionNavigationMenuItemState } from '@/navigation-menu-item/common/states/pendingInsertionNavigationMenuItemState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useNavigationMenuItemEditOrganizeActions.ts b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useNavigationMenuItemEditOrganizeActions.ts index 06b1973b7d..9bf44c663d 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useNavigationMenuItemEditOrganizeActions.ts +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useNavigationMenuItemEditOrganizeActions.ts @@ -3,7 +3,7 @@ import { isNonEmptyString } from '@sniptt/guards'; import { useNavigate } from 'react-router-dom'; import { SidePanelPages } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconDotsVertical } from 'twenty-ui/display'; +import { IconDotsVertical } from 'twenty-ui-deprecated/display'; import { pendingInsertionNavigationMenuItemState } from '@/navigation-menu-item/common/states/pendingInsertionNavigationMenuItemState'; import { selectedNavigationMenuItemIdInEditModeState } from '@/navigation-menu-item/common/states/selectedNavigationMenuItemIdInEditModeState'; diff --git a/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerScrollableItems.tsx b/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerScrollableItems.tsx index e94e1cea3b..6f6836a703 100644 --- a/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerScrollableItems.tsx +++ b/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerScrollableItems.tsx @@ -7,7 +7,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { styled } from '@linaria/react'; import { lazy, Suspense } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const FavoritesSectionDispatcher = lazy(() => import('@/navigation-menu-item/display/sections/favorites/components/FavoritesSectionDispatcher').then( diff --git a/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerTabsRow.tsx b/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerTabsRow.tsx index e1b7e8e929..47800d0d2b 100644 --- a/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerTabsRow.tsx +++ b/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerTabsRow.tsx @@ -5,9 +5,12 @@ import { IconHome, IconMessageCirclePlus, OverflowingTextWithTooltip, -} from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; -import { useIsMobile } from 'twenty-ui/utilities'; +} from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; import { useContext } from 'react'; diff --git a/packages/twenty-front/src/modules/navigation/components/MobileNavigationBar.tsx b/packages/twenty-front/src/modules/navigation/components/MobileNavigationBar.tsx index 45390d5651..b8b07e267f 100644 --- a/packages/twenty-front/src/modules/navigation/components/MobileNavigationBar.tsx +++ b/packages/twenty-front/src/modules/navigation/components/MobileNavigationBar.tsx @@ -20,8 +20,8 @@ import { IconList, IconMessageCirclePlus, IconSearch, -} from 'twenty-ui/display'; -import { NavigationBar } from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/display'; +import { NavigationBar } from 'twenty-ui-deprecated/navigation'; import { PermissionFlagType } from '~/generated-metadata/graphql'; type NavigationBarItemName = 'main' | 'search' | 'newAiChat'; diff --git a/packages/twenty-front/src/modules/navigation/components/NavigationDrawerOtherSection.tsx b/packages/twenty-front/src/modules/navigation/components/NavigationDrawerOtherSection.tsx index 640ad9bb0e..01891ee69e 100644 --- a/packages/twenty-front/src/modules/navigation/components/NavigationDrawerOtherSection.tsx +++ b/packages/twenty-front/src/modules/navigation/components/NavigationDrawerOtherSection.tsx @@ -1,7 +1,7 @@ import { useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; -import { IconHelpCircle, IconSettings } from 'twenty-ui/display'; -import { AnimatedExpandableContainer } from 'twenty-ui/layout'; +import { IconHelpCircle, IconSettings } from 'twenty-ui-deprecated/display'; +import { AnimatedExpandableContainer } from 'twenty-ui-deprecated/layout'; import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState'; import { getDocumentationUrl } from '@/support/utils/getDocumentationUrl'; diff --git a/packages/twenty-front/src/modules/navigation/components/SettingsNavigationDrawer.tsx b/packages/twenty-front/src/modules/navigation/components/SettingsNavigationDrawer.tsx index f176a32098..51bde137d6 100644 --- a/packages/twenty-front/src/modules/navigation/components/SettingsNavigationDrawer.tsx +++ b/packages/twenty-front/src/modules/navigation/components/SettingsNavigationDrawer.tsx @@ -12,9 +12,9 @@ import { useAtomState } from '@/ui/utilities/state/jotai/hooks/useAtomState'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { useIsMobile } from 'twenty-ui/utilities'; -import { AdvancedSettingsToggle } from 'twenty-ui/navigation'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; +import { AdvancedSettingsToggle } from 'twenty-ui-deprecated/navigation'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { PermissionFlagType } from '~/generated-metadata/graphql'; const StyledAdvancedToggleWrapper = styled.div<{ isMobile: boolean }>` diff --git a/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItemsSkeletonLoader.tsx b/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItemsSkeletonLoader.tsx index 11d95b6174..78134ff004 100644 --- a/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItemsSkeletonLoader.tsx +++ b/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItemsSkeletonLoader.tsx @@ -2,7 +2,10 @@ import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLo import { styled } from '@linaria/react'; import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledSkeletonColumn = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerWorkspaceSectionSkeletonLoader.tsx b/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerWorkspaceSectionSkeletonLoader.tsx index 9c3073a4b7..adb7d308c8 100644 --- a/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerWorkspaceSectionSkeletonLoader.tsx +++ b/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerWorkspaceSectionSkeletonLoader.tsx @@ -2,7 +2,7 @@ import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLo import { NavigationDrawerSection } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSection'; import { styled } from '@linaria/react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledTitleSkeleton = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-metadata/components/ObjectMetadataIcon.tsx b/packages/twenty-front/src/modules/object-metadata/components/ObjectMetadataIcon.tsx index 47b35c962a..5207158b97 100644 --- a/packages/twenty-front/src/modules/object-metadata/components/ObjectMetadataIcon.tsx +++ b/packages/twenty-front/src/modules/object-metadata/components/ObjectMetadataIcon.tsx @@ -1,6 +1,6 @@ import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem'; import { getObjectColorWithFallback } from '@/object-metadata/utils/getObjectColorWithFallback'; -import { TintedIconTile, useIcons } from 'twenty-ui/display'; +import { TintedIconTile, useIcons } from 'twenty-ui-deprecated/display'; export type ObjectMetadataIconInput = Pick< EnrichedObjectMetadataItem, diff --git a/packages/twenty-front/src/modules/object-metadata/components/WorkspaceSectionListEditModeFallback.tsx b/packages/twenty-front/src/modules/object-metadata/components/WorkspaceSectionListEditModeFallback.tsx index efedde575a..b0bc630b24 100644 --- a/packages/twenty-front/src/modules/object-metadata/components/WorkspaceSectionListEditModeFallback.tsx +++ b/packages/twenty-front/src/modules/object-metadata/components/WorkspaceSectionListEditModeFallback.tsx @@ -3,7 +3,7 @@ import { styled } from '@linaria/react'; import { WorkspaceSectionListReadOnly } from '@/navigation-menu-item/display/sections/workspace/components/WorkspaceSectionListReadOnly'; import { WorkspaceSectionAddMenuItemButton } from '@/navigation-menu-item/edit/components/WorkspaceSectionAddMenuItemButton'; import type { NavigationMenuItemSectionListDndKitProps } from '@/navigation-menu-item/display/sections/types/NavigationMenuItemSectionListDndKitProps'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledFallback = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/object-metadata/hooks/useObjectMetadataSelectHelpers.ts b/packages/twenty-front/src/modules/object-metadata/hooks/useObjectMetadataSelectHelpers.ts index 084ca3e2e9..47bb989a6d 100644 --- a/packages/twenty-front/src/modules/object-metadata/hooks/useObjectMetadataSelectHelpers.ts +++ b/packages/twenty-front/src/modules/object-metadata/hooks/useObjectMetadataSelectHelpers.ts @@ -1,5 +1,5 @@ -import { type IconComponent, useIcons } from 'twenty-ui/display'; -import { type ThemeColor } from 'twenty-ui/theme'; +import { type IconComponent, useIcons } from 'twenty-ui-deprecated/display'; +import { type ThemeColor } from 'twenty-ui-deprecated/theme'; import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem'; import { getObjectColorWithFallback } from '@/object-metadata/utils/getObjectColorWithFallback'; diff --git a/packages/twenty-front/src/modules/object-metadata/types/FieldMetadataItem.ts b/packages/twenty-front/src/modules/object-metadata/types/FieldMetadataItem.ts index d0bc848d2c..60d5b0123a 100644 --- a/packages/twenty-front/src/modules/object-metadata/types/FieldMetadataItem.ts +++ b/packages/twenty-front/src/modules/object-metadata/types/FieldMetadataItem.ts @@ -8,7 +8,7 @@ import { type FieldMetadataMultiItemSettings, type PartialFieldMetadataItemOption, } from 'twenty-shared/types'; -import { type ThemeColor } from 'twenty-ui/theme'; +import { type ThemeColor } from 'twenty-ui-deprecated/theme'; import { type Field } from '~/generated-metadata/graphql'; export type FieldMetadataItemOption = PartialFieldMetadataItemOption & { diff --git a/packages/twenty-front/src/modules/object-metadata/utils/getIconColorForObjectType.ts b/packages/twenty-front/src/modules/object-metadata/utils/getIconColorForObjectType.ts index 2d11cb5c0c..d5ba57f430 100644 --- a/packages/twenty-front/src/modules/object-metadata/utils/getIconColorForObjectType.ts +++ b/packages/twenty-front/src/modules/object-metadata/utils/getIconColorForObjectType.ts @@ -1,4 +1,4 @@ -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; export const getIconColorForObjectType = (objectType: string): string => { switch (objectType) { diff --git a/packages/twenty-front/src/modules/object-metadata/utils/getIconForObjectType.ts b/packages/twenty-front/src/modules/object-metadata/utils/getIconForObjectType.ts index 52e78c8825..4ec6d47503 100644 --- a/packages/twenty-front/src/modules/object-metadata/utils/getIconForObjectType.ts +++ b/packages/twenty-front/src/modules/object-metadata/utils/getIconForObjectType.ts @@ -1,4 +1,8 @@ -import { IconCheckbox, type IconComponent, IconNotes } from 'twenty-ui/display'; +import { + IconCheckbox, + type IconComponent, + IconNotes, +} from 'twenty-ui-deprecated/display'; export const getIconForObjectType = ( objectType: string, ): IconComponent | undefined => { diff --git a/packages/twenty-front/src/modules/object-metadata/utils/getObjectColorWithFallback.ts b/packages/twenty-front/src/modules/object-metadata/utils/getObjectColorWithFallback.ts index 464ffe97b6..78833bcd92 100644 --- a/packages/twenty-front/src/modules/object-metadata/utils/getObjectColorWithFallback.ts +++ b/packages/twenty-front/src/modules/object-metadata/utils/getObjectColorWithFallback.ts @@ -3,7 +3,7 @@ import { isNonEmptyString } from '@sniptt/guards'; import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { type ThemeColor, MAIN_COLOR_NAMES } from 'twenty-ui/theme'; +import { type ThemeColor, MAIN_COLOR_NAMES } from 'twenty-ui-deprecated/theme'; const SYSTEM_OBJECT_COLOR: ThemeColor = 'gray'; diff --git a/packages/twenty-front/src/modules/object-metadata/validation-schemas/fieldMetadataItemSchema.ts b/packages/twenty-front/src/modules/object-metadata/validation-schemas/fieldMetadataItemSchema.ts index 37f1b665e5..5967a266d8 100644 --- a/packages/twenty-front/src/modules/object-metadata/validation-schemas/fieldMetadataItemSchema.ts +++ b/packages/twenty-front/src/modules/object-metadata/validation-schemas/fieldMetadataItemSchema.ts @@ -1,7 +1,7 @@ import { z } from 'zod'; import { metadataLabelSchema } from '@/object-metadata/validation-schemas/metadataLabelSchema'; -import { themeColorSchema } from 'twenty-ui/utilities'; +import { themeColorSchema } from 'twenty-ui-deprecated/utilities'; import { FieldMetadataType, RelationType } from '~/generated-metadata/graphql'; import { camelCaseStringSchema } from '~/utils/validation-schemas/camelCaseStringSchema'; diff --git a/packages/twenty-front/src/modules/object-metadata/validation-schemas/selectOptionsSchema.ts b/packages/twenty-front/src/modules/object-metadata/validation-schemas/selectOptionsSchema.ts index edea946339..6eb5b2a478 100644 --- a/packages/twenty-front/src/modules/object-metadata/validation-schemas/selectOptionsSchema.ts +++ b/packages/twenty-front/src/modules/object-metadata/validation-schemas/selectOptionsSchema.ts @@ -1,6 +1,6 @@ import { z } from 'zod'; -import { themeColorSchema } from 'twenty-ui/utilities'; +import { themeColorSchema } from 'twenty-ui-deprecated/utilities'; import { computeOptionValueFromLabel } from '~/pages/settings/data-model/utils/computeOptionValueFromLabel'; const selectOptionSchema = z diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterAddFilterRuleSelect.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterAddFilterRuleSelect.tsx index 9386aff959..04c309233b 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterAddFilterRuleSelect.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterAddFilterRuleSelect.tsx @@ -19,8 +19,8 @@ import { t } from '@lingui/core/macro'; import { useContext } from 'react'; import { RecordFilterGroupLogicalOperator } from 'twenty-shared/types'; import { getFilterTypeFromFieldType, isDefined } from 'twenty-shared/utils'; -import { IconLibraryPlus, IconPlus } from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +import { IconLibraryPlus, IconPlus } from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; import { v4 } from 'uuid'; type AdvancedFilterAddFilterRuleSelectProps = { diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterCompositeSubFieldSelectMenu.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterCompositeSubFieldSelectMenu.tsx index 9316e3ed92..30345ee7cd 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterCompositeSubFieldSelectMenu.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterCompositeSubFieldSelectMenu.tsx @@ -23,8 +23,8 @@ import { useAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useAtomC import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronLeft, useIcons } from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +import { IconChevronLeft, useIcons } from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; type AdvancedFilterCompositeSubFieldSelectMenuProps = { recordFilterId: string; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterDropdownRow.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterDropdownRow.tsx index 84f469596b..ea8e640f0a 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterDropdownRow.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterDropdownRow.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledRow = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterFieldSelectSearchInput.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterFieldSelectSearchInput.tsx index b1064edfbe..38acf1c7d9 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterFieldSelectSearchInput.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterFieldSelectSearchInput.tsx @@ -2,7 +2,7 @@ import { objectFilterDropdownSearchInputComponentState } from '@/object-record/o import { useAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useAtomComponentState'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; export const StyledInput = styled.input` background: transparent; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterLogicalOperatorCell.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterLogicalOperatorCell.tsx index fb8db210e7..133f176756 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterLogicalOperatorCell.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterLogicalOperatorCell.tsx @@ -4,7 +4,7 @@ import { type RecordFilterGroup } from '@/object-record/record-filter-group/type import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { capitalize } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledText = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterGroupChildren.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterGroupChildren.tsx index 88ff98c01c..fdabd6a23d 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterGroupChildren.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterGroupChildren.tsx @@ -4,7 +4,7 @@ import { AdvancedFilterRecordFilterRow } from '@/object-record/advanced-filter/c import { useChildRecordFiltersAndRecordFilterGroups } from '@/object-record/advanced-filter/hooks/useChildRecordFiltersAndRecordFilterGroups'; import { styled } from '@linaria/react'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div<{ isGrayBackground?: boolean }>` align-items: start; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterGroupOptionsDropdown.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterGroupOptionsDropdown.tsx index 4ae7e5971a..bee5adbdda 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterGroupOptionsDropdown.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterGroupOptionsDropdown.tsx @@ -8,9 +8,9 @@ import { DropdownContent } from '@/ui/layout/dropdown/components/DropdownContent import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { t } from '@lingui/core/macro'; -import { IconDotsVertical, IconTrash } from 'twenty-ui/display'; -import { IconButton } from 'twenty-ui/input'; -import { MenuItem } from 'twenty-ui/navigation'; +import { IconDotsVertical, IconTrash } from 'twenty-ui-deprecated/display'; +import { IconButton } from 'twenty-ui-deprecated/input'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; type AdvancedFilterRecordFilterGroupOptionsDropdownProps = { recordFilterGroupId: string; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterOperandSelectContent.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterOperandSelectContent.tsx index b75f4dd108..cf851809c9 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterOperandSelectContent.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterOperandSelectContent.tsx @@ -20,7 +20,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { t } from '@lingui/core/macro'; import { useContext } from 'react'; import { type ViewFilterOperand } from 'twenty-shared/types'; -import { MenuItem } from 'twenty-ui/navigation'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; type AdvancedFilterRecordFilterOperandSelectContentProps = { recordFilterId: string; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterOptionsDropdown.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterOptionsDropdown.tsx index f32cb131fc..dae9376f8f 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterOptionsDropdown.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterOptionsDropdown.tsx @@ -13,9 +13,9 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconDotsVertical, IconTrash } from 'twenty-ui/display'; -import { IconButton } from 'twenty-ui/input'; -import { MenuItem } from 'twenty-ui/navigation'; +import { IconDotsVertical, IconTrash } from 'twenty-ui-deprecated/display'; +import { IconButton } from 'twenty-ui-deprecated/input'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; type AdvancedFilterRecordFilterOptionsDropdownProps = { recordFilterId: string; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRelationTargetFieldSelectMenu.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRelationTargetFieldSelectMenu.tsx index eca26dd428..15f2a02d1a 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRelationTargetFieldSelectMenu.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRelationTargetFieldSelectMenu.tsx @@ -18,8 +18,8 @@ import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSetAtomComponentState'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronLeft, useIcons } from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +import { IconChevronLeft, useIcons } from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; type AdvancedFilterRelationTargetFieldSelectMenuProps = { recordFilterId: string; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRootRecordFilterGroup.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRootRecordFilterGroup.tsx index ce544c4203..00f3f61181 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRootRecordFilterGroup.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRootRecordFilterGroup.tsx @@ -14,7 +14,7 @@ import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper'; import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentSelectorValue'; import { styled } from '@linaria/react'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` align-items: start; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterValueInputDropdownButtonClickableSelect.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterValueInputDropdownButtonClickableSelect.tsx index cdb62c0635..1c0a3e82ef 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterValueInputDropdownButtonClickableSelect.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterValueInputDropdownButtonClickableSelect.tsx @@ -11,7 +11,7 @@ import { useFieldMetadataItemById } from '@/object-metadata/hooks/useFieldMetada import { useGetRecordFilterDisplayValue } from '@/object-record/record-filter/hooks/useGetRecordFilterDisplayValue'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; // TODO: factorize this with https://github.com/twentyhq/core-team-issues/issues/752 const StyledControlContainer = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/hooks/useRecordFilterField.ts b/packages/twenty-front/src/modules/object-record/advanced-filter/hooks/useRecordFilterField.ts index 98096bc8ae..8524d55d9e 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/hooks/useRecordFilterField.ts +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/hooks/useRecordFilterField.ts @@ -6,7 +6,7 @@ import { isValidSubFieldName } from '@/settings/data-model/utils/isValidSubField import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { isNonEmptyString } from '@sniptt/guards'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui-deprecated/display'; export const useRecordFilterField = (recordFilterId: string) => { const currentRecordFilters = useAtomComponentStateValue( diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelColumn.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelColumn.tsx index cef1b4b74e..cee70f356d 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelColumn.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelColumn.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledColumn = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelContainer.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelContainer.tsx index ebe46d9853..93a480a16e 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelContainer.tsx @@ -11,7 +11,7 @@ import { type VariablePickerComponent } from '@/object-record/record-field/ui/fo import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentSelectorValue'; import { styled } from '@linaria/react'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` align-items: start; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelCreateRootFilterButton.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelCreateRootFilterButton.tsx index df0445b96c..f8d70dd8b4 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelCreateRootFilterButton.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelCreateRootFilterButton.tsx @@ -13,8 +13,8 @@ import { t } from '@lingui/core/macro'; import { useContext } from 'react'; import { RecordFilterGroupLogicalOperator } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconFilter } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; +import { IconFilter } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; import { v4 } from 'uuid'; export const AdvancedFilterSidePanelCreateRootFilterButton = ({ diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelLogicalOperatorCell.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelLogicalOperatorCell.tsx index 666d22db85..4c469f6279 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelLogicalOperatorCell.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelLogicalOperatorCell.tsx @@ -10,7 +10,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; import { capitalize } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledText = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelRecordFilterColumn.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelRecordFilterColumn.tsx index eaf399507b..64667cf6e0 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelRecordFilterColumn.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelRecordFilterColumn.tsx @@ -13,7 +13,7 @@ import { type RecordFilterGroup } from '@/object-record/record-filter-group/type import { type RecordFilter } from '@/object-record/record-filter/types/RecordFilter'; import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelRecordFilterGroupChildren.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelRecordFilterGroupChildren.tsx index 0a5bb48c3e..a0065d501a 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelRecordFilterGroupChildren.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelRecordFilterGroupChildren.tsx @@ -6,7 +6,7 @@ import { AdvancedFilterContext } from '@/object-record/advanced-filter/states/co import { styled } from '@linaria/react'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div<{ isGrayBackground?: boolean }>` align-items: start; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelRecordFilterGroupColumn.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelRecordFilterGroupColumn.tsx index fdf3243a91..8771c491f5 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelRecordFilterGroupColumn.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelRecordFilterGroupColumn.tsx @@ -7,7 +7,7 @@ import { type RecordFilterGroup } from '@/object-record/record-filter-group/type import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelValueFormCompositeFieldInput.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelValueFormCompositeFieldInput.tsx index 19efbb5275..5110546473 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelValueFormCompositeFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelValueFormCompositeFieldInput.tsx @@ -11,7 +11,7 @@ import { type RecordFilter } from '@/object-record/record-filter/types/RecordFil import { CURRENCIES } from '@/settings/data-model/constants/Currencies'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useContext } from 'react'; -import { type SelectOption } from 'twenty-ui/input'; +import { type SelectOption } from 'twenty-ui-deprecated/input'; import { type JsonValue } from 'type-fest'; const ACTOR_SOURCE_OPTIONS: SelectOption[] = Object.values( diff --git a/packages/twenty-front/src/modules/object-record/components/MainContainerLayoutWithSidePanel.tsx b/packages/twenty-front/src/modules/object-record/components/MainContainerLayoutWithSidePanel.tsx index 53427ad1f9..a62401eda0 100644 --- a/packages/twenty-front/src/modules/object-record/components/MainContainerLayoutWithSidePanel.tsx +++ b/packages/twenty-front/src/modules/object-record/components/MainContainerLayoutWithSidePanel.tsx @@ -4,8 +4,8 @@ import { useCommandMenuHotKeys } from '@/command-menu/hooks/useCommandMenuHotKey import { PageBody } from '@/ui/layout/page/components/PageBody'; import { styled } from '@linaria/react'; import { type ReactNode } from 'react'; -import { useIsMobile } from 'twenty-ui/utilities'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type MainContainerLayoutWithSidePanelProps = { children: ReactNode; diff --git a/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx b/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx index 8aa86413f2..6f2ac9ae95 100644 --- a/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx +++ b/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx @@ -16,8 +16,8 @@ import { type ChipSize, ChipVariant, LinkChip, -} from 'twenty-ui/components'; -import { type TriggerEventType } from 'twenty-ui/utilities'; +} from 'twenty-ui-deprecated/components'; +import { type TriggerEventType } from 'twenty-ui-deprecated/utilities'; export type RecordChipProps = { objectNameSingular: string; diff --git a/packages/twenty-front/src/modules/object-record/graphql/types/RecordGqlConnection.ts b/packages/twenty-front/src/modules/object-record/graphql/types/RecordGqlConnection.ts index 3e22834241..d968b0472f 100644 --- a/packages/twenty-front/src/modules/object-record/graphql/types/RecordGqlConnection.ts +++ b/packages/twenty-front/src/modules/object-record/graphql/types/RecordGqlConnection.ts @@ -1,5 +1,5 @@ import { type RecordGqlEdge } from '@/object-record/graphql/types/RecordGqlEdge'; -import { type Nullable } from 'twenty-ui/utilities'; +import { type Nullable } from 'twenty-ui-deprecated/utilities'; export type RecordGqlConnection = { __typename?: string; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownActorSelect.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownActorSelect.tsx index 9013d7d2cc..833bf928dc 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownActorSelect.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownActorSelect.tsx @@ -15,7 +15,7 @@ import { arrayOfUuidOrVariableSchema, jsonRelationFilterValueSchema, } from 'twenty-shared/utils'; -import { IconUserCircle } from 'twenty-ui/display'; +import { IconUserCircle } from 'twenty-ui-deprecated/display'; export const EMPTY_ACTOR_FILTER_VALUE: string = JSON.stringify({ isCurrentWorkspaceMemberSelected: false, diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownBooleanSelect.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownBooleanSelect.tsx index f162dddbb3..8a37bdb823 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownBooleanSelect.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownBooleanSelect.tsx @@ -1,7 +1,10 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { useApplyObjectFilterDropdownFilterValue } from '@/object-record/object-filter-dropdown/hooks/useApplyObjectFilterDropdownFilterValue'; import { useObjectFilterDropdownFilterValue } from '@/object-record/object-filter-dropdown/hooks/useObjectFilterDropdownFilterValue'; @@ -11,7 +14,7 @@ import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/Drop import { GenericDropdownContentWidth } from '@/ui/layout/dropdown/constants/GenericDropdownContentWidth'; import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { SelectableList } from '@/ui/layout/selectable-list/components/SelectableList'; -import { IconCheck } from 'twenty-ui/display'; +import { IconCheck } from 'twenty-ui-deprecated/display'; const StyledBooleanSelectContainer = styled.div<{ selected?: boolean }>` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownCountrySelect.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownCountrySelect.tsx index 50f111c137..12b5300e6a 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownCountrySelect.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownCountrySelect.tsx @@ -16,7 +16,10 @@ import { useLingui } from '@lingui/react/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { type ChangeEvent, useState } from 'react'; import { isDefined, parseJson } from 'twenty-shared/utils'; -import { MenuItem, MenuItemMultiSelectAvatar } from 'twenty-ui/navigation'; +import { + MenuItem, + MenuItemMultiSelectAvatar, +} from 'twenty-ui-deprecated/navigation'; import { z } from 'zod'; export const EMPTY_FILTER_VALUE = '[]'; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownCurrencySelect.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownCurrencySelect.tsx index 11d0647dc3..81971dc0c1 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownCurrencySelect.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownCurrencySelect.tsx @@ -15,7 +15,10 @@ import { useLingui } from '@lingui/react/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { type ChangeEvent, useState } from 'react'; import { isDefined, parseJson } from 'twenty-shared/utils'; -import { MenuItem, MenuItemMultiSelectAvatar } from 'twenty-ui/navigation'; +import { + MenuItem, + MenuItemMultiSelectAvatar, +} from 'twenty-ui-deprecated/navigation'; import { z } from 'zod'; export const EMPTY_FILTER_VALUE = '[]'; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterInputHeader.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterInputHeader.tsx index 29f8f6e151..24cc2b7b19 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterInputHeader.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterInputHeader.tsx @@ -7,7 +7,7 @@ import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/ import { ViewBarFilterDropdownFilterInputMenuHeader } from '@/views/components/ViewBarFilterDropdownFilterInputMenuHeader'; import { ViewBarFilterDropdownIds } from '@/views/constants/ViewBarFilterDropdownIds'; import { useContext } from 'react'; -import { IconX } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui-deprecated/display'; // TODO: we shouldn't guess in which parent we are, this should be splitted in two components, one for each case export const ObjectFilterDropdownFilterInputHeader = () => { diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterSelectMenuItem.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterSelectMenuItem.tsx index 51d25ada37..4981feb886 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterSelectMenuItem.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterSelectMenuItem.tsx @@ -5,8 +5,8 @@ import { isManyToOneRelationField } from '@/object-metadata/utils/isManyToOneRel import { useSelectableList } from '@/ui/layout/selectable-list/hooks/useSelectableList'; import { isSelectedItemIdComponentFamilyState } from '@/ui/layout/selectable-list/states/isSelectedItemIdComponentFamilyState'; import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; -import { useIcons } from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +import { useIcons } from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; export type ObjectFilterDropdownFilterSelectMenuItemProps = { fieldMetadataItemToSelect: FieldMetadataItem; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownInnerSelectOperandDropdown.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownInnerSelectOperandDropdown.tsx index aa6683369f..ee5a9cb48b 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownInnerSelectOperandDropdown.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownInnerSelectOperandDropdown.tsx @@ -18,7 +18,7 @@ import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { getFilterTypeFromFieldType, isDefined } from 'twenty-shared/utils'; -import { type SelectOption } from 'twenty-ui/input'; +import { type SelectOption } from 'twenty-ui-deprecated/input'; const OBJECT_FILTER_DROPDOWN_INNER_SELECT_OPERAND_DROPDOWN_ID = 'object-filter-dropdown-inner-select-operand-dropdown'; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownOptionSelect.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownOptionSelect.tsx index 793f60b187..39e2e32f84 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownOptionSelect.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownOptionSelect.tsx @@ -23,7 +23,7 @@ import { t } from '@lingui/core/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { MAX_OPTIONS_TO_DISPLAY } from 'twenty-shared/constants'; import { isDefined, parseJson } from 'twenty-shared/utils'; -import { MenuItem, MenuItemMultiSelect } from 'twenty-ui/navigation'; +import { MenuItem, MenuItemMultiSelect } from 'twenty-ui-deprecated/navigation'; import { z } from 'zod'; export const EMPTY_FILTER_VALUE = ''; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRatingInput.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRatingInput.tsx index 841e78a8a4..b1d8f3534f 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRatingInput.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRatingInput.tsx @@ -5,7 +5,7 @@ import { styled } from '@linaria/react'; import { RATING_VALUES } from 'twenty-shared/constants'; import { type FieldRatingValue } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledRatingInputContainer = styled.div` padding: ${themeCssVariables.spacing[2]}; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordPinnedItems.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordPinnedItems.tsx index 35d3c59ea4..bdf3c91471 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordPinnedItems.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordPinnedItems.tsx @@ -1,8 +1,8 @@ import { type SelectableItem } from '@/object-record/select/types/SelectableItem'; import { styled } from '@linaria/react'; -import { Avatar } from 'twenty-ui/display'; -import { MenuItemMultiSelectAvatar } from 'twenty-ui/navigation'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Avatar } from 'twenty-ui-deprecated/display'; +import { MenuItemMultiSelectAvatar } from 'twenty-ui-deprecated/navigation'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledPinnedItemsContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordSelect.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordSelect.tsx index 6d8604c925..db348ba931 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordSelect.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordSelect.tsx @@ -23,7 +23,7 @@ import { isDefined, jsonRelationFilterValueSchema, } from 'twenty-shared/utils'; -import { IconUserCircle } from 'twenty-ui/display'; +import { IconUserCircle } from 'twenty-ui-deprecated/display'; import { allowRequestsToTwentyIconsState } from '@/client-config/states/allowRequestsToTwentyIcons'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/utils/getActorSourceMultiSelectOptions.ts b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/utils/getActorSourceMultiSelectOptions.ts index 192f6d923b..9f78c44cd2 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/utils/getActorSourceMultiSelectOptions.ts +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/utils/getActorSourceMultiSelectOptions.ts @@ -8,7 +8,7 @@ import { IconSettingsAutomation, IconUserCircle, IconWebhook, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; export const getActorSourceMultiSelectOptions = ( selectedSourceNames: string[], diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCalendarFieldsContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCalendarFieldsContent.tsx index 21d8efb407..af8891f282 100644 --- a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCalendarFieldsContent.tsx +++ b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCalendarFieldsContent.tsx @@ -14,8 +14,12 @@ import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomStat import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; import { isFieldMetadataDateKind } from 'twenty-shared/utils'; -import { IconChevronLeft, IconSettings, useIcons } from 'twenty-ui/display'; -import { MenuItem, MenuItemSelect } from 'twenty-ui/navigation'; +import { + IconChevronLeft, + IconSettings, + useIcons, +} from 'twenty-ui-deprecated/display'; +import { MenuItem, MenuItemSelect } from 'twenty-ui-deprecated/navigation'; export const ObjectOptionsDropdownCalendarFieldsContent = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCalendarViewContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCalendarViewContent.tsx index 8bb9c97060..fabbd1cb5f 100644 --- a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCalendarViewContent.tsx +++ b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCalendarViewContent.tsx @@ -13,14 +13,14 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { useUpdateCurrentView } from '@/views/hooks/useUpdateCurrentView'; import { t } from '@lingui/core/macro'; -import { Pill } from 'twenty-ui/components'; +import { Pill } from 'twenty-ui-deprecated/components'; import { IconCalendarMonth, IconCalendarWeek, IconChevronLeft, IconTimelineEvent, -} from 'twenty-ui/display'; -import { MenuItemSelect } from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/display'; +import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; import { ViewCalendarLayout } from '~/generated-metadata/graphql'; export const ObjectOptionsDropdownCalendarViewContent = () => { diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCustomView.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCustomView.tsx index 36f7143d2e..ff190aa1e1 100644 --- a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCustomView.tsx +++ b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCustomView.tsx @@ -31,8 +31,8 @@ import { IconListDetails, IconShare, IconTrash, -} from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; import { ViewCalendarLayout } from '~/generated-metadata/graphql'; interface ObjectOptionsDropdownCustomViewProps { diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownDefaultView.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownDefaultView.tsx index b4af4521d6..8e29cef9b8 100644 --- a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownDefaultView.tsx +++ b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownDefaultView.tsx @@ -19,8 +19,8 @@ import { IconListDetails, IconLock, useIcons, -} from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; export const ObjectOptionsDropdownDefaultView = () => { diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownFieldsContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownFieldsContent.tsx index dc313387de..3f25ab5c02 100644 --- a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownFieldsContent.tsx +++ b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownFieldsContent.tsx @@ -10,8 +10,8 @@ import { ViewFieldsVisibleDropdownSection } from '@/views/components/ViewFieldsV import { useLingui } from '@lingui/react/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { useState } from 'react'; -import { IconChevronLeft, IconEyeOff } from 'twenty-ui/display'; -import { MenuItemNavigate } from 'twenty-ui/navigation'; +import { IconChevronLeft, IconEyeOff } from 'twenty-ui-deprecated/display'; +import { MenuItemNavigate } from 'twenty-ui-deprecated/navigation'; export const ObjectOptionsDropdownFieldsContent = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownHiddenFieldsContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownHiddenFieldsContent.tsx index 42bf13b584..00fecd7f55 100644 --- a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownHiddenFieldsContent.tsx +++ b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownHiddenFieldsContent.tsx @@ -14,8 +14,8 @@ import { ViewFieldsHiddenDropdownSection } from '@/views/components/ViewFieldsHi import { useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconChevronLeft, IconSettings } from 'twenty-ui/display'; -import { MenuItem, UndecoratedLink } from 'twenty-ui/navigation'; +import { IconChevronLeft, IconSettings } from 'twenty-ui-deprecated/display'; +import { MenuItem, UndecoratedLink } from 'twenty-ui-deprecated/navigation'; export const ObjectOptionsDropdownHiddenFieldsContent = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownHiddenRecordGroupsContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownHiddenRecordGroupsContent.tsx index 5b54617da9..d1d758d963 100644 --- a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownHiddenRecordGroupsContent.tsx +++ b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownHiddenRecordGroupsContent.tsx @@ -23,8 +23,8 @@ import { useLocation } from 'react-router-dom'; import { VIEW_GROUP_VISIBLE_OPTIONS_MAX } from 'twenty-shared/constants'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconChevronLeft, IconSettings } from 'twenty-ui/display'; -import { MenuItem, UndecoratedLink } from 'twenty-ui/navigation'; +import { IconChevronLeft, IconSettings } from 'twenty-ui-deprecated/display'; +import { MenuItem, UndecoratedLink } from 'twenty-ui-deprecated/navigation'; export const ObjectOptionsDropdownHiddenRecordGroupsContent = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownLayoutContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownLayoutContent.tsx index 35cba6b982..a84f635853 100644 --- a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownLayoutContent.tsx +++ b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownLayoutContent.tsx @@ -34,8 +34,12 @@ import { IconLayoutSidebarRight, IconTable, OverflowingTextWithTooltip, -} from 'twenty-ui/display'; -import { MenuItem, MenuItemSelect, MenuItemToggle } from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/display'; +import { + MenuItem, + MenuItemSelect, + MenuItemToggle, +} from 'twenty-ui-deprecated/navigation'; import { ViewCalendarLayout, ViewOpenRecordIn, diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownLayoutOpenInContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownLayoutOpenInContent.tsx index 4703cd5af4..2c9a28e98c 100644 --- a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownLayoutOpenInContent.tsx +++ b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownLayoutOpenInContent.tsx @@ -20,8 +20,8 @@ import { IconChevronLeft, IconLayoutNavbar, IconLayoutSidebarRight, -} from 'twenty-ui/display'; -import { MenuItemSelect } from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/display'; +import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; export const ObjectOptionsDropdownLayoutOpenInContent = () => { const { onContentChange } = useObjectOptionsDropdown(); diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownMenuViewName.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownMenuViewName.tsx index 2a4f1aa7f7..ed683afdd4 100644 --- a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownMenuViewName.tsx +++ b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownMenuViewName.tsx @@ -15,8 +15,14 @@ import { viewPickerSelectedIconComponentState } from '@/views/view-picker/states import { styled } from '@linaria/react'; import { useContext, useEffect, useRef, useState } from 'react'; import { Key } from 'ts-key-enum'; -import { OverflowingTextWithTooltip, useIcons } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + OverflowingTextWithTooltip, + useIcons, +} from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { useDebouncedCallback } from 'use-debounce'; const StyledDropdownMenuIconAndNameContainer = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupFieldsContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupFieldsContent.tsx index 858bb4b18f..0fc5cff0d2 100644 --- a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupFieldsContent.tsx +++ b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupFieldsContent.tsx @@ -23,12 +23,16 @@ import { useLingui } from '@lingui/react/macro'; import { useLocation } from 'react-router-dom'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { IconChevronLeft, IconSettings, useIcons } from 'twenty-ui/display'; +import { + IconChevronLeft, + IconSettings, + useIcons, +} from 'twenty-ui-deprecated/display'; import { MenuItem, MenuItemSelect, UndecoratedLink, -} from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/navigation'; import { FieldMetadataType } from '~/generated-metadata/graphql'; export const ObjectOptionsDropdownRecordGroupFieldsContent = () => { diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupSortContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupSortContent.tsx index 432ec23f02..4fb497018e 100644 --- a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupSortContent.tsx +++ b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupSortContent.tsx @@ -21,8 +21,8 @@ import { IconHandMove, IconSortAZ, IconSortZA, -} from 'twenty-ui/display'; -import { MenuItemSelect } from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/display'; +import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; export const ObjectOptionsDropdownRecordGroupSortContent = () => { const { currentContentId, onContentChange } = useObjectOptionsDropdown(); diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupsContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupsContent.tsx index 38d4a236c8..9bcae20a25 100644 --- a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupsContent.tsx +++ b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupsContent.tsx @@ -29,12 +29,12 @@ import { IconEyeOff, IconLayoutList, IconSortDescending, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; import { MenuItem, MenuItemNavigate, MenuItemToggle, -} from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/navigation'; export const ObjectOptionsDropdownRecordGroupsContent = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownVisibilityContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownVisibilityContent.tsx index 2f8659134e..5efe3bf0e9 100644 --- a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownVisibilityContent.tsx +++ b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownVisibilityContent.tsx @@ -22,8 +22,8 @@ import { IconCircle, IconCircleDashed, IconCopy, -} from 'twenty-ui/display'; -import { MenuItem, MenuItemSelect } from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/display'; +import { MenuItem, MenuItemSelect } from 'twenty-ui-deprecated/navigation'; import { ViewVisibility, PermissionFlagType, diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/__stories__/ObjectOptionsDropdownContent.stories.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/__stories__/ObjectOptionsDropdownContent.stories.tsx index c819b8adce..b3bc966671 100644 --- a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/__stories__/ObjectOptionsDropdownContent.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/__stories__/ObjectOptionsDropdownContent.stories.tsx @@ -15,7 +15,7 @@ import { ViewComponentInstanceContext } from '@/views/states/contexts/ViewCompon import { ViewType } from '@/views/types/ViewType'; import { useEffect } from 'react'; import { MemoryRouter } from 'react-router-dom'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { ContextStoreDecorator } from '~/testing/decorators/ContextStoreDecorator'; import { IconsProviderDecorator } from '~/testing/decorators/IconsProviderDecorator'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/object-sort-dropdown/components/ObjectSortDropdownButton.tsx b/packages/twenty-front/src/modules/object-record/object-sort-dropdown/components/ObjectSortDropdownButton.tsx index 877b9f646d..7d4b631df1 100644 --- a/packages/twenty-front/src/modules/object-record/object-sort-dropdown/components/ObjectSortDropdownButton.tsx +++ b/packages/twenty-front/src/modules/object-record/object-sort-dropdown/components/ObjectSortDropdownButton.tsx @@ -32,8 +32,8 @@ import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSe import { useAtomFamilySelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilySelectorValue'; import { Trans, useLingui } from '@lingui/react/macro'; import { findByProperty } from 'twenty-shared/utils'; -import { IconX, useIcons } from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +import { IconX, useIcons } from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; import { v4 } from 'uuid'; import { ViewSortDirection } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx b/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx index fe8366738f..4b715b010c 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { useContext, useRef } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { RecordBoardColumns } from '@/object-record/record-board/components/RecordBoardColumns'; import { RecordBoardDragDropContext } from '@/object-record/record-board/components/RecordBoardDragDropContext'; diff --git a/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardClickOutsideEffect.tsx b/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardClickOutsideEffect.tsx index fdedc6ef34..737da08064 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardClickOutsideEffect.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardClickOutsideEffect.tsx @@ -14,7 +14,7 @@ import { PAGE_ACTION_CONTAINER_CLICK_OUTSIDE_ID } from '@/ui/layout/page/constan import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useContext } from 'react'; -import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui/components'; +import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui-deprecated/components'; export const RecordBoardClickOutsideEffect = () => { const { recordBoardId } = useContext(RecordBoardContext); diff --git a/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardColumns.tsx b/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardColumns.tsx index 3e6d7fec7c..d3ba570514 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardColumns.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardColumns.tsx @@ -3,7 +3,7 @@ import { visibleRecordGroupIdsComponentFamilySelector } from '@/object-record/re import { useAtomComponentFamilySelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilySelectorValue'; import { ViewType } from '@/views/types/ViewType'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledColumnContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardHeader.tsx b/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardHeader.tsx index 279c8cd730..5287f261ef 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardHeader.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardHeader.tsx @@ -5,7 +5,7 @@ import { RecordIndexGroupAggregatesDataLoader } from '@/object-record/record-ind import { useAtomComponentFamilySelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilySelectorValue'; import { ViewType } from '@/views/types/ViewType'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledHeaderContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx index beb5153035..7a728e1800 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx @@ -32,8 +32,8 @@ import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSe import { useGetCurrentViewOnly } from '@/views/hooks/useGetCurrentViewOnly'; import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { AnimatedEaseInOut } from 'twenty-ui/utilities'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { AnimatedEaseInOut } from 'twenty-ui-deprecated/utilities'; import { useDebouncedCallback } from 'use-debounce'; const StyledCardContainer = styled.div<{ isPrimaryMultiDrag?: boolean }>` diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardHeader.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardHeader.tsx index 77dd1f34ce..040b1aa2cf 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardHeader.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardHeader.tsx @@ -20,11 +20,15 @@ import { useGetCurrentViewOnly } from '@/views/hooks/useGetCurrentViewOnly'; import { ViewOpenRecordIn } from '~/generated-metadata/graphql'; import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { isDefined } from 'twenty-shared/utils'; -import { ChipVariant } from 'twenty-ui/components'; -import { IconEye, IconEyeOff } from 'twenty-ui/display'; -import { Checkbox, CheckboxVariant, LightIconButton } from 'twenty-ui/input'; +import { ChipVariant } from 'twenty-ui-deprecated/components'; +import { IconEye, IconEyeOff } from 'twenty-ui-deprecated/display'; +import { + Checkbox, + CheckboxVariant, + LightIconButton, +} from 'twenty-ui-deprecated/input'; const StyledCompactIconContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardMultiDragCounterChip.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardMultiDragCounterChip.tsx index b855379a98..8c5a757c39 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardMultiDragCounterChip.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardMultiDragCounterChip.tsx @@ -1,7 +1,7 @@ import { originalDragSelectionComponentState } from '@/object-record/record-drag/states/originalDragSelectionComponentState'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { styled } from '@linaria/react'; -import { NotificationCounter } from 'twenty-ui/navigation'; +import { NotificationCounter } from 'twenty-ui-deprecated/navigation'; const StyledNotificationCounterContainer = styled.div` position: absolute; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardMultiDragStack.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardMultiDragStack.tsx index e8c4502614..ed9ad5f257 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardMultiDragStack.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardMultiDragStack.tsx @@ -1,7 +1,7 @@ import { originalDragSelectionComponentState } from '@/object-record/record-drag/states/originalDragSelectionComponentState'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledRecordBoardCardStackCard = styled.div<{ offset: number }>` background-color: ${themeCssVariables.accent.tertiary}; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumn.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumn.tsx index cb9d782889..9bb79056c6 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumn.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumn.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { Droppable } from '@hello-pangea/dnd'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { RecordBoardColumnCardsContainer } from '@/object-record/record-board/record-board-column/components/RecordBoardColumnCardsContainer'; import { RecordBoardColumnContext } from '@/object-record/record-board/record-board-column/contexts/RecordBoardColumnContext'; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnCardContainerSkeletonLoader.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnCardContainerSkeletonLoader.tsx index fff4fbb5f7..fccc7a4ad3 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnCardContainerSkeletonLoader.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnCardContainerSkeletonLoader.tsx @@ -1,7 +1,10 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; import { SkeletonTheme } from 'react-loading-skeleton'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLoader'; import { RecordCardBodyContainer } from '@/object-record/record-card/components/RecordCardBodyContainer'; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnCardsContainer.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnCardsContainer.tsx index 9fc6a83c3d..0c86513a92 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnCardsContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnCardsContainer.tsx @@ -1,7 +1,7 @@ import { Draggable } from '@hello-pangea/dnd'; import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { RecordBoardCardDraggableContainer } from '@/object-record/record-board/record-board-card/components/RecordBoardCardDraggableContainer'; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnDropdownMenu.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnDropdownMenu.tsx index 95159a9784..296347cf81 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnDropdownMenu.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnDropdownMenu.tsx @@ -2,7 +2,7 @@ import { useRecordGroupActions } from '@/object-record/record-group/hooks/useRec import { DropdownContent } from '@/ui/layout/dropdown/components/DropdownContent'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { ViewType } from '@/views/types/ViewType'; -import { MenuItem } from 'twenty-ui/navigation'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; export const RecordBoardColumnDropdownMenu = () => { const recordGroupActions = useRecordGroupActions({ diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx index f506cd4a14..b20bf7881a 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { useObjectPermissionsForObject } from '@/object-record/hooks/useObjectPermissionsForObject'; import { RecordBoardContext } from '@/object-record/record-board/contexts/RecordBoardContext'; @@ -19,9 +19,9 @@ import { useToggleDropdown } from '@/ui/layout/dropdown/hooks/useToggleDropdown' import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentSelectorValue'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; -import { Tag } from 'twenty-ui/components'; -import { IconDotsVertical, IconPlus } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; +import { Tag } from 'twenty-ui-deprecated/components'; +import { IconDotsVertical, IconPlus } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; const StyledHeader = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownButton.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownButton.tsx index c496123610..162a8f3b78 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownButton.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownButton.tsx @@ -4,8 +4,8 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { styled } from '@linaria/react'; import { type Nullable } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { Tag } from 'twenty-ui/components'; -import { AppTooltip, TooltipDelay } from 'twenty-ui/display'; +import { Tag } from 'twenty-ui-deprecated/components'; +import { AppTooltip, TooltipDelay } from 'twenty-ui-deprecated/display'; const StyledTagContainer = styled.div` width: 100%; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownFieldsContent.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownFieldsContent.tsx index 1931d07031..b57fffaa09 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownFieldsContent.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownFieldsContent.tsx @@ -17,8 +17,8 @@ import { IconCheck, IconChevronLeft, useIcons, -} from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; export const RecordBoardColumnHeaderAggregateDropdownFieldsContent = () => { const { diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownMenuContent.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownMenuContent.tsx index 59211df675..148f236c72 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownMenuContent.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownMenuContent.tsx @@ -7,7 +7,7 @@ import { import { DropdownContent } from '@/ui/layout/dropdown/components/DropdownContent'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { useLingui } from '@lingui/react/macro'; -import { MenuItem } from 'twenty-ui/navigation'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; export const RecordBoardColumnHeaderAggregateDropdownMenuContent = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownMenuItem.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownMenuItem.tsx index fd5043224c..e4091af212 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownMenuItem.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownMenuItem.tsx @@ -1,5 +1,5 @@ -import { type IconComponent } from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; export const RecordBoardColumnHeaderAggregateDropdownMenuItem = ({ onContentChange, diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownOptionsContent.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownOptionsContent.tsx index 411e144f77..cff6e019ee 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownOptionsContent.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownOptionsContent.tsx @@ -19,7 +19,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSetAtomComponentState'; import { useUpdateViewAggregate } from '@/views/hooks/useUpdateViewAggregate'; import isEmpty from 'lodash.isempty'; -import { IconCheck, IconChevronLeft } from 'twenty-ui/display'; +import { IconCheck, IconChevronLeft } from 'twenty-ui-deprecated/display'; export const RecordBoardColumnHeaderAggregateDropdownOptionsContent = ({ availableAggregations, diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnLoadingSkeletonCards.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnLoadingSkeletonCards.tsx index 3b04df05b5..9b84aa9ed8 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnLoadingSkeletonCards.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnLoadingSkeletonCards.tsx @@ -1,7 +1,7 @@ import { RECORD_BOARD_QUERY_PAGE_SIZE } from '@/object-record/record-board/constants/RecordBoardQueryPageSize'; import { RecordBoardColumnCardContainerSkeletonLoader } from '@/object-record/record-board/record-board-column/components/RecordBoardColumnCardContainerSkeletonLoader'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledSkeletonCardContainer = styled.div` background-color: ${themeCssVariables.background.secondary}; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnNewRecordButton.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnNewRecordButton.tsx index 07442f0f6d..64b4b0d978 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnNewRecordButton.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnNewRecordButton.tsx @@ -7,8 +7,11 @@ import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; -import { IconPlus } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconPlus } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledNewButton = styled.button` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendar.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendar.tsx index 2857f59fcd..a7e36c2a5f 100644 --- a/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendar.tsx +++ b/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendar.tsx @@ -13,8 +13,8 @@ import { PAGE_ACTION_CONTAINER_CLICK_OUTSIDE_ID } from '@/ui/layout/page/constan import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside'; import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper'; import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/component-state/hooks/useAvailableComponentInstanceIdOrThrow'; -import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui/components'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui-deprecated/components'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainerContainer = styled.div` box-sizing: border-box; diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendarAddNew.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendarAddNew.tsx index 8f90621bff..38dc95d09f 100644 --- a/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendarAddNew.tsx +++ b/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendarAddNew.tsx @@ -10,9 +10,12 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { styled } from '@linaria/react'; import { useContext } from 'react'; import { type Temporal } from 'temporal-polyfill'; -import { IconPlus } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconPlus } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledButtonContainer = styled.div` height: auto; diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendarTopBar.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendarTopBar.tsx index b008bd49f3..9b841ca10b 100644 --- a/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendarTopBar.tsx +++ b/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendarTopBar.tsx @@ -18,9 +18,12 @@ import { isDefined, turnPlainDateToShiftedDateInSystemTimeZone, } from 'twenty-shared/utils'; -import { IconChevronLeft, IconChevronRight } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { + IconChevronLeft, + IconChevronRight, +} from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBody.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBody.tsx index 7095b9d96e..a8bfc207d2 100644 --- a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBody.tsx +++ b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBody.tsx @@ -1,7 +1,7 @@ import { RecordCalendarMonthBodyWeek } from '@/object-record/record-calendar/month/components/RecordCalendarMonthBodyWeek'; import { useRecordCalendarMonthContextOrThrow } from '@/object-record/record-calendar/month/contexts/RecordCalendarMonthContext'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` border: 1px solid ${themeCssVariables.border.color.light}; diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyDay.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyDay.tsx index f944ce0ab1..a49e347682 100644 --- a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyDay.tsx +++ b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyDay.tsx @@ -15,7 +15,7 @@ import { isSamePlainDate, } from 'twenty-shared/utils'; import { RecordCalendarAddNew } from '@/object-record/record-calendar/components/RecordCalendarAddNew'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div<{ isOtherMonth: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyWeek.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyWeek.tsx index 73cc0668d6..e544385abb 100644 --- a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyWeek.tsx +++ b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyWeek.tsx @@ -1,7 +1,7 @@ import { RecordCalendarMonthBodyDay } from '@/object-record/record-calendar/month/components/RecordCalendarMonthBodyDay'; import { useRecordCalendarMonthContextOrThrow } from '@/object-record/record-calendar/month/contexts/RecordCalendarMonthContext'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { eachDayOfInterval, endOfWeek } from 'date-fns'; import { type Temporal } from 'temporal-polyfill'; import { diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthHeaderDay.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthHeaderDay.tsx index 1d33955090..6a17bf524b 100644 --- a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthHeaderDay.tsx +++ b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthHeaderDay.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type RecordCalendarMonthHeaderDayProps = { label: string; diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/__stories__/RecordCalendarMonth.stories.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/__stories__/RecordCalendarMonth.stories.tsx index 2212a551b5..dd23231816 100644 --- a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/__stories__/RecordCalendarMonth.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/__stories__/RecordCalendarMonth.stories.tsx @@ -20,7 +20,10 @@ import { type RecordField } from '@/object-record/record-field/types/RecordField import { useRecordIndexFieldMetadataDerivedStates } from '@/object-record/record-index/hooks/useRecordIndexFieldMetadataDerivedStates'; import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore'; import { ViewBarFilterDropdownIds } from '@/views/constants/ViewBarFilterDropdownIds'; -import { ComponentDecorator, RouterDecorator } from 'twenty-ui/testing'; +import { + ComponentDecorator, + RouterDecorator, +} from 'twenty-ui-deprecated/testing'; import { ContextStoreDecorator } from '~/testing/decorators/ContextStoreDecorator'; import { IconsProviderDecorator } from '~/testing/decorators/IconsProviderDecorator'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCard.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCard.tsx index 2685945cfd..66e4075718 100644 --- a/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCard.tsx +++ b/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCard.tsx @@ -18,7 +18,7 @@ import { useAtomComponentFamilyState } from '@/ui/utilities/state/jotai/hooks/us import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSetAtomComponentState'; import { useGetCurrentViewOnly } from '@/views/hooks/useGetCurrentViewOnly'; import { styled } from '@linaria/react'; -import { AnimatedEaseInOut } from 'twenty-ui/utilities'; +import { AnimatedEaseInOut } from 'twenty-ui-deprecated/utilities'; const StyledContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCardBody.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCardBody.tsx index b7c9e372fe..e5f56a1121 100644 --- a/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCardBody.tsx +++ b/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCardBody.tsx @@ -17,7 +17,7 @@ import { RecordInlineCell } from '@/object-record/record-inline-cell/components/ import { getRecordFieldInputInstanceId } from '@/object-record/utils/getRecordFieldInputId'; import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentSelectorValue'; import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSetAtomComponentState'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type RecordCalendarCardBodyProps = { recordId: string; diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCardHeader.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCardHeader.tsx index 23b83f78fa..74298ef279 100644 --- a/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCardHeader.tsx +++ b/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCardHeader.tsx @@ -11,10 +11,10 @@ import { useGetCurrentViewOnly } from '@/views/hooks/useGetCurrentViewOnly'; import { styled } from '@linaria/react'; import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilyStateValue'; import { isDefined } from 'twenty-shared/utils'; -import { ChipVariant } from 'twenty-ui/components'; -import { Checkbox, CheckboxVariant } from 'twenty-ui/input'; +import { ChipVariant } from 'twenty-ui-deprecated/components'; +import { Checkbox, CheckboxVariant } from 'twenty-ui-deprecated/input'; import { isRecordCalendarCardSelectedComponentFamilyState } from '@/object-record/record-calendar/record-calendar-card/states/isRecordCalendarCardSelectedComponentFamilyState'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledCheckboxContainer = styled.div` margin-left: auto; diff --git a/packages/twenty-front/src/modules/object-record/record-card/components/RecordCard.tsx b/packages/twenty-front/src/modules/object-record/record-card/components/RecordCard.tsx index 3a31517778..67f04b087b 100644 --- a/packages/twenty-front/src/modules/object-record/record-card/components/RecordCard.tsx +++ b/packages/twenty-front/src/modules/object-record/record-card/components/RecordCard.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledBoardCard = styled.div<{ isDragging?: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-card/components/RecordCardBodyContainer.tsx b/packages/twenty-front/src/modules/object-record/record-card/components/RecordCardBodyContainer.tsx index 7a6a4d375e..34c5e1cef9 100644 --- a/packages/twenty-front/src/modules/object-record/record-card/components/RecordCardBodyContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-card/components/RecordCardBodyContainer.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledCardBodyContainer = styled.div<{ padding?: string }>` display: flex; diff --git a/packages/twenty-front/src/modules/object-record/record-card/components/RecordCardHeaderContainer.tsx b/packages/twenty-front/src/modules/object-record/record-card/components/RecordCardHeaderContainer.tsx index 5a9c38d764..7dd83130de 100644 --- a/packages/twenty-front/src/modules/object-record/record-card/components/RecordCardHeaderContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-card/components/RecordCardHeaderContainer.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; export const StyledBoardCardHeaderContainer = styled.div<{ isCompact: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/components/RecordDetailRecordsListContainer.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/components/RecordDetailRecordsListContainer.tsx index e35c8ac42e..99a7819f2d 100644 --- a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/components/RecordDetailRecordsListContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/components/RecordDetailRecordsListContainer.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledRecordsList = styled.div` color: ${themeCssVariables.font.color.secondary}; diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/components/RecordDetailRecordsListItemContainer.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/components/RecordDetailRecordsListItemContainer.tsx index d7c921ce47..ca708c2a6e 100644 --- a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/components/RecordDetailRecordsListItemContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/components/RecordDetailRecordsListItemContainer.tsx @@ -1,6 +1,6 @@ import { useLayoutRenderingContext } from '@/ui/layout/contexts/LayoutRenderingContext'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { PageLayoutType } from '~/generated-metadata/graphql'; const StyledListItem = styled.div<{ diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/components/RecordDetailSectionContainer.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/components/RecordDetailSectionContainer.tsx index f628b4e48a..1fb0631268 100644 --- a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/components/RecordDetailSectionContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/components/RecordDetailSectionContainer.tsx @@ -1,8 +1,8 @@ import { styled } from '@linaria/react'; import { useState } from 'react'; import { Link } from 'react-router-dom'; -import { Section } from 'twenty-ui/layout'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Section } from 'twenty-ui-deprecated/layout'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledRecordDetailSectionWrapper = styled.div` border-top: 1px solid ${themeCssVariables.border.color.light}; diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/duplicate/components/RecordDetailDuplicatesSection.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/duplicate/components/RecordDetailDuplicatesSection.tsx index dbade26a6f..502dbf08d0 100644 --- a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/duplicate/components/RecordDetailDuplicatesSection.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/duplicate/components/RecordDetailDuplicatesSection.tsx @@ -8,8 +8,8 @@ import { RecordDetailSectionContainer } from '@/object-record/record-field-list/ import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconArrowMerge } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; +import { IconArrowMerge } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; export const RecordDetailDuplicatesSection = ({ objectRecordId, diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/duplicate/components/__stories__/RecordDetailDuplicatesSection.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/duplicate/components/__stories__/RecordDetailDuplicatesSection.stories.tsx index d6f600a85a..6c64571c56 100644 --- a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/duplicate/components/__stories__/RecordDetailDuplicatesSection.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/duplicate/components/__stories__/RecordDetailDuplicatesSection.stories.tsx @@ -7,7 +7,7 @@ import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadat import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; import { graphqlMocks } from '~/testing/graphqlMocks'; import { RecordDetailDuplicatesSection } from '@/object-record/record-field-list/record-detail-section/duplicate/components/RecordDetailDuplicatesSection'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { PageLayoutType } from '~/generated-metadata/graphql'; import { mockedCompanyRecords } from '~/testing/mock-data/generated/data/companies/mock-companies-data'; diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailMorphRelationSectionDropdownManyToOne.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailMorphRelationSectionDropdownManyToOne.tsx index b71a73ae30..f573a2ccd4 100644 --- a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailMorphRelationSectionDropdownManyToOne.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailMorphRelationSectionDropdownManyToOne.tsx @@ -20,8 +20,8 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSetAtomComponentState'; import { FieldMetadataType } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconForbid, IconPencil } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; +import { IconForbid, IconPencil } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; type RecordDetailMorphRelationSectionDropdownManyToOneProps = { dropdownTriggerClickableComponent?: ReactNode; diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailMorphRelationSectionDropdownOneToMany.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailMorphRelationSectionDropdownOneToMany.tsx index 8c581922d6..28da05e09a 100644 --- a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailMorphRelationSectionDropdownOneToMany.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailMorphRelationSectionDropdownOneToMany.tsx @@ -22,8 +22,8 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSetAtomComponentState'; import { FieldMetadataType } from 'twenty-shared/types'; import { CustomError, isDefined } from 'twenty-shared/utils'; -import { IconPlus } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; +import { IconPlus } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; type RecordDetailMorphRelationSectionDropdownOneToManyProps = { dropdownTriggerClickableComponent?: ReactNode; diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationRecordsListItem.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationRecordsListItem.tsx index 276cd2ddbf..0032af65fb 100644 --- a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationRecordsListItem.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationRecordsListItem.tsx @@ -42,10 +42,10 @@ import { IconTrash, IconUnlink, type IconComponent, -} from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { MenuItem } from 'twenty-ui/navigation'; -import { AnimatedEaseInOut } from 'twenty-ui/utilities'; +} from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { AnimatedEaseInOut } from 'twenty-ui-deprecated/utilities'; import { FieldMetadataType, RelationType } from '~/generated-metadata/graphql'; const StyledClickableZone = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationSectionDropdownToMany.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationSectionDropdownToMany.tsx index 82b66f828f..d5de90e809 100644 --- a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationSectionDropdownToMany.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationSectionDropdownToMany.tsx @@ -40,8 +40,8 @@ import { CustomError, isDefined, } from 'twenty-shared/utils'; -import { IconPlus } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; +import { IconPlus } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; type RecordDetailRelationSectionDropdownToManyProps = { dropdownTriggerClickableComponent?: ReactNode; diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationSectionDropdownToOne.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationSectionDropdownToOne.tsx index 4e69622bd9..6be391ab1f 100644 --- a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationSectionDropdownToOne.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationSectionDropdownToOne.tsx @@ -26,8 +26,8 @@ import { getFieldMetadataItemById } from '@/object-metadata/utils/getFieldMetada import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata'; import { isFieldRelation } from '@/object-record/record-field/ui/types/guards/isFieldRelation'; import { CustomError, isDefined } from 'twenty-shared/utils'; -import { IconForbid, IconPencil } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; +import { IconForbid, IconPencil } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; type RecordDetailRelationSectionDropdownToOneProps = { dropdownTriggerClickableComponent?: ReactNode; diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/__stories__/RecordDetailRelationSection.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/__stories__/RecordDetailRelationSection.stories.tsx index 93d03139db..c1fc076aee 100644 --- a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/__stories__/RecordDetailRelationSection.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/__stories__/RecordDetailRelationSection.stories.tsx @@ -11,7 +11,7 @@ import { ContextStoreComponentInstanceContext } from '@/context-store/states/con import { RecordFieldsScopeContextProvider } from '@/object-record/record-field-list/contexts/RecordFieldsScopeContext'; import { RecordDetailRelationSection } from '@/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationSection'; import { LayoutRenderingProvider } from '@/ui/layout/contexts/LayoutRenderingContext'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { PageLayoutType } from '~/generated-metadata/graphql'; import { SidePanelDecorator } from '~/testing/decorators/SidePanelDecorator'; import { mockedCompanyRecords } from '~/testing/mock-data/generated/data/companies/mock-companies-data'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/components/LightCopyIconButton.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/components/LightCopyIconButton.tsx index 1051c18fb1..4266be8086 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/components/LightCopyIconButton.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/components/LightCopyIconButton.tsx @@ -1,8 +1,8 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconCopy } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconCopy } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; const StyledButtonContainer = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/contexts/FieldContext.ts b/packages/twenty-front/src/modules/object-record/record-field/ui/contexts/FieldContext.ts index af3a3b58bb..f1778b82ba 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/contexts/FieldContext.ts +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/contexts/FieldContext.ts @@ -1,6 +1,6 @@ import { createContext, type MouseEvent } from 'react'; -import { type TriggerEventType } from 'twenty-ui/utilities'; +import { type TriggerEventType } from 'twenty-ui-deprecated/utilities'; import { type FieldDefinition } from '@/object-record/record-field/ui/types/FieldDefinition'; import { type FieldMetadata } from '@/object-record/record-field/ui/types/FieldMetadata'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/BaseChip.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/BaseChip.tsx index d2065e6c31..18f64a0cba 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/BaseChip.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/BaseChip.tsx @@ -1,7 +1,10 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconX } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconX } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledChip = styled.div<{ deletable: boolean; danger: boolean }>` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormAdvancedTextFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormAdvancedTextFieldInput.tsx index 699cb7ce7b..235994acfc 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormAdvancedTextFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormAdvancedTextFieldInput.tsx @@ -17,10 +17,10 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useId, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconMaximize } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { IconMaximize } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; const StyledAdvancedTextFieldContainerWrapper = styled.div` flex-grow: 1; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormArrayFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormArrayFieldInput.tsx index 11fefb120a..b202d77d6f 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormArrayFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormArrayFieldInput.tsx @@ -27,9 +27,12 @@ import { useLingui } from '@lingui/react/macro'; import { isNonEmptyArray } from '@sniptt/guards'; import { useContext, useId, useRef, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconPlus } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; -import { MenuItem } from 'twenty-ui/navigation'; +import { IconPlus } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; import { toSpliced } from '~/utils/array/toSpliced'; type FormArrayFieldInputProps = { diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormBooleanFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormBooleanFieldInput.tsx index 5a1089d27f..4716c5b858 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormBooleanFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormBooleanFieldInput.tsx @@ -11,8 +11,8 @@ import { isStandaloneVariableString } from '@/workflow/utils/isStandaloneVariabl import { useLingui } from '@lingui/react/macro'; import { useContext, useId, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconCheck, IconCircleOff, IconX } from 'twenty-ui/display'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { IconCheck, IconCircleOff, IconX } from 'twenty-ui-deprecated/display'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; type FormBooleanFieldInputProps = { label?: string; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormBooleanFieldToggleInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormBooleanFieldToggleInput.tsx index 8056f0fc7a..a01b0c195b 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormBooleanFieldToggleInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormBooleanFieldToggleInput.tsx @@ -6,7 +6,7 @@ import { InputLabel } from '@/ui/input/components/InputLabel'; import { styled } from '@linaria/react'; import { useId } from 'react'; import { Toggle } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type FormBooleanFieldToggleInputProps = { label?: string; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCallingCodeSelectInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCallingCodeSelectInput.tsx index 2c4b17ac23..87c25993fa 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCallingCodeSelectInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCallingCodeSelectInput.tsx @@ -5,8 +5,11 @@ import { type VariablePickerComponent } from '@/object-record/record-field/ui/fo import { useCountries } from '@/ui/input/components/internal/hooks/useCountries'; import { isStandaloneVariableString } from '@/workflow/utils/isStandaloneVariableString'; import { t } from '@lingui/core/macro'; -import { IconCircleOff, type IconComponentProps } from 'twenty-ui/display'; -import { type SelectOption } from 'twenty-ui/input'; +import { + IconCircleOff, + type IconComponentProps, +} from 'twenty-ui-deprecated/display'; +import { type SelectOption } from 'twenty-ui-deprecated/input'; export type FormCallingCodeSelectInputUpdatedValue = { callingCode: string; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCountryMultiSelectInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCountryMultiSelectInput.tsx index e281246a87..2c6ae69508 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCountryMultiSelectInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCountryMultiSelectInput.tsx @@ -4,8 +4,8 @@ import { FormMultiSelectFieldInput } from '@/object-record/record-field/ui/form- import { type VariablePickerComponent } from '@/object-record/record-field/ui/form-types/types/VariablePickerComponent'; import { type FieldMultiSelectValue } from '@/object-record/record-field/ui/types/FieldMetadata'; import { useCountries } from '@/ui/input/components/internal/hooks/useCountries'; -import { type IconComponentProps } from 'twenty-ui/display'; -import { type SelectOption } from 'twenty-ui/input'; +import { type IconComponentProps } from 'twenty-ui-deprecated/display'; +import { type SelectOption } from 'twenty-ui-deprecated/input'; export const FormCountryMultiSelectInput = ({ onChange, diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCountrySelectInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCountrySelectInput.tsx index 1402f7fdf7..099e968d84 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCountrySelectInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCountrySelectInput.tsx @@ -4,8 +4,11 @@ import { useMemo } from 'react'; import { FormSelectFieldInput } from '@/object-record/record-field/ui/form-types/components/FormSelectFieldInput'; import { type VariablePickerComponent } from '@/object-record/record-field/ui/form-types/types/VariablePickerComponent'; import { useCountries } from '@/ui/input/components/internal/hooks/useCountries'; -import { IconCircleOff, type IconComponentProps } from 'twenty-ui/display'; -import { type SelectOption } from 'twenty-ui/input'; +import { + IconCircleOff, + type IconComponentProps, +} from 'twenty-ui-deprecated/display'; +import { type SelectOption } from 'twenty-ui-deprecated/input'; export const FormCountrySelectInput = ({ selectedCountryName, diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCurrencyFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCurrencyFieldInput.tsx index 6df65e6a47..d8a4cbe951 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCurrencyFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCurrencyFieldInput.tsx @@ -9,7 +9,7 @@ import { InputLabel } from '@/ui/input/components/InputLabel'; import { t } from '@lingui/core/macro'; import { useMemo } from 'react'; import { type CurrencyCode } from 'twenty-shared/constants'; -import { IconCircleOff } from 'twenty-ui/display'; +import { IconCircleOff } from 'twenty-ui-deprecated/display'; type FormCurrencyFieldInputProps = { label?: string; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormDateFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormDateFieldInput.tsx index 04e858bfc7..001d6027dd 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormDateFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormDateFieldInput.tsx @@ -30,8 +30,8 @@ import { useId, useRef, useState } from 'react'; import { Temporal } from 'temporal-polyfill'; import { Key } from 'ts-key-enum'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { type Nullable } from 'twenty-ui/utilities'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { type Nullable } from 'twenty-ui-deprecated/utilities'; const FORM_DATE_FIELD_PICKER_CLICK_OUTSIDE_ID = 'form-date-field-picker-floating'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormDateTimeFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormDateTimeFieldInput.tsx index 4be6858601..998f078ae2 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormDateTimeFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormDateTimeFieldInput.tsx @@ -30,7 +30,7 @@ import { useId, useRef, useState } from 'react'; import { Temporal } from 'temporal-polyfill'; import { Key } from 'ts-key-enum'; import { isDefined } from 'twenty-shared/utils'; -import { type Nullable } from 'twenty-ui/utilities'; +import { type Nullable } from 'twenty-ui-deprecated/utilities'; const FORM_DATE_TIME_FIELD_PICKER_CLICK_OUTSIDE_ID = 'form-date-time-field-picker-floating'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormFieldInputInnerContainer.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormFieldInputInnerContainer.tsx index 4c1febabdc..0a3941b302 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormFieldInputInnerContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormFieldInputInnerContainer.tsx @@ -3,7 +3,7 @@ import { useRemoveFocusItemFromFocusStackById } from '@/ui/utilities/focus/hooks import { FocusComponentType } from '@/ui/utilities/focus/types/FocusComponentType'; import { styled } from '@linaria/react'; import { forwardRef, type HTMLAttributes, type Ref } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type FormFieldInputInnerContainerProps = { hasRightElement: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormMultiSelectFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormMultiSelectFieldInput.tsx index a082ee4f00..5abc47bd36 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormMultiSelectFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormMultiSelectFieldInput.tsx @@ -22,10 +22,13 @@ import { isStandaloneVariableString } from '@/workflow/utils/isStandaloneVariabl import { isArray } from '@sniptt/guards'; import { useContext, useId, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { VisibilityHidden } from 'twenty-ui/accessibility'; -import { IconChevronDown } from 'twenty-ui/display'; -import { type SelectOption } from 'twenty-ui/input'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { VisibilityHidden } from 'twenty-ui-deprecated/accessibility'; +import { IconChevronDown } from 'twenty-ui-deprecated/display'; +import { type SelectOption } from 'twenty-ui-deprecated/input'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; type FormMultiSelectFieldInputProps = { label?: string; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormNestedFieldInputContainer.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormNestedFieldInputContainer.tsx index c2313d8af1..caf13a16ae 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormNestedFieldInputContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormNestedFieldInputContainer.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledFormNestedFieldInputContainer = styled.div` background: ${themeCssVariables.background.secondary}; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormSelectFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormSelectFieldInput.tsx index 80833fa557..727c2bf4a5 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormSelectFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormSelectFieldInput.tsx @@ -14,9 +14,9 @@ import { isStandaloneVariableString } from '@/workflow/utils/isStandaloneVariabl import { useContext, useId, useState } from 'react'; import { Key } from 'ts-key-enum'; import { isDefined } from 'twenty-shared/utils'; -import { IconCircleOff } from 'twenty-ui/display'; -import { type SelectOption } from 'twenty-ui/input'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { IconCircleOff } from 'twenty-ui-deprecated/display'; +import { type SelectOption } from 'twenty-ui-deprecated/input'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; type FormSelectFieldInputProps = { label?: string; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormSingleRecordFieldChip.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormSingleRecordFieldChip.tsx index 030a97773a..11fc0dfd11 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormSingleRecordFieldChip.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormSingleRecordFieldChip.tsx @@ -10,8 +10,8 @@ import { isStandaloneVariableString } from '@/workflow/utils/isStandaloneVariabl import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconForbid } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconForbid } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledRecordChipContainer = styled.div` margin: ${themeCssVariables.spacing[2]}; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormSingleRecordPicker.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormSingleRecordPicker.tsx index b66974e597..9cfa062cca 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormSingleRecordPicker.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormSingleRecordPicker.tsx @@ -18,8 +18,11 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useCallback, useContext, useId } from 'react'; import { CustomError, isDefined, isValidUuid } from 'twenty-shared/utils'; -import { IconChevronDown, IconForbid } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconChevronDown, IconForbid } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledFormSelectContainerWrapper = styled.div<{ readonly?: boolean }>` cursor: ${({ readonly }) => (readonly ? 'default' : 'pointer')}; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormWorkspaceMemberFilterValueInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormWorkspaceMemberFilterValueInput.tsx index a1a8c705cf..89a30fef44 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormWorkspaceMemberFilterValueInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormWorkspaceMemberFilterValueInput.tsx @@ -10,8 +10,11 @@ import { } from 'react'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronDown, IconUserCircle } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconChevronDown, IconUserCircle } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { type JsonValue } from 'type-fest'; import { MAX_WORKSPACE_MEMBERS_TO_DISPLAY } from '@/object-record/object-filter-dropdown/components/ObjectFilterDropdownActorSelect'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormWorkspaceMemberFilterValueInputTrigger.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormWorkspaceMemberFilterValueInputTrigger.tsx index 5b635a85c5..0d0889bac5 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormWorkspaceMemberFilterValueInputTrigger.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormWorkspaceMemberFilterValueInputTrigger.tsx @@ -1,8 +1,8 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconUserCircle } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconUserCircle } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { FormFieldPlaceholder } from '@/object-record/record-field/ui/form-types/components/FormFieldPlaceholder'; import { VariableChipStandalone } from '@/object-record/record-field/ui/form-types/components/VariableChipStandalone'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/TextVariableEditor.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/TextVariableEditor.tsx index 06ce31d65f..80a04dd691 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/TextVariableEditor.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/TextVariableEditor.tsx @@ -1,7 +1,7 @@ import { FORM_FIELD_PLACEHOLDER_STYLES } from '@/object-record/record-field/ui/form-types/constants/FormFieldPlaceholderStyles'; import { styled } from '@linaria/react'; import { EditorContent, type Editor } from '@tiptap/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledEditor = styled.div<{ multiline?: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/VariableChip.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/VariableChip.tsx index 3e173d8acc..a261d19d2a 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/VariableChip.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/VariableChip.tsx @@ -4,8 +4,8 @@ import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; import { extractRawVariableNamePart } from 'twenty-shared/workflow'; -import { IconAlertTriangle } from 'twenty-ui/display'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { IconAlertTriangle } from 'twenty-ui-deprecated/display'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; type VariableChipProps = { rawVariableName: string; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/VariableChipStandalone.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/VariableChipStandalone.tsx index ade6102fc7..e14ffb9306 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/VariableChipStandalone.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/VariableChipStandalone.tsx @@ -1,6 +1,6 @@ import { VariableChip } from '@/object-record/record-field/ui/form-types/components/VariableChip'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormAdvancedTextFieldInput.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormAdvancedTextFieldInput.stories.tsx index c8703c2792..62d5fbf9ff 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormAdvancedTextFieldInput.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormAdvancedTextFieldInput.stories.tsx @@ -3,7 +3,10 @@ import { WorkflowVariablePicker } from '@/workflow/workflow-variables/components import { type Meta, type StoryObj } from '@storybook/react-vite'; import { graphql, HttpResponse } from 'msw'; import { expect, fn, userEvent, within } from 'storybook/test'; -import { ComponentDecorator, RouterDecorator } from 'twenty-ui/testing'; +import { + ComponentDecorator, + RouterDecorator, +} from 'twenty-ui-deprecated/testing'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; import { WorkflowStepActionDrawerDecorator } from '~/testing/decorators/WorkflowStepActionDrawerDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormBooleanFieldToggleInput.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormBooleanFieldToggleInput.stories.tsx index f13703fcfe..7dc5a6bb5b 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormBooleanFieldToggleInput.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormBooleanFieldToggleInput.stories.tsx @@ -23,9 +23,9 @@ export const Default: Story = { await canvas.findByText('Continue on iteration failure'); - const checkbox = canvas.getByRole('checkbox'); + const toggle = canvas.getByRole('switch'); - expect(checkbox).not.toBeChecked(); + expect(toggle).not.toBeChecked(); }, }; @@ -61,9 +61,9 @@ export const ToggledOn: Story = { play: async ({ canvasElement }) => { const canvas = within(canvasElement); - const checkbox = canvas.getByRole('checkbox'); + const toggle = canvas.getByRole('switch'); - expect(checkbox).toBeChecked(); + expect(toggle).toBeChecked(); }, }; @@ -75,9 +75,9 @@ export const TogglesValue: Story = { play: async ({ canvasElement, args }) => { const canvas = within(canvasElement); - const checkbox = canvas.getByRole('checkbox'); + const toggle = canvas.getByRole('switch'); - await userEvent.click(checkbox); + await userEvent.click(toggle); await waitFor(() => { expect(args.onChange).toHaveBeenCalledWith(true); diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormRawJsonFieldInput.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormRawJsonFieldInput.stories.tsx index a3c46f337a..1a373c95f8 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormRawJsonFieldInput.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormRawJsonFieldInput.stories.tsx @@ -1,7 +1,7 @@ import { FormRawJsonFieldInput } from '@/object-record/record-field/ui/form-types/components/FormRawJsonFieldInput'; import { type Meta, type StoryObj } from '@storybook/react-vite'; import { expect, fn, userEvent, waitFor, within } from 'storybook/test'; -import { getUserDevice } from 'twenty-ui/utilities'; +import { getUserDevice } from 'twenty-ui-deprecated/utilities'; import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator'; import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormRichTextFieldInput.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormRichTextFieldInput.stories.tsx index 32db4d05f2..fbc6afd8f9 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormRichTextFieldInput.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormRichTextFieldInput.stories.tsx @@ -8,7 +8,7 @@ import { waitForElementToBeRemoved, within, } from 'storybook/test'; -import { getUserDevice } from 'twenty-ui/utilities'; +import { getUserDevice } from 'twenty-ui-deprecated/utilities'; import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator'; import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormSingleRecordPicker.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormSingleRecordPicker.stories.tsx index d8cd8c8ef4..04331e32ea 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormSingleRecordPicker.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormSingleRecordPicker.stories.tsx @@ -2,7 +2,10 @@ import { FormSingleRecordPicker } from '@/object-record/record-field/ui/form-typ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { expect, fn, userEvent, within } from 'storybook/test'; import { isDefined } from 'twenty-shared/utils'; -import { ComponentDecorator, RouterDecorator } from 'twenty-ui/testing'; +import { + ComponentDecorator, + RouterDecorator, +} from 'twenty-ui-deprecated/testing'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormTextFieldInput.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormTextFieldInput.stories.tsx index 444b97a22b..d533248a9d 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormTextFieldInput.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormTextFieldInput.stories.tsx @@ -8,7 +8,7 @@ import { waitForElementToBeRemoved, within, } from 'storybook/test'; -import { getUserDevice } from 'twenty-ui/utilities'; +import { getUserDevice } from 'twenty-ui-deprecated/utilities'; import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator'; import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/constants/FormFieldPlaceholderStyles.ts b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/constants/FormFieldPlaceholderStyles.ts index 0f127b1adf..81e5f5b71c 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/constants/FormFieldPlaceholderStyles.ts +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/constants/FormFieldPlaceholderStyles.ts @@ -1,4 +1,4 @@ -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; export const FORM_FIELD_PLACEHOLDER_STYLES = ` color: ${themeCssVariables.font.color.light}; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/__tests__/useGetButtonIcon.test.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/__tests__/useGetButtonIcon.test.tsx index bc660aaea5..b3056d569f 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/__tests__/useGetButtonIcon.test.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/__tests__/useGetButtonIcon.test.tsx @@ -9,7 +9,7 @@ import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldCont import { useGetButtonIcon } from '@/object-record/record-field/ui/hooks/useGetButtonIcon'; import { type FieldDefinition } from '@/object-record/record-field/ui/types/FieldDefinition'; import { type FieldMetadata } from '@/object-record/record-field/ui/types/FieldMetadata'; -import { IconPencil } from 'twenty-ui/display'; +import { IconPencil } from 'twenty-ui-deprecated/display'; const recordId = 'recordId'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/useGetButtonIcon.ts b/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/useGetButtonIcon.ts index 6f25b9c827..fc1c9dfc9a 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/useGetButtonIcon.ts +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/useGetButtonIcon.ts @@ -2,7 +2,7 @@ import { useContext } from 'react'; import { getFieldButtonIcon } from '@/object-record/record-field/ui/utils/getFieldButtonIcon'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext'; export const useGetButtonIcon = (): IconComponent | undefined => { diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/ChipFieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/ChipFieldDisplay.tsx index 2a981969d8..67f86b84f7 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/ChipFieldDisplay.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/ChipFieldDisplay.tsx @@ -1,7 +1,7 @@ import { RecordChip } from '@/object-record/components/RecordChip'; import { useChipFieldDisplay } from '@/object-record/record-field/ui/meta-types/hooks/useChipFieldDisplay'; import { isDefined } from 'twenty-shared/utils'; -import { ChipSize } from 'twenty-ui/components'; +import { ChipSize } from 'twenty-ui-deprecated/components'; export const ChipFieldDisplay = () => { const { diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/ForbiddenFieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/ForbiddenFieldDisplay.tsx index abdcf96572..1e57be96ba 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/ForbiddenFieldDisplay.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/ForbiddenFieldDisplay.tsx @@ -1,8 +1,11 @@ import { styled } from '@linaria/react'; import { Trans } from '@lingui/react/macro'; import { useContext } from 'react'; -import { IconLock } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconLock } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/JsonFieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/JsonFieldDisplay.tsx index e75d03bf30..ff7b66a17c 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/JsonFieldDisplay.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/JsonFieldDisplay.tsx @@ -4,7 +4,10 @@ import { ExpandedFieldDisplay } from '@/ui/layout/expandable-list/components/Exp import { t } from '@lingui/core/macro'; import { useRef, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { isTwoFirstDepths, JsonTree } from 'twenty-ui/json-visualizer'; +import { + isTwoFirstDepths, + JsonTree, +} from 'twenty-ui-deprecated/json-visualizer'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; export const JsonFieldDisplay = () => { diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/MultiSelectFieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/MultiSelectFieldDisplay.tsx index fab447f299..6b0b3ef1e7 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/MultiSelectFieldDisplay.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/MultiSelectFieldDisplay.tsx @@ -2,7 +2,7 @@ import { useFieldFocus } from '@/object-record/record-field/ui/hooks/useFieldFoc import { useMultiSelectFieldDisplay } from '@/object-record/record-field/ui/meta-types/hooks/useMultiSelectFieldDisplay'; import { MultiSelectDisplay } from '@/ui/field/display/components/MultiSelectDisplay'; import { ExpandableList } from '@/ui/layout/expandable-list/components/ExpandableList'; -import { Tag } from 'twenty-ui/components'; +import { Tag } from 'twenty-ui-deprecated/components'; import { isDefined } from 'twenty-shared/utils'; export const MultiSelectFieldDisplay = () => { diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/RelationFromManyFieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/RelationFromManyFieldDisplay.tsx index cdd8f1661e..8d90f72d76 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/RelationFromManyFieldDisplay.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/RelationFromManyFieldDisplay.tsx @@ -18,7 +18,7 @@ import { ExpandableList } from '@/ui/layout/expandable-list/components/Expandabl import { styled } from '@linaria/react'; import { isArray } from '@sniptt/guards'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/ActorFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/ActorFieldDisplay.perf.stories.tsx index b2a90dc64d..5de3e30906 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/ActorFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/ActorFieldDisplay.perf.stories.tsx @@ -1,7 +1,7 @@ import { ActorFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/ActorFieldDisplay'; import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { AuthContextDecorator } from '~/testing/decorators/AuthContextDecorator'; import { ChipGeneratorsDecorator } from '~/testing/decorators/ChipGeneratorsDecorator'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/AddressFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/AddressFieldDisplay.perf.stories.tsx index 6b7454764f..421dbf019e 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/AddressFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/AddressFieldDisplay.perf.stories.tsx @@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { AddressFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/AddressFieldDisplay'; import { type FieldAddressValue } from '@/object-record/record-field/ui/types/FieldMetadata'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { getFieldDecorator } from '~/testing/decorators/getFieldDecorator'; import { getProfilingStory } from '~/testing/profiling/utils/getProfilingStory'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/BooleanFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/BooleanFieldDisplay.perf.stories.tsx index 0fb599933a..cbc195a53e 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/BooleanFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/BooleanFieldDisplay.perf.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { BooleanFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/BooleanFieldDisplay'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { getFieldDecorator } from '~/testing/decorators/getFieldDecorator'; import { getProfilingStory } from '~/testing/profiling/utils/getProfilingStory'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/ChipFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/ChipFieldDisplay.perf.stories.tsx index 49b760a441..953b7aa347 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/ChipFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/ChipFieldDisplay.perf.stories.tsx @@ -6,7 +6,7 @@ import { ChipFieldDisplay } from '@/object-record/record-field/ui/meta-types/dis import { RecordIndexContextProvider } from '@/object-record/record-index/contexts/RecordIndexContext'; import { useRecordIndexFieldMetadataDerivedStates } from '@/object-record/record-index/hooks/useRecordIndexFieldMetadataDerivedStates'; import { RecordTableComponentInstanceContext } from '@/object-record/record-table/states/context/RecordTableComponentInstanceContext'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { ChipGeneratorsDecorator } from '~/testing/decorators/ChipGeneratorsDecorator'; import { ContextStoreDecorator } from '~/testing/decorators/ContextStoreDecorator'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/CurrencyFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/CurrencyFieldDisplay.perf.stories.tsx index 6b2be84bf6..246852fe11 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/CurrencyFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/CurrencyFieldDisplay.perf.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { CurrencyFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/CurrencyFieldDisplay'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { getFieldDecorator } from '~/testing/decorators/getFieldDecorator'; import { getProfilingStory } from '~/testing/profiling/utils/getProfilingStory'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/DateFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/DateFieldDisplay.perf.stories.tsx index 7765efaf06..f7c7a71bf3 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/DateFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/DateFieldDisplay.perf.stories.tsx @@ -4,7 +4,7 @@ import { DateFormat } from '@/localization/constants/DateFormat'; import { TimeFormat } from '@/localization/constants/TimeFormat'; import { DateFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/DateFieldDisplay'; import { UserContext } from '@/users/contexts/UserContext'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { getFieldDecorator } from '~/testing/decorators/getFieldDecorator'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { getProfilingStory } from '~/testing/profiling/utils/getProfilingStory'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/DateTimeFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/DateTimeFieldDisplay.perf.stories.tsx index 43b660677a..cdb51617fb 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/DateTimeFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/DateTimeFieldDisplay.perf.stories.tsx @@ -4,7 +4,7 @@ import { DateFormat } from '@/localization/constants/DateFormat'; import { TimeFormat } from '@/localization/constants/TimeFormat'; import { DateTimeFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/DateTimeFieldDisplay'; import { UserContext } from '@/users/contexts/UserContext'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { getFieldDecorator } from '~/testing/decorators/getFieldDecorator'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { getProfilingStory } from '~/testing/profiling/utils/getProfilingStory'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/EmailsFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/EmailsFieldDisplay.perf.stories.tsx index b310815c34..e0619e0082 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/EmailsFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/EmailsFieldDisplay.perf.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { EmailsFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/EmailsFieldDisplay'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; import { getFieldDecorator } from '~/testing/decorators/getFieldDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/FilesFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/FilesFieldDisplay.perf.stories.tsx index 7d26b57812..1bf2a5595f 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/FilesFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/FilesFieldDisplay.perf.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { FilesDisplay } from '@/ui/field/display/components/FilesDisplay'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; import { getProfilingStory } from '~/testing/profiling/utils/getProfilingStory'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/FullNameFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/FullNameFieldDisplay.perf.stories.tsx index 866c8d1ee4..b22506f777 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/FullNameFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/FullNameFieldDisplay.perf.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { FullNameFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/FullNameFieldDisplay'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { getFieldDecorator } from '~/testing/decorators/getFieldDecorator'; import { getProfilingStory } from '~/testing/profiling/utils/getProfilingStory'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/LinksFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/LinksFieldDisplay.perf.stories.tsx index b15ff9addc..4d1ae22045 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/LinksFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/LinksFieldDisplay.perf.stories.tsx @@ -4,7 +4,7 @@ import { useContext, useEffect } from 'react'; import { FieldFocusContext } from '@/object-record/record-field/ui/contexts/FieldFocusContext'; import { FieldFocusContextProvider } from '@/object-record/record-field/ui/contexts/FieldFocusContextProvider'; import { LinksFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/LinksFieldDisplay'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; import { getFieldDecorator } from '~/testing/decorators/getFieldDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/MultiSelectFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/MultiSelectFieldDisplay.perf.stories.tsx index 03dc18a1cb..94871cc2dd 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/MultiSelectFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/MultiSelectFieldDisplay.perf.stories.tsx @@ -4,7 +4,7 @@ import { useContext, useEffect } from 'react'; import { FieldFocusContext } from '@/object-record/record-field/ui/contexts/FieldFocusContext'; import { FieldFocusContextProvider } from '@/object-record/record-field/ui/contexts/FieldFocusContextProvider'; import { MultiSelectFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/MultiSelectFieldDisplay'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { getFieldDecorator } from '~/testing/decorators/getFieldDecorator'; import { getProfilingStory } from '~/testing/profiling/utils/getProfilingStory'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/NumberFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/NumberFieldDisplay.perf.stories.tsx index 067d8a8e6b..e23b371956 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/NumberFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/NumberFieldDisplay.perf.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { NumberFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/NumberFieldDisplay'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { getFieldDecorator } from '~/testing/decorators/getFieldDecorator'; import { getProfilingStory } from '~/testing/profiling/utils/getProfilingStory'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/PhonesFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/PhonesFieldDisplay.perf.stories.tsx index 401c554def..9d76227994 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/PhonesFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/PhonesFieldDisplay.perf.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { PhonesFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/PhonesFieldDisplay'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; import { getFieldDecorator } from '~/testing/decorators/getFieldDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/RatingFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/RatingFieldDisplay.perf.stories.tsx index 69189fdc0c..85561f57ad 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/RatingFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/RatingFieldDisplay.perf.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { RatingFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/RatingFieldDisplay'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { getFieldDecorator } from '~/testing/decorators/getFieldDecorator'; import { getProfilingStory } from '~/testing/profiling/utils/getProfilingStory'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/RelationFromManyFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/RelationFromManyFieldDisplay.perf.stories.tsx index 4eb9f3c372..ba1b837954 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/RelationFromManyFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/RelationFromManyFieldDisplay.perf.stories.tsx @@ -12,7 +12,7 @@ import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorato import { getProfilingStory } from '~/testing/profiling/utils/getProfilingStory'; import { type ObjectRecord } from '@/object-record/types/ObjectRecord'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { fieldValue, relationFromManyFieldDisplayMock, diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/RelationToOneFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/RelationToOneFieldDisplay.perf.stories.tsx index 58d6d2e5c0..2860e23a68 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/RelationToOneFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/RelationToOneFieldDisplay.perf.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { RelationToOneFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/RelationToOneFieldDisplay'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { ChipGeneratorsDecorator } from '~/testing/decorators/ChipGeneratorsDecorator'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { getFieldDecorator } from '~/testing/decorators/getFieldDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/SelectFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/SelectFieldDisplay.perf.stories.tsx index 3b53d2b976..28a19c49cb 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/SelectFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/SelectFieldDisplay.perf.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { SelectFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/SelectFieldDisplay'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { getFieldDecorator } from '~/testing/decorators/getFieldDecorator'; import { getProfilingStory } from '~/testing/profiling/utils/getProfilingStory'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/TextFieldDisplay.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/TextFieldDisplay.perf.stories.tsx index a475d06e8d..0f83ae647a 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/TextFieldDisplay.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/__stories__/perf/TextFieldDisplay.perf.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { TextFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/TextFieldDisplay'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { getFieldDecorator } from '~/testing/decorators/getFieldDecorator'; import { getProfilingStory } from '~/testing/profiling/utils/getProfilingStory'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/hooks/useFilteredSelectOptionsFromRLSPredicates.ts b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/hooks/useFilteredSelectOptionsFromRLSPredicates.ts index c1087b5708..f53eefba72 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/hooks/useFilteredSelectOptionsFromRLSPredicates.ts +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/hooks/useFilteredSelectOptionsFromRLSPredicates.ts @@ -8,7 +8,7 @@ import { RowLevelPermissionPredicateOperand, } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { type SelectOption } from 'twenty-ui/input'; +import { type SelectOption } from 'twenty-ui-deprecated/input'; // Predicate values for select fields can be: // - an actual array: ["BIRD", "DOG"] diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/DateFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/DateFieldInput.tsx index 82959f7c6e..a19225deb1 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/DateFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/DateFieldInput.tsx @@ -5,7 +5,7 @@ import { FieldInputEventContext } from '@/object-record/record-field/ui/contexts import { RecordFieldComponentInstanceContext } from '@/object-record/record-field/ui/states/contexts/RecordFieldComponentInstanceContext'; import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/component-state/hooks/useAvailableComponentInstanceIdOrThrow'; import { useContext } from 'react'; -import { type Nullable } from 'twenty-ui/utilities'; +import { type Nullable } from 'twenty-ui-deprecated/utilities'; export const DateFieldInput = () => { const { fieldValue, setDraftValue } = useDateField(); diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/DateTimeFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/DateTimeFieldInput.tsx index 1d7c0e8268..1d3a34a495 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/DateTimeFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/DateTimeFieldInput.tsx @@ -5,7 +5,7 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { isNonEmptyString } from '@sniptt/guards'; import { useContext } from 'react'; import { Temporal } from 'temporal-polyfill'; -import { type Nullable } from 'twenty-ui/utilities'; +import { type Nullable } from 'twenty-ui-deprecated/utilities'; import { useDateTimeField } from '@/object-record/record-field/ui/meta-types/hooks/useDateTimeField'; export const DateTimeFieldInput = () => { diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/FilesFieldMenuItem.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/FilesFieldMenuItem.tsx index cb4a2e875d..3f68a30da1 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/FilesFieldMenuItem.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/FilesFieldMenuItem.tsx @@ -1,7 +1,7 @@ import { FileIcon } from '@/file/components/FileIcon'; import { type FieldFilesValue } from '@/object-record/record-field/ui/types/FieldMetadata'; import { getFileCategoryFromExtension } from '@/object-record/record-field/ui/utils/getFileCategoryFromExtension'; -import { Chip, ChipVariant } from 'twenty-ui/components'; +import { Chip, ChipVariant } from 'twenty-ui-deprecated/components'; import { MultiItemFieldMenuItem } from './MultiItemFieldMenuItem'; type FilesFieldMenuItemProps = { diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MorphRelationManyToOneFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MorphRelationManyToOneFieldInput.tsx index 2bdab5e8b9..355d4b382b 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MorphRelationManyToOneFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MorphRelationManyToOneFieldInput.tsx @@ -15,7 +15,7 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconForbid } from 'twenty-ui/display'; +import { IconForbid } from 'twenty-ui-deprecated/display'; export const MorphRelationManyToOneFieldInput = () => { const { fieldDefinition, recordId } = useContext(FieldContext); diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MultiItemBaseInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MultiItemBaseInput.tsx index 4990d5b5f8..30cd344575 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MultiItemBaseInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MultiItemBaseInput.tsx @@ -6,7 +6,7 @@ import { type ReactNode, } from 'react'; import { useRegisterInputEvents } from '@/object-record/record-field/ui/meta-types/input/hooks/useRegisterInputEvents'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { isDefined } from 'twenty-shared/utils'; import { useCombinedRefs } from '~/hooks/useCombinedRefs'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MultiItemFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MultiItemFieldInput.tsx index 5f2fb98e0b..7e61b0c6d5 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MultiItemFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MultiItemFieldInput.tsx @@ -22,9 +22,9 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { isNonEmptyString } from '@sniptt/guards'; import { CustomError, isDefined } from 'twenty-shared/utils'; -import { IconCheck, IconPlus } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { MenuItem } from 'twenty-ui/navigation'; +import { IconCheck, IconPlus } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; import { FieldMetadataType } from '~/generated-metadata/graphql'; import { moveArrayItem } from '~/utils/array/moveArrayItem'; import { toSpliced } from '~/utils/array/toSpliced'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MultiItemFieldMenuItem.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MultiItemFieldMenuItem.tsx index 7b9dd8fa7f..85a037fec5 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MultiItemFieldMenuItem.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MultiItemFieldMenuItem.tsx @@ -12,8 +12,8 @@ import { IconCopy, IconPencil, IconTrash, -} from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; type MultiItemFieldMenuItemProps = { dropdownId: string; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/PhonesFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/PhonesFieldInput.tsx index 3101a6cf75..052ca2ee51 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/PhonesFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/PhonesFieldInput.tsx @@ -23,7 +23,7 @@ import { PhoneCountryPickerDropdownButton } from '@/ui/input/components/internal import { useContext } from 'react'; import { MULTI_ITEM_FIELD_DEFAULT_MAX_VALUES } from 'twenty-shared/constants'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { FieldMetadataType } from '~/generated-metadata/graphql'; import { stripSimpleQuotesFromString } from '~/utils/string/stripSimpleQuotesFromString'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RawJsonFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RawJsonFieldInput.tsx index e431d5adf8..fe601a6a48 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RawJsonFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RawJsonFieldInput.tsx @@ -9,10 +9,13 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { useLingui } from '@lingui/react/macro'; import { useContext, useRef, useState } from 'react'; import { Key } from 'ts-key-enum'; -import { IconPencil } from 'twenty-ui/display'; -import { CodeEditor, FloatingIconButton } from 'twenty-ui/input'; -import { JsonTree, isTwoFirstDepths } from 'twenty-ui/json-visualizer'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconPencil } from 'twenty-ui-deprecated/display'; +import { CodeEditor, FloatingIconButton } from 'twenty-ui-deprecated/input'; +import { + JsonTree, + isTwoFirstDepths, +} from 'twenty-ui-deprecated/json-visualizer'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; import { useJsonField } from '@/object-record/record-field/ui/meta-types/hooks/useJsonField'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RelationManyToOneFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RelationManyToOneFieldInput.tsx index ef79e910f7..4c7f7e1497 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RelationManyToOneFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RelationManyToOneFieldInput.tsx @@ -18,7 +18,7 @@ import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSe import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; import { CustomError, isDefined } from 'twenty-shared/utils'; -import { IconForbid } from 'twenty-ui/display'; +import { IconForbid } from 'twenty-ui-deprecated/display'; export const RelationManyToOneFieldInput = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RichTextFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RichTextFieldInput.tsx index 752ec6e7e9..07f5571818 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RichTextFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RichTextFieldInput.tsx @@ -12,9 +12,12 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { styled } from '@linaria/react'; import { Suspense, lazy, useContext, useRef } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { IconLayoutSidebarLeftCollapse } from 'twenty-ui/display'; -import { FloatingIconButton } from 'twenty-ui/input'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconLayoutSidebarLeftCollapse } from 'twenty-ui-deprecated/display'; +import { FloatingIconButton } from 'twenty-ui-deprecated/input'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const ActivityRichTextEditor = lazy(() => import('@/activities/components/ActivityRichTextEditor').then((module) => ({ diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/SelectFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/SelectFieldInput.tsx index 8d512599d1..851299e1dc 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/SelectFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/SelectFieldInput.tsx @@ -14,7 +14,7 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { useContext, useState } from 'react'; import { Key } from 'ts-key-enum'; import { isDefined } from 'twenty-shared/utils'; -import { type SelectOption } from 'twenty-ui/input'; +import { type SelectOption } from 'twenty-ui-deprecated/input'; export const SelectFieldInput = () => { const { fieldDefinition, fieldValue } = useSelectField(); diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/__stories__/MultiItemBaseInput.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/__stories__/MultiItemBaseInput.stories.tsx index 81c5eede67..596cc20d10 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/__stories__/MultiItemBaseInput.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/__stories__/MultiItemBaseInput.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { MultiItemBaseInput } from '@/object-record/record-field/ui/meta-types/input/components/MultiItemBaseInput'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; const meta: Meta = { title: 'UI/Data/Field/Input/BaseFieldInput', diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/types/FieldDefinition.ts b/packages/twenty-front/src/modules/object-record/record-field/ui/types/FieldDefinition.ts index aa5e516509..aa1afc3593 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/types/FieldDefinition.ts +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/types/FieldDefinition.ts @@ -1,6 +1,6 @@ import { type FieldMetadataType } from '~/generated-metadata/graphql'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; import { type FieldMetadata } from './FieldMetadata'; export type FieldDefinition = { diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/types/FieldMetadata.ts b/packages/twenty-front/src/modules/object-record/record-field/ui/types/FieldMetadata.ts index 8b0f7dfa70..b07b6cbf87 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/types/FieldMetadata.ts +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/types/FieldMetadata.ts @@ -8,7 +8,7 @@ import { type FieldMetadataMultiItemSettings, type FileCategory, } from 'twenty-shared/types'; -import { type ThemeColor } from 'twenty-ui/theme'; +import { type ThemeColor } from 'twenty-ui-deprecated/theme'; import { z } from 'zod'; import { type RelationType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/types/RecordChipData.ts b/packages/twenty-front/src/modules/object-record/record-field/ui/types/RecordChipData.ts index 74596bde84..5c4434059f 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/types/RecordChipData.ts +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/types/RecordChipData.ts @@ -1,4 +1,4 @@ -import { type AvatarType } from 'twenty-ui/display'; +import { type AvatarType } from 'twenty-ui-deprecated/display'; export type RecordChipData = { recordId: string; name: string; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/utils/getFieldButtonIcon.ts b/packages/twenty-front/src/modules/object-record/record-field/ui/utils/getFieldButtonIcon.ts index 225ee9bcfd..0f7440ede4 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/utils/getFieldButtonIcon.ts +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/utils/getFieldButtonIcon.ts @@ -10,7 +10,7 @@ import { isUndefinedOrNull } from '~/utils/isUndefinedOrNull'; import { isFieldArray } from '@/object-record/record-field/ui/types/guards/isFieldArray'; import { isFieldFiles } from '@/object-record/record-field/ui/types/guards/isFieldFiles'; -import { IconPencil, type IconComponent } from 'twenty-ui/display'; +import { IconPencil, type IconComponent } from 'twenty-ui-deprecated/display'; export const getFieldButtonIcon = ( fieldDefinition: diff --git a/packages/twenty-front/src/modules/object-record/record-group/components/RecordGroupMenuItemDraggable.tsx b/packages/twenty-front/src/modules/object-record/record-group/components/RecordGroupMenuItemDraggable.tsx index 047eff4cc7..147b70d759 100644 --- a/packages/twenty-front/src/modules/object-record/record-group/components/RecordGroupMenuItemDraggable.tsx +++ b/packages/twenty-front/src/modules/object-record/record-group/components/RecordGroupMenuItemDraggable.tsx @@ -6,9 +6,9 @@ import { import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilyStateValue'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { Tag } from 'twenty-ui/components'; -import { IconEye, IconEyeOff } from 'twenty-ui/display'; -import { MenuItemDraggable } from 'twenty-ui/navigation'; +import { Tag } from 'twenty-ui-deprecated/components'; +import { IconEye, IconEyeOff } from 'twenty-ui-deprecated/display'; +import { MenuItemDraggable } from 'twenty-ui-deprecated/navigation'; type RecordGroupMenuItemDraggableProps = { recordGroupId: string; diff --git a/packages/twenty-front/src/modules/object-record/record-group/hooks/useRecordGroupActions.ts b/packages/twenty-front/src/modules/object-record/record-group/hooks/useRecordGroupActions.ts index 1d65ebca16..2855dfffce 100644 --- a/packages/twenty-front/src/modules/object-record/record-group/hooks/useRecordGroupActions.ts +++ b/packages/twenty-front/src/modules/object-record/record-group/hooks/useRecordGroupActions.ts @@ -24,7 +24,7 @@ import { IconArrowRight, IconEyeOff, IconSettings, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; import { PermissionFlagType } from '~/generated-metadata/graphql'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; diff --git a/packages/twenty-front/src/modules/object-record/record-group/types/RecordGroupActions.ts b/packages/twenty-front/src/modules/object-record/record-group/types/RecordGroupActions.ts index 65a9dff018..f1a974d402 100644 --- a/packages/twenty-front/src/modules/object-record/record-group/types/RecordGroupActions.ts +++ b/packages/twenty-front/src/modules/object-record/record-group/types/RecordGroupActions.ts @@ -1,4 +1,4 @@ -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; export type RecordGroupAction = { id: string; diff --git a/packages/twenty-front/src/modules/object-record/record-group/types/RecordGroupDefinition.ts b/packages/twenty-front/src/modules/object-record/record-group/types/RecordGroupDefinition.ts index 1bc290bebc..a03cb4478b 100644 --- a/packages/twenty-front/src/modules/object-record/record-group/types/RecordGroupDefinition.ts +++ b/packages/twenty-front/src/modules/object-record/record-group/types/RecordGroupDefinition.ts @@ -1,4 +1,4 @@ -import { type ThemeColor } from 'twenty-ui/theme'; +import { type ThemeColor } from 'twenty-ui-deprecated/theme'; export const enum RecordGroupDefinitionType { Value = 'value', NoValue = 'no-value', diff --git a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx index d69c373374..0dd9e03024 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx @@ -17,7 +17,7 @@ import { RecordIndexFiltersToContextStoreEffect } from '@/object-record/record-i import { useHasCurrentViewNonReadableFields } from '@/object-record/record-index/hooks/useHasCurrentViewNonReadableFields'; import { ViewBar } from '@/views/components/ViewBar'; import { ViewType } from '@/views/types/ViewType'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexEmptyStateNotShared.tsx b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexEmptyStateNotShared.tsx index 3f03e07c2f..84fc85cbd3 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexEmptyStateNotShared.tsx +++ b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexEmptyStateNotShared.tsx @@ -9,7 +9,7 @@ import { AnimatedPlaceholderEmptySubTitle, AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, -} from 'twenty-ui/layout'; +} from 'twenty-ui-deprecated/layout'; const StyledEmptyPlaceholderOuterContainer = styled.div` height: 100%; diff --git a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageHeader.tsx b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageHeader.tsx index 48241a0386..c151be3551 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageHeader.tsx +++ b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageHeader.tsx @@ -13,7 +13,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledTitleWithSelectedRecords = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageKanbanAddMenuItem.tsx b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageKanbanAddMenuItem.tsx index 4297cdf0b3..dbb2dae20f 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageKanbanAddMenuItem.tsx +++ b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageKanbanAddMenuItem.tsx @@ -3,8 +3,8 @@ import { RecordGroupDefinitionType } from '@/object-record/record-group/types/Re import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilyStateValue'; import { styled } from '@linaria/react'; import { isDefined } from 'twenty-shared/utils'; -import { MenuItem } from 'twenty-ui/navigation'; -import { Tag } from 'twenty-ui/components'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { Tag } from 'twenty-ui-deprecated/components'; const StyledMenuItemContainer = styled.div` width: calc(100% - 2 * var(--horizontal-padding)); diff --git a/packages/twenty-front/src/modules/object-record/record-index/hooks/useOpenRecordFromIndexView.ts b/packages/twenty-front/src/modules/object-record/record-index/hooks/useOpenRecordFromIndexView.ts index d39990c32b..2ee3d420ed 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/hooks/useOpenRecordFromIndexView.ts +++ b/packages/twenty-front/src/modules/object-record/record-index/hooks/useOpenRecordFromIndexView.ts @@ -13,7 +13,7 @@ import { ViewOpenRecordIn } from '~/generated-metadata/graphql'; import { useStore } from 'jotai'; import { useCallback } from 'react'; import { AppPath } from 'twenty-shared/types'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; import { useNavigateApp } from '~/hooks/useNavigateApp'; export const useOpenRecordFromIndexView = () => { diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCell.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCell.tsx index 8b45437e51..4c9c8fed34 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCell.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCell.tsx @@ -20,7 +20,7 @@ import { getDropdownFocusIdForRecordField } from '@/object-record/utils/getDropd import { useGoBackToPreviousDropdownFocusId } from '@/ui/layout/dropdown/hooks/useGoBackToPreviousDropdownFocusId'; import { activeDropdownFocusIdState } from '@/ui/layout/dropdown/states/activeDropdownFocusIdState'; import { useStore } from 'jotai'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui-deprecated/display'; import { RecordInlineCellContainer } from './RecordInlineCellContainer'; import { RecordInlineCellContext, diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellAnchoredPortalContext.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellAnchoredPortalContext.tsx index ff99d68d71..4f305e799e 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellAnchoredPortalContext.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellAnchoredPortalContext.tsx @@ -8,7 +8,7 @@ import { type RecordInlineCellContextProps, } from '@/object-record/record-inline-cell/components/RecordInlineCellContext'; import { useContext, type ReactNode } from 'react'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui-deprecated/display'; type RecordInlineCellAnchoredPortalContextProps = { children: ReactNode; diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx index 62b08f637b..b55959e733 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx @@ -1,6 +1,9 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext'; import { useFieldFocus } from '@/object-record/record-field/ui/hooks/useFieldFocus'; @@ -13,7 +16,7 @@ import { AppTooltip, OverflowingTextWithTooltip, TooltipDelay, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; import { FieldMetadataType } from '~/generated-metadata/graphql'; import { useRecordInlineCellContext } from './RecordInlineCellContext'; diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContext.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContext.tsx index 187cc3a7b0..2e4976b4eb 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContext.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContext.tsx @@ -1,5 +1,5 @@ import { createContext, type ReactElement, useContext } from 'react'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; export type RecordInlineCellContextProps = { readonly?: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellDisplayMode.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellDisplayMode.tsx index e64daaefa5..a0d48d7ae4 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellDisplayMode.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellDisplayMode.tsx @@ -10,7 +10,7 @@ import { import { RecordInlineCellButton } from '@/object-record/record-inline-cell/components/RecordInlineCellEditButton'; import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledRecordInlineCellNormalModeOuterContainer = styled.div< Pick< diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditButton.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditButton.tsx index 621580c83c..32421aebd7 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditButton.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditButton.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; -import { type IconComponent } from 'twenty-ui/display'; -import { FloatingIconButton } from 'twenty-ui/input'; -import { AnimatedContainer } from 'twenty-ui/utilities'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; +import { FloatingIconButton } from 'twenty-ui-deprecated/input'; +import { AnimatedContainer } from 'twenty-ui-deprecated/utilities'; const StyledInlineCellButtonContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellHoveredPortalContent.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellHoveredPortalContent.tsx index eae8e62fec..64691aeeaf 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellHoveredPortalContent.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellHoveredPortalContent.tsx @@ -1,6 +1,6 @@ import { RecordInlineCellHoveredPortal } from '@/object-record/record-inline-cell/components/RecordInlineCellHoveredPortal'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledRecordTableCellHoveredPortalContent = styled.div<{ readonly?: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellSkeletonLoader.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellSkeletonLoader.tsx index 6ef8bdfe08..0dc18142ab 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellSkeletonLoader.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellSkeletonLoader.tsx @@ -2,7 +2,7 @@ import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLoader'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; import { StyledSkeletonDiv } from './RecordInlineCellContainer'; export const RecordInlineCellSkeletonLoader = () => { diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellValue.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellValue.tsx index a2e4e22868..31cfc047fd 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellValue.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellValue.tsx @@ -5,7 +5,7 @@ import { useFieldFocus } from '@/object-record/record-field/ui/hooks/useFieldFoc import { useRecordInlineCellContext } from '@/object-record/record-inline-cell/components/RecordInlineCellContext'; import { RecordInlineCellDisplayMode } from '@/object-record/record-inline-cell/components/RecordInlineCellDisplayMode'; import { RecordInlineCellSkeletonLoader } from '@/object-record/record-inline-cell/components/RecordInlineCellSkeletonLoader'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledClickableContainer = styled.div<{ readonly?: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/property-box/components/PropertyBox.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/property-box/components/PropertyBox.tsx index 1983be89ac..c65a767bd9 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/property-box/components/PropertyBox.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/property-box/components/PropertyBox.tsx @@ -1,6 +1,6 @@ import { useLayoutRenderingContext } from '@/ui/layout/contexts/LayoutRenderingContext'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { PageLayoutType } from '~/generated-metadata/graphql'; interface PropertyBoxProps { diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/property-box/components/PropertyBoxSkeletonLoader.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/property-box/components/PropertyBoxSkeletonLoader.tsx index a4b8ead4c5..f7a28843e5 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/property-box/components/PropertyBoxSkeletonLoader.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/property-box/components/PropertyBoxSkeletonLoader.tsx @@ -2,7 +2,10 @@ import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLo import { styled } from '@linaria/react'; import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledSkeletonDiv = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-merge/components/MergeRecordsContainer.tsx b/packages/twenty-front/src/modules/object-record/record-merge/components/MergeRecordsContainer.tsx index 748214db2b..0ca7a8d12b 100644 --- a/packages/twenty-front/src/modules/object-record/record-merge/components/MergeRecordsContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-merge/components/MergeRecordsContainer.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { ShowPageContainer } from '@/ui/layout/page/components/ShowPageContainer'; import { SidePanelProvider } from '@/ui/layout/side-panel/contexts/SidePanelContext'; diff --git a/packages/twenty-front/src/modules/object-record/record-merge/components/MergeRecordsFooter.tsx b/packages/twenty-front/src/modules/object-record/record-merge/components/MergeRecordsFooter.tsx index bd02997a6d..b58d848e18 100644 --- a/packages/twenty-front/src/modules/object-record/record-merge/components/MergeRecordsFooter.tsx +++ b/packages/twenty-front/src/modules/object-record/record-merge/components/MergeRecordsFooter.tsx @@ -4,9 +4,9 @@ import { useHotkeysOnFocusedElement } from '@/ui/utilities/hotkey/hooks/useHotke import { styled } from '@linaria/react'; import { Key } from 'ts-key-enum'; import { t } from '@lingui/core/macro'; -import { IconArrowMerge } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconArrowMerge } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledFooterContainer = styled.div` align-items: flex-end; diff --git a/packages/twenty-front/src/modules/object-record/record-merge/components/MergeSettingsTab.tsx b/packages/twenty-front/src/modules/object-record/record-merge/components/MergeSettingsTab.tsx index 745317ed09..38e4f2fb8e 100644 --- a/packages/twenty-front/src/modules/object-record/record-merge/components/MergeSettingsTab.tsx +++ b/packages/twenty-front/src/modules/object-record/record-merge/components/MergeSettingsTab.tsx @@ -5,8 +5,8 @@ import { getPositionWordLabel } from '@/object-record/record-merge/utils/getPosi import { Select } from '@/ui/input/components/Select'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { Section } from 'twenty-ui/layout'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Section } from 'twenty-ui-deprecated/layout'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledSectionContainer = styled.div` padding: ${themeCssVariables.spacing[2]}; diff --git a/packages/twenty-front/src/modules/object-record/record-merge/hooks/useMergeRecordsContainerTabs.ts b/packages/twenty-front/src/modules/object-record/record-merge/hooks/useMergeRecordsContainerTabs.ts index 4d47fc4c15..0f10d4f7c4 100644 --- a/packages/twenty-front/src/modules/object-record/record-merge/hooks/useMergeRecordsContainerTabs.ts +++ b/packages/twenty-front/src/modules/object-record/record-merge/hooks/useMergeRecordsContainerTabs.ts @@ -2,7 +2,7 @@ import { useMemo } from 'react'; import { useLingui } from '@lingui/react/macro'; -import { IconArrowMerge, IconSettings } from 'twenty-ui/display'; +import { IconArrowMerge, IconSettings } from 'twenty-ui-deprecated/display'; import { type ObjectRecord } from '@/object-record/types/ObjectRecord'; import { type SingleTabProps } from '@/ui/layout/tab-list/types/SingleTabProps'; diff --git a/packages/twenty-front/src/modules/object-record/record-merge/utils/getPositionNumberIcon.ts b/packages/twenty-front/src/modules/object-record/record-merge/utils/getPositionNumberIcon.ts index e54d115168..9e0a3ebb2d 100644 --- a/packages/twenty-front/src/modules/object-record/record-merge/utils/getPositionNumberIcon.ts +++ b/packages/twenty-front/src/modules/object-record/record-merge/utils/getPositionNumberIcon.ts @@ -9,7 +9,7 @@ import { IconSquareNumber7, IconSquareNumber8, IconSquareNumber9, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; import { type FixedLengthArray } from '@/object-record/record-merge/types/FixedLengthArray'; export const getPositionNumberIcon = (index: number) => { diff --git a/packages/twenty-front/src/modules/object-record/record-picker/components/RecordPickerNoRecordFoundMenuItem.tsx b/packages/twenty-front/src/modules/object-record/record-picker/components/RecordPickerNoRecordFoundMenuItem.tsx index 81e783a874..5a58c9e277 100644 --- a/packages/twenty-front/src/modules/object-record/record-picker/components/RecordPickerNoRecordFoundMenuItem.tsx +++ b/packages/twenty-front/src/modules/object-record/record-picker/components/RecordPickerNoRecordFoundMenuItem.tsx @@ -1,4 +1,4 @@ -import { MenuItem } from 'twenty-ui/navigation'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; import { useLingui } from '@lingui/react/macro'; diff --git a/packages/twenty-front/src/modules/object-record/record-picker/multiple-record-picker/components/MultipleRecordPicker.tsx b/packages/twenty-front/src/modules/object-record/record-picker/multiple-record-picker/components/MultipleRecordPicker.tsx index 1640eb5041..9e910acfb0 100644 --- a/packages/twenty-front/src/modules/object-record/record-picker/multiple-record-picker/components/MultipleRecordPicker.tsx +++ b/packages/twenty-front/src/modules/object-record/record-picker/multiple-record-picker/components/MultipleRecordPicker.tsx @@ -20,7 +20,7 @@ import { useAtomComponentStateCallbackState } from '@/ui/utilities/state/jotai/h import { Key } from 'ts-key-enum'; import { isDefined } from 'twenty-shared/utils'; import { t } from '@lingui/core/macro'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui-deprecated/display'; type MultipleRecordPickerProps = { onChange?: (morphItem: RecordPickerPickableMorphItem) => void; diff --git a/packages/twenty-front/src/modules/object-record/record-picker/multiple-record-picker/components/MultipleRecordPickerFetchMoreLoader.tsx b/packages/twenty-front/src/modules/object-record/record-picker/multiple-record-picker/components/MultipleRecordPickerFetchMoreLoader.tsx index 3e47edd39b..ad4e8b6e68 100644 --- a/packages/twenty-front/src/modules/object-record/record-picker/multiple-record-picker/components/MultipleRecordPickerFetchMoreLoader.tsx +++ b/packages/twenty-front/src/modules/object-record/record-picker/multiple-record-picker/components/MultipleRecordPickerFetchMoreLoader.tsx @@ -18,7 +18,7 @@ import { styled } from '@linaria/react'; import { useCallback } from 'react'; import { useInView } from 'react-intersection-observer'; import { useStore } from 'jotai'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledText = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-picker/multiple-record-picker/components/MultipleRecordPickerMenuItemContent.tsx b/packages/twenty-front/src/modules/object-record/record-picker/multiple-record-picker/components/MultipleRecordPickerMenuItemContent.tsx index bd4cb168b1..d1a34c55af 100644 --- a/packages/twenty-front/src/modules/object-record/record-picker/multiple-record-picker/components/MultipleRecordPickerMenuItemContent.tsx +++ b/packages/twenty-front/src/modules/object-record/record-picker/multiple-record-picker/components/MultipleRecordPickerMenuItemContent.tsx @@ -13,8 +13,8 @@ import { useAtomComponentFamilySelectorValue } from '@/ui/utilities/state/jotai/ import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { capitalize } from 'twenty-shared/utils'; -import { Avatar } from 'twenty-ui/display'; -import { MenuItemMultiSelectAvatar } from 'twenty-ui/navigation'; +import { Avatar } from 'twenty-ui-deprecated/display'; +import { MenuItemMultiSelectAvatar } from 'twenty-ui-deprecated/navigation'; import { multipleRecordPickerSearchableObjectMetadataItemsComponentState } from '@/object-record/record-picker/multiple-record-picker/states/multipleRecordPickerSearchableObjectMetadataItemsComponentState'; import { type SearchRecord } from '~/generated/graphql'; diff --git a/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItem.tsx b/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItem.tsx index cb2f074b10..2f91511bd2 100644 --- a/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItem.tsx +++ b/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItem.tsx @@ -11,8 +11,8 @@ import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAto import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; import { capitalize, isDefined } from 'twenty-shared/utils'; -import { Avatar } from 'twenty-ui/display'; -import { MenuItemSelectAvatar } from 'twenty-ui/navigation'; +import { Avatar } from 'twenty-ui-deprecated/display'; +import { MenuItemSelectAvatar } from 'twenty-ui-deprecated/navigation'; type SingleRecordPickerMenuItemProps = { morphItem: RecordPickerPickableMorphItem; diff --git a/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItems.tsx b/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItems.tsx index 968c8766bd..873eeabb1a 100644 --- a/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItems.tsx +++ b/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItems.tsx @@ -21,8 +21,8 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { useAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useAtomComponentState'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; -import { type IconComponent } from 'twenty-ui/display'; -import { MenuItemSelect } from 'twenty-ui/navigation'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; +import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; export type SingleRecordPickerMenuItemsProps = { EmptyIcon?: IconComponent; diff --git a/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItemsWithSearch.tsx b/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItemsWithSearch.tsx index 0a1acc3b57..aa44e649ad 100644 --- a/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItemsWithSearch.tsx +++ b/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItemsWithSearch.tsx @@ -18,7 +18,7 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { isDefined } from 'twenty-shared/utils'; import { t } from '@lingui/core/macro'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui-deprecated/display'; export type SingleRecordPickerMenuItemsWithSearchProps = { excludedRecordIds?: string[]; diff --git a/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/__stories__/SingleRecordPicker.stories.tsx b/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/__stories__/SingleRecordPicker.stories.tsx index 947ba90d36..809bc675c9 100644 --- a/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/__stories__/SingleRecordPicker.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/__stories__/SingleRecordPicker.stories.tsx @@ -8,8 +8,8 @@ import { graphqlMocks } from '~/testing/graphqlMocks'; import { sleep } from '~/utils/sleep'; import { SingleRecordPicker } from '@/object-record/record-picker/single-record-picker/components/SingleRecordPicker'; -import { IconUserCircle } from 'twenty-ui/display'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { IconUserCircle } from 'twenty-ui-deprecated/display'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; // const records = allMockPersonRecords.map((person) => ({ // id: person.id, diff --git a/packages/twenty-front/src/modules/object-record/record-show/components/ObjectRecordShowPageBreadcrumb.tsx b/packages/twenty-front/src/modules/object-record/record-show/components/ObjectRecordShowPageBreadcrumb.tsx index 5c686ef3ab..f2798d7257 100644 --- a/packages/twenty-front/src/modules/object-record/record-show/components/ObjectRecordShowPageBreadcrumb.tsx +++ b/packages/twenty-front/src/modules/object-record/record-show/components/ObjectRecordShowPageBreadcrumb.tsx @@ -11,7 +11,7 @@ import { RecordTitleCellContainerType } from '@/object-record/record-title-cell/ import { styled } from '@linaria/react'; import { useState } from 'react'; import { FieldMetadataType } from 'twenty-shared/types'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledEditableTitleContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-show/components/PageLayoutRecordPageRenderer.tsx b/packages/twenty-front/src/modules/object-record/record-show/components/PageLayoutRecordPageRenderer.tsx index 01f1326273..2721d8e4d2 100644 --- a/packages/twenty-front/src/modules/object-record/record-show/components/PageLayoutRecordPageRenderer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-show/components/PageLayoutRecordPageRenderer.tsx @@ -15,8 +15,8 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { styled } from '@linaria/react'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { Button } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Button } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { PageLayoutType } from '~/generated-metadata/graphql'; const StyledShowPageBannerContainer = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/record-table-widget/components/RecordTableWidget.tsx b/packages/twenty-front/src/modules/object-record/record-table-widget/components/RecordTableWidget.tsx index 2867d51cea..2bc79bf8aa 100644 --- a/packages/twenty-front/src/modules/object-record/record-table-widget/components/RecordTableWidget.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table-widget/components/RecordTableWidget.tsx @@ -3,7 +3,7 @@ import { useRecordIndexContextOrThrow } from '@/object-record/record-index/conte import { RecordTableWidgetSetReadOnlyColumnHeadersEffect } from '@/object-record/record-table-widget/components/RecordTableWidgetSetReadOnlyColumnHeadersEffect'; import { RecordTableWithWrappers } from '@/object-record/record-table/components/RecordTableWithWrappers'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledTableContainer = styled.div` border: 1px solid ${themeCssVariables.border.color.light}; diff --git a/packages/twenty-front/src/modules/object-record/record-table/__stories__/RecordTable.stories.tsx b/packages/twenty-front/src/modules/object-record/record-table/__stories__/RecordTable.stories.tsx index a5197924ce..37b7727cc0 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/__stories__/RecordTable.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/__stories__/RecordTable.stories.tsx @@ -3,7 +3,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { RecordTableWithWrappers } from '@/object-record/record-table/components/RecordTableWithWrappers'; import { type RecordTableEmptyStateNoGroupNoRecordAtAll } from '@/object-record/record-table/empty-state/components/RecordTableEmptyStateNoGroupNoRecordAtAll'; import { fireEvent, userEvent, within } from 'storybook/test'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { ContextStoreDecorator } from '~/testing/decorators/ContextStoreDecorator'; import { FileUploadDecorator } from '~/testing/decorators/FileUploadDecorator'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/record-table/components/HorizontalScrollBoxShadowCSS.ts b/packages/twenty-front/src/modules/object-record/record-table/components/HorizontalScrollBoxShadowCSS.ts index e19de57414..00256fa710 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/components/HorizontalScrollBoxShadowCSS.ts +++ b/packages/twenty-front/src/modules/object-record/record-table/components/HorizontalScrollBoxShadowCSS.ts @@ -1,5 +1,5 @@ import { RECORD_TABLE_HORIZONTAL_SCROLL_SHADOW_VISIBILITY_CSS_VARIABLE_NAME } from '@/object-record/record-table/constants/RecordTableHorizontalScrollShadowVisibilityCssVariableName'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; export const HorizontalScrollBoxShadowCSS = ` &::after { diff --git a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableNoRecordGroupAddNew.tsx b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableNoRecordGroupAddNew.tsx index 5a18a31b7a..20a12fd546 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableNoRecordGroupAddNew.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableNoRecordGroupAddNew.tsx @@ -13,7 +13,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { t } from '@lingui/core/macro'; import { useCallback } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui-deprecated/display'; export const RecordTableNoRecordGroupAddNew = () => { const { objectMetadataItem } = useRecordTableContextOrThrow(); diff --git a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableScrollAndZIndexEffect.tsx b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableScrollAndZIndexEffect.tsx index 3a342e7412..1a3983d873 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableScrollAndZIndexEffect.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableScrollAndZIndexEffect.tsx @@ -13,7 +13,7 @@ import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSe import { useEffect } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; export const RecordTableScrollAndZIndexEffect = () => { const { recordTableId } = useRecordTableContextOrThrow(); diff --git a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableStyleWrapper.tsx b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableStyleWrapper.tsx index 77e3643340..33d1bc697d 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableStyleWrapper.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableStyleWrapper.tsx @@ -15,7 +15,7 @@ import { TABLE_Z_INDEX } from '@/object-record/record-table/constants/TableZInde import { getRecordTableColumnFieldWidthClassName } from '@/object-record/record-table/utils/getRecordTableColumnFieldWidthClassName'; import { getRecordTableColumnFieldWidthCSSVariableName } from '@/object-record/record-table/utils/getRecordTableColumnFieldWidthCSSVariableName'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; export { HorizontalScrollBoxShadowCSS, VerticalScrollBoxShadowCSS }; diff --git a/packages/twenty-front/src/modules/object-record/record-table/components/VerticalScrollBoxShadowCSS.ts b/packages/twenty-front/src/modules/object-record/record-table/components/VerticalScrollBoxShadowCSS.ts index 16c29dfcc8..64d5f36702 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/components/VerticalScrollBoxShadowCSS.ts +++ b/packages/twenty-front/src/modules/object-record/record-table/components/VerticalScrollBoxShadowCSS.ts @@ -1,5 +1,5 @@ import { RECORD_TABLE_VERTICAL_SCROLL_SHADOW_VISIBILITY_CSS_VARIABLE_NAME } from '@/object-record/record-table/constants/RecordTableVerticalScrollShadowVisibilityCssVariableName'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; export const VerticalScrollBoxShadowCSS = ` &::before { diff --git a/packages/twenty-front/src/modules/object-record/record-table/components/__stories__/perf/RecordTableCell.perf.stories.tsx b/packages/twenty-front/src/modules/object-record/record-table/components/__stories__/perf/RecordTableCell.perf.stories.tsx index c4fe4a5707..3b9032cf87 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/components/__stories__/perf/RecordTableCell.perf.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/components/__stories__/perf/RecordTableCell.perf.stories.tsx @@ -32,7 +32,7 @@ import { RecordTableCellFieldContextWrapper } from '@/object-record/record-table import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentSelectorValue'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSetAtomComponentState'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { getTestEnrichedObjectMetadataItemsMock } from '~/testing/utils/getTestEnrichedObjectMetadataItemsMock'; diff --git a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateDisplay.tsx index 8325cd9eef..c2ccd05158 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateDisplay.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateDisplay.tsx @@ -8,8 +8,8 @@ import { useScrollWrapperHTMLElement } from '@/ui/utilities/scroll/hooks/useScro import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentSelectorValue'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { styled } from '@linaria/react'; -import { type IconComponent } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, @@ -17,7 +17,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, type AnimatedPlaceholderType, -} from 'twenty-ui/layout'; +} from 'twenty-ui-deprecated/layout'; const StyledEmptyPlaceholderOuterContainer = styled.div` height: 100%; diff --git a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoGroupNoRecordAtAll.tsx b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoGroupNoRecordAtAll.tsx index d4bbbd3a7e..68b43beb54 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoGroupNoRecordAtAll.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoGroupNoRecordAtAll.tsx @@ -4,7 +4,7 @@ import { RecordTableEmptyStateDisplay } from '@/object-record/record-table/empty import { getEmptyStateSubTitle } from '@/object-record/record-table/empty-state/utils/getEmptyStateSubTitle'; import { getEmptyStateTitle } from '@/object-record/record-table/empty-state/utils/getEmptyStateTitle'; import { useCreateNewIndexRecord } from '@/object-record/record-table/hooks/useCreateNewIndexRecord'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui-deprecated/display'; export const RecordTableEmptyStateNoGroupNoRecordAtAll = () => { const { objectMetadataItem } = useRecordTableContextOrThrow(); diff --git a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoRecordFoundForFilter.tsx b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoRecordFoundForFilter.tsx index a3bf64821e..1e63f072e3 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoRecordFoundForFilter.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoRecordFoundForFilter.tsx @@ -3,7 +3,7 @@ import { useRecordTableContextOrThrow } from '@/object-record/record-table/conte import { RecordTableEmptyStateDisplay } from '@/object-record/record-table/empty-state/components/RecordTableEmptyStateDisplay'; import { useCreateNewIndexRecord } from '@/object-record/record-table/hooks/useCreateNewIndexRecord'; import { t } from '@lingui/core/macro'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui-deprecated/display'; export const RecordTableEmptyStateNoRecordFoundForFilter = () => { const { objectMetadataItem } = useRecordTableContextOrThrow(); diff --git a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateReadOnly.tsx b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateReadOnly.tsx index 8083e7fa51..18caa7f2c9 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateReadOnly.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateReadOnly.tsx @@ -2,7 +2,7 @@ import { useObjectLabel } from '@/object-metadata/hooks/useObjectLabel'; import { useRecordTableContextOrThrow } from '@/object-record/record-table/contexts/RecordTableContext'; import { RecordTableEmptyStateDisplay } from '@/object-record/record-table/empty-state/components/RecordTableEmptyStateDisplay'; import { t } from '@lingui/core/macro'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui-deprecated/display'; export const RecordTableEmptyStateReadOnly = () => { const { objectMetadataItem } = useRecordTableContextOrThrow(); diff --git a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateRemote.tsx b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateRemote.tsx index 027e486057..d926dfb0f5 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateRemote.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateRemote.tsx @@ -2,7 +2,7 @@ import { RecordTableEmptyStateDisplay } from '@/object-record/record-table/empty-state/components/RecordTableEmptyStateDisplay'; import { t } from '@lingui/core/macro'; import { SettingsPath } from 'twenty-shared/types'; -import { IconSettings } from 'twenty-ui/display'; +import { IconSettings } from 'twenty-ui-deprecated/display'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; export const RecordTableEmptyStateRemote = () => { diff --git a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateSoftDelete.tsx b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateSoftDelete.tsx index 11869c21d7..30f4f3f6f1 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateSoftDelete.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateSoftDelete.tsx @@ -9,7 +9,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { currentRecordFiltersComponentState } from '@/object-record/record-filter/states/currentRecordFiltersComponentState'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconFilterOff } from 'twenty-ui/display'; +import { IconFilterOff } from 'twenty-ui-deprecated/display'; export const RecordTableEmptyStateSoftDelete = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateNoGroupNoRecordAtAll.stories.tsx b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateNoGroupNoRecordAtAll.stories.tsx index 55d609a27e..204ccc23d4 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateNoGroupNoRecordAtAll.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateNoGroupNoRecordAtAll.stories.tsx @@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { RecordTableContextProvider } from '@/object-record/record-table/components/RecordTableContextProvider'; import { RecordTableEmptyStateNoGroupNoRecordAtAll } from '@/object-record/record-table/empty-state/components/RecordTableEmptyStateNoGroupNoRecordAtAll'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { ContextStoreDecorator } from '~/testing/decorators/ContextStoreDecorator'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateNoRecordFoundForFilter.stories.tsx b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateNoRecordFoundForFilter.stories.tsx index 147960206f..2a039ebad6 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateNoRecordFoundForFilter.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateNoRecordFoundForFilter.stories.tsx @@ -3,7 +3,7 @@ import { ScrollWrapperDecorator } from '~/testing/decorators/ScrollWrapperDecora import { RecordTableContextProvider } from '@/object-record/record-table/components/RecordTableContextProvider'; import { RecordTableEmptyStateNoRecordFoundForFilter } from '@/object-record/record-table/empty-state/components/RecordTableEmptyStateNoRecordFoundForFilter'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { ContextStoreDecorator } from '~/testing/decorators/ContextStoreDecorator'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateRemote.stories.tsx b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateRemote.stories.tsx index b5a728dfb8..d0c93e1e25 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateRemote.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateRemote.stories.tsx @@ -3,7 +3,7 @@ import { ScrollWrapperDecorator } from '~/testing/decorators/ScrollWrapperDecora import { RecordTableContextProvider } from '@/object-record/record-table/components/RecordTableContextProvider'; import { RecordTableEmptyStateRemote } from '@/object-record/record-table/empty-state/components/RecordTableEmptyStateRemote'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { ContextStoreDecorator } from '~/testing/decorators/ContextStoreDecorator'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateSoftDelete.stories.tsx b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateSoftDelete.stories.tsx index cb7ac8af33..8390cdf8d7 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateSoftDelete.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/__stories__/RecordTableEmptyStateSoftDelete.stories.tsx @@ -1,7 +1,7 @@ import { RecordTableContextProvider } from '@/object-record/record-table/components/RecordTableContextProvider'; import { RecordTableEmptyStateSoftDelete } from '@/object-record/record-table/empty-state/components/RecordTableEmptyStateSoftDelete'; import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { ContextStoreDecorator } from '~/testing/decorators/ContextStoreDecorator'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-body/components/RecordTableBodyVirtualizedDraggableClone.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-body/components/RecordTableBodyVirtualizedDraggableClone.tsx index b43e62056e..6b9c06eecf 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-body/components/RecordTableBodyVirtualizedDraggableClone.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-body/components/RecordTableBodyVirtualizedDraggableClone.tsx @@ -34,7 +34,10 @@ import { import { styled } from '@linaria/react'; import { useMemo } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + MOBILE_VIEWPORT, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const MAX_COLUMNS = 100; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellBaseContainer.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellBaseContainer.tsx index 79de3b6b5f..dabc8568e8 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellBaseContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellBaseContainer.tsx @@ -8,7 +8,7 @@ import { RecordTableCellContext } from '@/object-record/record-table/contexts/Re import { useRecordTableContextOrThrow } from '@/object-record/record-table/contexts/RecordTableContext'; import { useOpenRecordTableCellFromCell } from '@/object-record/record-table/record-table-cell/hooks/useOpenRecordTableCellFromCell'; import { getRecordTableCellId } from '@/object-record/record-table/utils/getRecordTableCellId'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; const StyledBaseContainer = styled.div<{ fontColorMedium: string; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellButtons.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellButtons.tsx index 9a243f34e6..07e0daff2d 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellButtons.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellButtons.tsx @@ -1,8 +1,11 @@ import { styled } from '@linaria/react'; -import { type IconComponent } from 'twenty-ui/display'; -import { LightIconButtonGroup } from 'twenty-ui/input'; -import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; -import { AnimatedContainer } from 'twenty-ui/utilities'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; +import { LightIconButtonGroup } from 'twenty-ui-deprecated/input'; +import { + MOBILE_VIEWPORT, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; +import { AnimatedContainer } from 'twenty-ui-deprecated/utilities'; const StyledButtonContainer = styled.div` border: 1px solid ${themeCssVariables.border.color.strong}; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellCheckbox.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellCheckbox.tsx index 760c338a86..144b783e54 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellCheckbox.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellCheckbox.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useCallback } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { RECORD_TABLE_COLUMN_CHECKBOX_WIDTH } from '@/object-record/record-table/constants/RecordTableColumnCheckboxWidth'; import { RECORD_TABLE_COLUMN_CHECKBOX_WIDTH_CLASS_NAME } from '@/object-record/record-table/constants/RecordTableColumnCheckboxWidthClassName'; @@ -9,7 +9,7 @@ import { useRecordTableRowContextOrThrow } from '@/object-record/record-table/co import { RecordTableCellStyleWrapper } from '@/object-record/record-table/record-table-cell/components/RecordTableCellStyleWrapper'; import { useSetCurrentRowSelected } from '@/object-record/record-table/record-table-row/hooks/useSetCurrentRowSelected'; import { isDefined } from 'twenty-shared/utils'; -import { Checkbox } from 'twenty-ui/input'; +import { Checkbox } from 'twenty-ui-deprecated/input'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellCheckboxPlaceholder.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellCheckboxPlaceholder.tsx index 1ce388fb73..1026088b41 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellCheckboxPlaceholder.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellCheckboxPlaceholder.tsx @@ -1,12 +1,12 @@ import { styled } from '@linaria/react'; import { RECORD_TABLE_COLUMN_CHECKBOX_WIDTH } from '@/object-record/record-table/constants/RecordTableColumnCheckboxWidth'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { RECORD_TABLE_COLUMN_CHECKBOX_WIDTH_CLASS_NAME } from '@/object-record/record-table/constants/RecordTableColumnCheckboxWidthClassName'; import { RECORD_TABLE_ROW_HEIGHT } from '@/object-record/record-table/constants/RecordTableRowHeight'; import { useRecordTableBodyContextOrThrow } from '@/object-record/record-table/contexts/RecordTableBodyContext'; import { RecordTableCellStyleWrapper } from '@/object-record/record-table/record-table-cell/components/RecordTableCellStyleWrapper'; -import { Checkbox } from 'twenty-ui/input'; +import { Checkbox } from 'twenty-ui-deprecated/input'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx index 3fe442e02d..369fe2bf05 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx @@ -1,7 +1,7 @@ import { t } from '@lingui/core/macro'; import { styled } from '@linaria/react'; import { type Ref } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledOuterContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDragAndDrop.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDragAndDrop.tsx index 4644b26f00..656775a0fa 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDragAndDrop.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDragAndDrop.tsx @@ -1,12 +1,12 @@ import { styled } from '@linaria/react'; import { RECORD_TABLE_COLUMN_DRAG_AND_DROP_WIDTH_CLASS_NAME } from '@/object-record/record-table/constants/RecordTableColumnDragAndDropWidthClassName'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { RECORD_TABLE_ROW_HEIGHT } from '@/object-record/record-table/constants/RecordTableRowHeight'; import { TABLE_Z_INDEX } from '@/object-record/record-table/constants/TableZIndex'; import { useRecordTableRowDraggableContextOrThrow } from '@/object-record/record-table/contexts/RecordTableRowDraggableContext'; import { RecordTableCellStyleWrapper } from '@/object-record/record-table/record-table-cell/components/RecordTableCellStyleWrapper'; -import { IconListViewGrip } from 'twenty-ui/input'; +import { IconListViewGrip } from 'twenty-ui-deprecated/input'; const StyledContainer = styled.div` border-color: transparent; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditButton.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditButton.tsx index b31442109d..37cda79fc3 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditButton.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditButton.tsx @@ -7,7 +7,7 @@ import { useGetSecondaryRecordTableCellButton } from '@/object-record/record-tab import { useOpenRecordTableCellFromCell } from '@/object-record/record-table/record-table-cell/hooks/useOpenRecordTableCellFromCell'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconArrowUpRight, IconPencil } from 'twenty-ui/display'; +import { IconArrowUpRight, IconPencil } from 'twenty-ui-deprecated/display'; export const RecordTableCellEditButton = () => { const { cellPosition } = useContext(RecordTableCellContext); diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellFirstRowFirstColumn.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellFirstRowFirstColumn.tsx index e70b8dcc45..127bafb711 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellFirstRowFirstColumn.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellFirstRowFirstColumn.tsx @@ -4,7 +4,7 @@ import { type DraggableProvidedDragHandleProps } from '@hello-pangea/dnd'; import { cx } from '@linaria/core'; import { styled } from '@linaria/react'; import { useContext, type ReactNode } from 'react'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; const StyledRecordTableTd = styled.div<{ backgroundColor: string; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellFocusedPortalContent.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellFocusedPortalContent.tsx index 83ab668dfc..320bfbbe21 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellFocusedPortalContent.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellFocusedPortalContent.tsx @@ -11,7 +11,7 @@ import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hoo import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { styled } from '@linaria/react'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledRecordTableCellFocusPortalContent = styled.div<{ isRecordTableRowActive: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellHoveredPortalContent.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellHoveredPortalContent.tsx index e4429d1ab8..60a12bd62c 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellHoveredPortalContent.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellHoveredPortalContent.tsx @@ -15,8 +15,8 @@ import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hoo import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; const StyledRecordTableCellHoveredPortalContent = styled.div<{ showInteractiveStyle: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellLoading.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellLoading.tsx index fc994f123e..b75b41b3ab 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellLoading.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellLoading.tsx @@ -1,7 +1,7 @@ import { RecordTableCellStyleWrapper } from '@/object-record/record-table/record-table-cell/components/RecordTableCellStyleWrapper'; import { getRecordTableColumnFieldWidthClassName } from '@/object-record/record-table/utils/getRecordTableColumnFieldWidthClassName'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledStaticCellSkeleton = styled.div` background-color: ${themeCssVariables.background.tertiary}; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellSkeletonLoader.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellSkeletonLoader.tsx index eae1a0a920..6ff12ce008 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellSkeletonLoader.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellSkeletonLoader.tsx @@ -2,7 +2,10 @@ import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLo import { styled } from '@linaria/react'; import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledSkeletonContainer = styled.div` padding-left: ${themeCssVariables.spacing[2]}; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellStyleWrapper.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellStyleWrapper.tsx index 6010329e53..4c413e6305 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellStyleWrapper.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellStyleWrapper.tsx @@ -2,7 +2,7 @@ import { type DraggableProvidedDragHandleProps } from '@hello-pangea/dnd'; import { cx } from '@linaria/core'; import { styled } from '@linaria/react'; import { type ReactNode, useContext } from 'react'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; export const StyledCell = styled.div<{ backgroundColor: string; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableDragAndDropPlaceholderCell.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableDragAndDropPlaceholderCell.tsx index 86edf074b6..d47ae779b8 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableDragAndDropPlaceholderCell.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableDragAndDropPlaceholderCell.tsx @@ -2,7 +2,7 @@ import { RECORD_TABLE_COLUMN_DRAG_AND_DROP_WIDTH_CLASS_NAME } from '@/object-rec import { RECORD_TABLE_ROW_HEIGHT } from '@/object-record/record-table/constants/RecordTableRowHeight'; import { styled } from '@linaria/react'; import { cx } from '@linaria/core'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledPlaceholderDragAndDropCell = styled.div` background-color: ${themeCssVariables.background.primary}; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/hooks/useGetSecondaryRecordTableCellButton.ts b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/hooks/useGetSecondaryRecordTableCellButton.ts index 801d7b3f40..30c35889e9 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/hooks/useGetSecondaryRecordTableCellButton.ts +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/hooks/useGetSecondaryRecordTableCellButton.ts @@ -13,7 +13,11 @@ import { t } from '@lingui/core/macro'; import { useContext } from 'react'; import { FieldMetadataSettingsOnClickAction } from 'twenty-shared/types'; import { ensureAbsoluteUrl, isDefined } from 'twenty-shared/utils'; -import { IconArrowUpRight, IconCopy, IconMail } from 'twenty-ui/display'; +import { + IconArrowUpRight, + IconCopy, + IconMail, +} from 'twenty-ui-deprecated/display'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; export const useGetSecondaryRecordTableCellButton = () => { diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableAggregateFooter.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableAggregateFooter.tsx index 44ec099ec1..075687c792 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableAggregateFooter.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableAggregateFooter.tsx @@ -10,7 +10,7 @@ import { TABLE_Z_INDEX } from '@/object-record/record-table/constants/TableZInde import { useRecordTableContextOrThrow } from '@/object-record/record-table/contexts/RecordTableContext'; import { RecordTableAggregateFooterCell } from '@/object-record/record-table/record-table-footer/components/RecordTableAggregateFooterCell'; import { RecordTableColumnAggregateFooterCellContext } from '@/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterCellContext'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledPlaceholderDragAndDropFooterCell = styled.div` background-color: ${themeCssVariables.background.primary}; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableAggregateFooterCell.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableAggregateFooterCell.tsx index 78ed602035..e6c944fc99 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableAggregateFooterCell.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableAggregateFooterCell.tsx @@ -1,6 +1,9 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + MOBILE_VIEWPORT, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { RECORD_TABLE_CHECKBOX_WIDTH_CSS_VAR, diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateDropdownSubmenuContent.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateDropdownSubmenuContent.tsx index 3eef2d0219..35d1425a46 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateDropdownSubmenuContent.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateDropdownSubmenuContent.tsx @@ -6,7 +6,7 @@ import { DropdownMenuHeader } from '@/ui/layout/dropdown/components/DropdownMenu import { DropdownMenuHeaderLeftComponent } from '@/ui/layout/dropdown/components/DropdownMenuHeader/internal/DropdownMenuHeaderLeftComponent'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { useContext } from 'react'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui-deprecated/display'; export const RecordTableColumnAggregateFooterDropdownSubmenuContent = ({ aggregateOperations, diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterAggregateOperationMenuItems.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterAggregateOperationMenuItems.tsx index c2520043b7..7994a9eada 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterAggregateOperationMenuItems.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterAggregateOperationMenuItems.tsx @@ -6,8 +6,8 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useLingui } from '@lingui/react/macro'; import { type ReactNode, useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconCheck } from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +import { IconCheck } from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; export const RecordTableColumnAggregateFooterAggregateOperationMenuItems = ({ aggregateOperations, diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterMenuContent.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterMenuContent.tsx index 526bc4ab82..9874b25a72 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterMenuContent.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterMenuContent.tsx @@ -10,8 +10,8 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { t } from '@lingui/core/macro'; import { useContext, useMemo } from 'react'; import { isDefined, isFieldMetadataDateKind } from 'twenty-shared/utils'; -import { IconCheck } from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +import { IconCheck } from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; import { FieldMetadataType } from '~/generated-metadata/graphql'; export const RecordTableColumnAggregateFooterMenuContent = () => { diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterValue.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterValue.tsx index e14ce49963..7f2cc1a899 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterValue.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterValue.tsx @@ -2,9 +2,9 @@ import { RECORD_TABLE_ROW_HEIGHT } from '@/object-record/record-table/constants/ import { useAggregateRecordsForRecordTableColumnFooter } from '@/object-record/record-table/record-table-footer/hooks/useAggregateRecordsForRecordTableColumnFooter'; import { styled } from '@linaria/react'; import { Trans } from '@lingui/react/macro'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { isDefined } from 'twenty-shared/utils'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui-deprecated/display'; const StyledText = styled.span` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterValueCell.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterValueCell.tsx index a30d25b706..4540366834 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterValueCell.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterValueCell.tsx @@ -10,8 +10,11 @@ import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; -import { IconChevronDown } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconChevronDown } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledCell = styled.div<{ isUnfolded: boolean; isFirstCell: boolean }>` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHead.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHead.tsx index e6090427ee..0baed33848 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHead.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHead.tsx @@ -7,12 +7,12 @@ import { type RecordField } from '@/object-record/record-field/types/RecordField import { shouldCompactRecordTableFirstColumnComponentState } from '@/object-record/record-table/states/shouldCompactRecordTableFirstColumnComponentState'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useAtomFamilySelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilySelectorValue'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui-deprecated/display'; import { MOBILE_VIEWPORT, ThemeContext, themeCssVariables, -} from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/theme-constants'; const StyledTitle = styled.div<{ hideTitle?: boolean }>` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHeadDropdownMenu.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHeadDropdownMenu.tsx index d4377a1814..5b287ac19d 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHeadDropdownMenu.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHeadDropdownMenu.tsx @@ -13,7 +13,7 @@ import { DropdownContent } from '@/ui/layout/dropdown/components/DropdownContent import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useToggleScrollWrapper } from '@/ui/utilities/scroll/hooks/useToggleScrollWrapper'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { useLingui } from '@lingui/react/macro'; import { useAtomFamilySelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilySelectorValue'; import { @@ -22,8 +22,8 @@ import { IconEyeOff, IconFilter, IconSortDescending, -} from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; export type RecordTableColumnHeadDropdownMenuProps = { recordField: RecordField; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderAddColumnButton.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderAddColumnButton.tsx index 056469978f..625f407fdb 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderAddColumnButton.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderAddColumnButton.tsx @@ -18,8 +18,11 @@ import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { cx } from '@linaria/core'; import { useContext } from 'react'; -import { IconPlus } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconPlus } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledPlusIconHeaderCell = styled.div<{ shouldDisplayBorderBottom: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderCellContainer.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderCellContainer.tsx index b842a78b33..edbb4aeefb 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderCellContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderCellContainer.tsx @@ -1,6 +1,6 @@ import { RECORD_TABLE_ROW_HEIGHT } from '@/object-record/record-table/constants/RecordTableRowHeight'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledHeaderCell = styled.div<{ zIndex?: number; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderCheckboxColumn.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderCheckboxColumn.tsx index 25f1cf043d..5cf2afd538 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderCheckboxColumn.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderCheckboxColumn.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { recordIndexAllRecordIdsComponentSelector } from '@/object-record/record-index/states/selectors/recordIndexAllRecordIdsComponentSelector'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { RECORD_TABLE_COLUMN_CHECKBOX_WIDTH } from '@/object-record/record-table/constants/RecordTableColumnCheckboxWidth'; import { RECORD_TABLE_COLUMN_CHECKBOX_WIDTH_CLASS_NAME } from '@/object-record/record-table/constants/RecordTableColumnCheckboxWidthClassName'; @@ -14,7 +14,7 @@ import { allRowsSelectedStatusComponentSelector } from '@/object-record/record-t import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentSelectorValue'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { cx } from '@linaria/core'; -import { Checkbox } from 'twenty-ui/input'; +import { Checkbox } from 'twenty-ui-deprecated/input'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderDragDropColumn.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderDragDropColumn.tsx index d370ae5a52..227862add0 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderDragDropColumn.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderDragDropColumn.tsx @@ -12,7 +12,10 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { styled } from '@linaria/react'; import { cx } from '@linaria/core'; import { useContext } from 'react'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledDragDropHeaderCell = styled.div<{ shouldDisplayBorderBottom: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderEmptyLastColumn.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderEmptyLastColumn.tsx index 6cd38732dc..bd91d5ab0c 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderEmptyLastColumn.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderEmptyLastColumn.tsx @@ -11,7 +11,7 @@ import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { cx } from '@linaria/core'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledEmptyHeaderCell = styled.div<{ shouldDisplayBorderBottom: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderLabelIdentifierCellPlusButton.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderLabelIdentifierCellPlusButton.tsx index b534f34b3b..9aa5b3b9e8 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderLabelIdentifierCellPlusButton.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderLabelIdentifierCellPlusButton.tsx @@ -7,10 +7,10 @@ import { isRecordTableCreateDisabled } from '@/object-record/record-table/utils/ import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentSelectorValue'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { styled } from '@linaria/react'; -import { IconPlus } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { LightIconButton } from 'twenty-ui/input'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { IconPlus } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; const StyledHeaderIcon = styled.div` margin: ${themeCssVariables.spacing[1]} ${themeCssVariables.spacing[1]} diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderLastEmptyColumn.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderLastEmptyColumn.tsx index 9bcb6841aa..3efa68a445 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderLastEmptyColumn.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderLastEmptyColumn.tsx @@ -10,7 +10,7 @@ import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { styled } from '@linaria/react'; import { cx } from '@linaria/core'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledLastColumnHeader = styled.div<{ shouldDisplayBorderBottom: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderPlusButtonContent.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderPlusButtonContent.tsx index 0e13efa125..ed72260197 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderPlusButtonContent.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderPlusButtonContent.tsx @@ -17,8 +17,8 @@ import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomStat import { useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconSettings, useIcons } from 'twenty-ui/display'; -import { MenuItem, UndecoratedLink } from 'twenty-ui/navigation'; +import { IconSettings, useIcons } from 'twenty-ui-deprecated/display'; +import { MenuItem, UndecoratedLink } from 'twenty-ui-deprecated/navigation'; export const RecordTableHeaderPlusButtonContent = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderResizeHandler.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderResizeHandler.tsx index 73903edcc7..c3bd6bfbe5 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderResizeHandler.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderResizeHandler.tsx @@ -4,8 +4,8 @@ import { resizedFieldMetadataIdComponentState } from '@/object-record/record-tab import { useDragSelect } from '@/ui/utilities/drag-select/hooks/useDragSelect'; import { useAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useAtomComponentState'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; const StyledResizeHandler = styled.div<{ isResizing: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableActionRow.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableActionRow.tsx index ab60a04fe6..97d2af3207 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableActionRow.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableActionRow.tsx @@ -16,9 +16,12 @@ import { findByProperty, sumByProperty, } from 'twenty-shared/utils'; -import { type IconComponent } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; const StyledFieldPlaceholderCell = styled.div<{ widthOfFields: number }>` height: ${RECORD_TABLE_ROW_HEIGHT}px; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableDraggableTr.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableDraggableTr.tsx index 5cb4fae6b9..70a3b3fe18 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableDraggableTr.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableDraggableTr.tsx @@ -1,6 +1,6 @@ import { Draggable } from '@hello-pangea/dnd'; import { type ReactNode, useContext } from 'react'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; import { RecordTableRowDraggableContextProvider } from '@/object-record/record-table/contexts/RecordTableRowDraggableContext'; import { RecordTableRowMultiDragPreview } from '@/object-record/record-table/record-table-row/components/RecordTableRowMultiDragPreview'; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowDiv.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowDiv.tsx index 83e17dd44e..54329c70fe 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowDiv.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowDiv.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledTr = styled.div<{ isDragging: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowMultiDragCounterChip.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowMultiDragCounterChip.tsx index fad9578d91..c56d854ae4 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowMultiDragCounterChip.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowMultiDragCounterChip.tsx @@ -1,7 +1,7 @@ import { originalDragSelectionComponentState } from '@/object-record/record-drag/states/originalDragSelectionComponentState'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { styled } from '@linaria/react'; -import { NotificationCounter } from 'twenty-ui/navigation'; +import { NotificationCounter } from 'twenty-ui-deprecated/navigation'; const StyledNotificationCounterContainer = styled.div` left: -7px; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSection.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSection.tsx index 8f778ab6e8..7b26065103 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSection.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSection.tsx @@ -1,6 +1,9 @@ import { styled } from '@linaria/react'; import { useCallback, useContext } from 'react'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { RecordBoardColumnHeaderAggregateDropdown } from '@/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdown'; import { visibleRecordFieldsComponentSelector } from '@/object-record/record-field/states/visibleRecordFieldsComponentSelector'; @@ -34,10 +37,10 @@ import { isDefined, sumByProperty, } from 'twenty-shared/utils'; -import { Tag } from 'twenty-ui/components'; -import { IconChevronDown } from 'twenty-ui/display'; -import { AnimatedLightIconButton } from 'twenty-ui/input'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { Tag } from 'twenty-ui-deprecated/components'; +import { IconChevronDown } from 'twenty-ui-deprecated/display'; +import { AnimatedLightIconButton } from 'twenty-ui-deprecated/input'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; const StyledTrContainer = styled.div` cursor: pointer; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSectionAddNew.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSectionAddNew.tsx index ce1b1369a0..ecf5538d90 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSectionAddNew.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSectionAddNew.tsx @@ -9,7 +9,7 @@ import { isRecordTableCreateDisabled } from '@/object-record/record-table/utils/ import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilyStateValue'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { t } from '@lingui/core/macro'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui-deprecated/display'; export const RecordTableRecordGroupSectionAddNew = () => { const { objectMetadataItem } = useRecordTableContextOrThrow(); diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSectionLoadMore.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSectionLoadMore.tsx index f10488ec70..cc75d455c4 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSectionLoadMore.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSectionLoadMore.tsx @@ -5,7 +5,7 @@ import { useRecordTableContextOrThrow } from '@/object-record/record-table/conte import { RecordTableActionRow } from '@/object-record/record-table/record-table-row/components/RecordTableActionRow'; import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; import { t } from '@lingui/core/macro'; -import { IconArrowDown } from 'twenty-ui/display'; +import { IconArrowDown } from 'twenty-ui-deprecated/display'; export const RecordTableRecordGroupSectionLoadMore = () => { const { objectNameSingular } = useRecordTableContextOrThrow(); diff --git a/packages/twenty-front/src/modules/object-record/record-table/virtualization/components/RecordTableRowVirtualizedDebugRowHelper.tsx b/packages/twenty-front/src/modules/object-record/record-table/virtualization/components/RecordTableRowVirtualizedDebugRowHelper.tsx index f1af6a6fa6..bf4fdca392 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/virtualization/components/RecordTableRowVirtualizedDebugRowHelper.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/virtualization/components/RecordTableRowVirtualizedDebugRowHelper.tsx @@ -12,7 +12,7 @@ import { useAtomComponentFamilySelectorValue } from '@/ui/utilities/state/jotai/ import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; import { styled } from '@linaria/react'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledDebugRow = styled.div` background-color: ${themeCssVariables.color.gray3}; diff --git a/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleCellTextFieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleCellTextFieldDisplay.tsx index 22a2aba844..c39fc45198 100644 --- a/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleCellTextFieldDisplay.tsx +++ b/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleCellTextFieldDisplay.tsx @@ -8,8 +8,8 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { OverflowingTextWithTooltip } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledDiv = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleCellUuidFieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleCellUuidFieldDisplay.tsx index 9e98d695a3..9ed70fb86f 100644 --- a/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleCellUuidFieldDisplay.tsx +++ b/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleCellUuidFieldDisplay.tsx @@ -4,8 +4,8 @@ import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAto import { type RecordTitleCellContainerType } from '@/object-record/record-title-cell/types/RecordTitleCellContainerType'; import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { OverflowingTextWithTooltip } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledDiv = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleDoubleTextInput.tsx b/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleDoubleTextInput.tsx index 76099fbeab..2ec2a59da4 100644 --- a/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleDoubleTextInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleDoubleTextInput.tsx @@ -9,7 +9,7 @@ import { useHotkeysOnFocusedElement } from '@/ui/utilities/hotkey/hooks/useHotke import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside'; import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/component-state/hooks/useAvailableComponentInstanceIdOrThrow'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { splitFullName } from '~/utils/format/spiltFullName'; import { turnIntoEmptyStringIfWhitespacesOnly } from '~/utils/string/turnIntoEmptyStringIfWhitespacesOnly'; diff --git a/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleFullNameFieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleFullNameFieldDisplay.tsx index af65146540..d974601379 100644 --- a/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleFullNameFieldDisplay.tsx +++ b/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleFullNameFieldDisplay.tsx @@ -8,8 +8,8 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { useContext } from 'react'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { OverflowingTextWithTooltip } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledDiv = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-update-multiple/components/UpdateMultipleRecordsContainer.tsx b/packages/twenty-front/src/modules/object-record/record-update-multiple/components/UpdateMultipleRecordsContainer.tsx index 37ed6391db..ffe9895ff6 100644 --- a/packages/twenty-front/src/modules/object-record/record-update-multiple/components/UpdateMultipleRecordsContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-update-multiple/components/UpdateMultipleRecordsContainer.tsx @@ -12,7 +12,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const UPDATE_MULTIPLE_RECORDS_CONFIRMATION_MODAL_ID = 'update-multiple-records-confirmation'; diff --git a/packages/twenty-front/src/modules/object-record/record-update-multiple/components/UpdateMultipleRecordsFooter.tsx b/packages/twenty-front/src/modules/object-record/record-update-multiple/components/UpdateMultipleRecordsFooter.tsx index 0bcc5a99f8..51a7954d00 100644 --- a/packages/twenty-front/src/modules/object-record/record-update-multiple/components/UpdateMultipleRecordsFooter.tsx +++ b/packages/twenty-front/src/modules/object-record/record-update-multiple/components/UpdateMultipleRecordsFooter.tsx @@ -4,11 +4,11 @@ import { type ObjectRecordQueryProgress } from '@/object-record/types/ObjectReco import { useHotkeysOnFocusedElement } from '@/ui/utilities/hotkey/hooks/useHotkeysOnFocusedElement'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { Key } from 'ts-key-enum'; -import { IconBoxMultiple } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; +import { IconBoxMultiple } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; const StyledFooterContainer = styled.div` align-items: flex-end; diff --git a/packages/twenty-front/src/modules/object-record/record-update-multiple/components/UpdateMultipleRecordsForm.tsx b/packages/twenty-front/src/modules/object-record/record-update-multiple/components/UpdateMultipleRecordsForm.tsx index 48fa94c369..9c83b2d01e 100644 --- a/packages/twenty-front/src/modules/object-record/record-update-multiple/components/UpdateMultipleRecordsForm.tsx +++ b/packages/twenty-front/src/modules/object-record/record-update-multiple/components/UpdateMultipleRecordsForm.tsx @@ -8,8 +8,8 @@ import { shouldDisplayFormMultiEditField } from '@/object-record/record-update-m import { styled } from '@linaria/react'; import { FieldMetadataType } from 'twenty-shared/types'; import { computeRelationGqlFieldJoinColumnName } from 'twenty-shared/utils'; -import { Section } from 'twenty-ui/layout'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Section } from 'twenty-ui-deprecated/layout'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledSectionContainer = styled.div` > * { diff --git a/packages/twenty-front/src/modules/object-record/select/components/MultipleSelectDropdown.tsx b/packages/twenty-front/src/modules/object-record/select/components/MultipleSelectDropdown.tsx index c787eb462a..ed356629bf 100644 --- a/packages/twenty-front/src/modules/object-record/select/components/MultipleSelectDropdown.tsx +++ b/packages/twenty-front/src/modules/object-record/select/components/MultipleSelectDropdown.tsx @@ -11,8 +11,11 @@ import { selectedItemIdComponentState } from '@/ui/layout/selectable-list/states import { useHotkeysOnFocusedElement } from '@/ui/utilities/hotkey/hooks/useHotkeysOnFocusedElement'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { t } from '@lingui/core/macro'; -import { Avatar } from 'twenty-ui/display'; -import { MenuItem, MenuItemMultiSelectAvatar } from 'twenty-ui/navigation'; +import { Avatar } from 'twenty-ui-deprecated/display'; +import { + MenuItem, + MenuItemMultiSelectAvatar, +} from 'twenty-ui-deprecated/navigation'; export const MultipleSelectDropdown = ({ selectableListId, diff --git a/packages/twenty-front/src/modules/object-record/select/types/SelectableItem.ts b/packages/twenty-front/src/modules/object-record/select/types/SelectableItem.ts index ae25b496f8..cfc881f044 100644 --- a/packages/twenty-front/src/modules/object-record/select/types/SelectableItem.ts +++ b/packages/twenty-front/src/modules/object-record/select/types/SelectableItem.ts @@ -1,4 +1,7 @@ -import { type AvatarType, type IconComponent } from 'twenty-ui/display'; +import { + type AvatarType, + type IconComponent, +} from 'twenty-ui-deprecated/display'; export type SelectableItem = T & { id: string; diff --git a/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/__tests__/useBuildSpreadSheetImportFields.test.tsx b/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/__tests__/useBuildSpreadSheetImportFields.test.tsx index fe967e1137..056dc9d389 100644 --- a/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/__tests__/useBuildSpreadSheetImportFields.test.tsx +++ b/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/__tests__/useBuildSpreadSheetImportFields.test.tsx @@ -1,7 +1,7 @@ import { renderHook } from '@testing-library/react'; import { Provider as JotaiProvider } from 'jotai'; import { type ReactNode } from 'react'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui-deprecated/display'; import { JestObjectMetadataItemSetter } from '~/testing/jest/JestObjectMetadataItemSetter'; import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore'; @@ -20,7 +20,7 @@ const Wrapper = ({ children }: { children: ReactNode }) => { ); }; -jest.mock('twenty-ui/display', () => ({ +jest.mock('twenty-ui-deprecated/display', () => ({ useIcons: jest.fn(), })); diff --git a/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/useBuildSpreadSheetImportFields.ts b/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/useBuildSpreadSheetImportFields.ts index ec40839fa6..60ee561dc6 100644 --- a/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/useBuildSpreadSheetImportFields.ts +++ b/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/useBuildSpreadSheetImportFields.ts @@ -20,7 +20,7 @@ import { getUniqueConstraintsFields, isDefined, } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui-deprecated/display'; import { FieldMetadataType, RelationType } from '~/generated-metadata/graphql'; export const useBuildSpreadsheetImportFields = () => { diff --git a/packages/twenty-front/src/modules/object-record/types/ObjectRecordIdentifier.ts b/packages/twenty-front/src/modules/object-record/types/ObjectRecordIdentifier.ts index 8d0ed0be79..d71b9824d2 100644 --- a/packages/twenty-front/src/modules/object-record/types/ObjectRecordIdentifier.ts +++ b/packages/twenty-front/src/modules/object-record/types/ObjectRecordIdentifier.ts @@ -1,4 +1,4 @@ -import { type AvatarType } from 'twenty-ui/display'; +import { type AvatarType } from 'twenty-ui-deprecated/display'; export type ObjectRecordIdentifier = { id: string; name: string; diff --git a/packages/twenty-front/src/modules/onboarding/components/OnboardingModalCircularIcon.tsx b/packages/twenty-front/src/modules/onboarding/components/OnboardingModalCircularIcon.tsx index e57b829147..e7eeebb251 100644 --- a/packages/twenty-front/src/modules/onboarding/components/OnboardingModalCircularIcon.tsx +++ b/packages/twenty-front/src/modules/onboarding/components/OnboardingModalCircularIcon.tsx @@ -1,7 +1,10 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { type IconComponent } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { type IconComponent } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledCheckContainer = styled.div<{ color: string }>` align-items: center; diff --git a/packages/twenty-front/src/modules/onboarding/components/OnboardingSyncEmailsSettingsCard.tsx b/packages/twenty-front/src/modules/onboarding/components/OnboardingSyncEmailsSettingsCard.tsx index b124404da8..7a6cb9d412 100644 --- a/packages/twenty-front/src/modules/onboarding/components/OnboardingSyncEmailsSettingsCard.tsx +++ b/packages/twenty-front/src/modules/onboarding/components/OnboardingSyncEmailsSettingsCard.tsx @@ -2,7 +2,7 @@ import { ONBOARDING_SYNC_EMAILS_OPTIONS } from '@/onboarding/constants/Onboardin import { SettingsAccountsRadioSettingsCard } from '@/settings/accounts/components/SettingsAccountsRadioSettingsCard'; import { SettingsAccountsVisibilityIcon } from '@/settings/accounts/components/SettingsAccountsVisibilityIcon'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { MessageChannelVisibility } from '~/generated/graphql'; type OnboardingSyncEmailsSettingsCardProps = { diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridLayout.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridLayout.tsx index 8d680f84c9..ca74f87d20 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridLayout.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridLayout.tsx @@ -40,7 +40,7 @@ import { WidthProvider, } from 'react-grid-layout'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const disabledTransitionsClass = css` .react-grid-layout { diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridOverlay.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridOverlay.tsx index db9e35af7c..f20b76fc2d 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridOverlay.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridOverlay.tsx @@ -11,7 +11,7 @@ import { activeTabIdComponentState } from '@/ui/layout/tab-list/states/activeTab import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { styled } from '@linaria/react'; import { useMemo } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledGridOverlay = styled.div<{ isDragSelecting?: boolean; diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridResizeHandle.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridResizeHandle.tsx index 2cdf9c7723..ff13dbe570 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridResizeHandle.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridResizeHandle.tsx @@ -5,8 +5,11 @@ import { IconRadiusBottomRight, IconRadiusTopLeft, IconRadiusTopRight, -} from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; type WidgetHandleAxis = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw'; type WidgetHorizontalHandleAxis = 'n' | 's'; type WidgetVerticalHandleAxis = 'e' | 'w'; diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutLeftPanel.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutLeftPanel.tsx index b3bf87fefa..3be40b65b2 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutLeftPanel.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutLeftPanel.tsx @@ -9,7 +9,7 @@ import { useTargetRecord } from '@/ui/layout/contexts/useTargetRecord'; import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper'; import { styled } from '@linaria/react'; import { PageLayoutType } from '~/generated-metadata/graphql'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` background: ${themeCssVariables.background.secondary}; diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabList.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabList.tsx index 7205b5595e..dd41aac82d 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabList.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabList.tsx @@ -10,8 +10,8 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useCallback, useMemo } from 'react'; import { useNavigate } from 'react-router-dom'; -import { IconPlus, useIcons } from 'twenty-ui/display'; -import { TabButton } from 'twenty-ui/input'; +import { IconPlus, useIcons } from 'twenty-ui-deprecated/display'; +import { TabButton } from 'twenty-ui-deprecated/input'; import { isPageLayoutTabDraggingComponentState } from '@/page-layout/states/isPageLayoutTabDraggingComponentState'; import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; @@ -48,7 +48,7 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { SidePanelPages } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { type PageLayoutType } from '~/generated-metadata/graphql'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListDroppableMoreButton.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListDroppableMoreButton.tsx index b700d4500f..4b16fd9cb5 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListDroppableMoreButton.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListDroppableMoreButton.tsx @@ -3,7 +3,7 @@ import { Droppable } from '@hello-pangea/dnd'; import { PAGE_LAYOUT_TAB_LIST_DROPPABLE_IDS } from '@/page-layout/components/PageLayoutTabListDroppableIds'; import { TabMoreButton } from '@/ui/layout/tab-list/components/TabMoreButton'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type PageLayoutTabListDroppableMoreButtonProps = { hiddenTabsCount: number; diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListNewTabDropdownContent.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListNewTabDropdownContent.tsx index 402a61bd9a..d1adb936fd 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListNewTabDropdownContent.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListNewTabDropdownContent.tsx @@ -16,8 +16,8 @@ import { useLingui } from '@lingui/react/macro'; import { useCallback, useMemo } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconPlus, useIcons } from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +import { IconPlus, useIcons } from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; type PageLayoutTabListNewTabDropdownContentProps = { onCreate: () => void; diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListReorderableOverflowDropdown.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListReorderableOverflowDropdown.tsx index 05ddbd3eb9..d569873ebd 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListReorderableOverflowDropdown.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListReorderableOverflowDropdown.tsx @@ -28,7 +28,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSetAtomComponentState'; import { useContext } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; import { type PageLayoutType } from '~/generated-metadata/graphql'; const StyledOverflowDropdownListDraggableWrapper = styled.div` diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListReorderableTab.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListReorderableTab.tsx index 548c5bd951..27492d82f6 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListReorderableTab.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListReorderableTab.tsx @@ -4,8 +4,8 @@ import { pageLayoutTabSettingsOpenTabIdComponentState } from '@/page-layout/stat import { type SingleTabProps } from '@/ui/layout/tab-list/types/SingleTabProps'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { styled } from '@linaria/react'; -import { StyledTabContainer, TabContent } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { StyledTabContainer, TabContent } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type PageLayoutTabListReorderableTabProps = { tab: SingleTabProps; diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListVisibleTabs.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListVisibleTabs.tsx index 4d4184cd4f..730581dcab 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListVisibleTabs.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListVisibleTabs.tsx @@ -5,7 +5,7 @@ import { type DraggableStateSnapshot, Droppable, } from '@hello-pangea/dnd'; -import { TabButton } from 'twenty-ui/input'; +import { TabButton } from 'twenty-ui-deprecated/input'; import { TAB_LIST_GAP } from '@/ui/layout/tab-list/constants/TabListGap'; import { type SingleTabProps } from '@/ui/layout/tab-list/types/SingleTabProps'; diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabMenuItemSelectAvatar.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabMenuItemSelectAvatar.tsx index eff6a12ae8..5d7b81d179 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabMenuItemSelectAvatar.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabMenuItemSelectAvatar.tsx @@ -3,15 +3,18 @@ import { type MouseEvent, useContext, useState } from 'react'; import { TabAvatar } from '@/ui/layout/tab-list/components/TabAvatar'; import { type SingleTabProps } from '@/ui/layout/tab-list/types/SingleTabProps'; -import { IconPencil } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; +import { IconPencil } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; import { StyledHoverableMenuItemBase, StyledMenuItemIconCheck, StyledMenuItemLabel, StyledMenuItemLeftContent, -} from 'twenty-ui/navigation'; -import { themeCssVariables, ThemeContext } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/navigation'; +import { + themeCssVariables, + ThemeContext, +} from 'twenty-ui-deprecated/theme-constants'; const StyledTextContainer = styled.div` align-items: center; display: flex; diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabRenderClone.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabRenderClone.tsx index 59e8080b28..0294d5f735 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabRenderClone.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabRenderClone.tsx @@ -8,9 +8,9 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { type DraggableProvided } from '@hello-pangea/dnd'; import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { StyledTabContainer, TabContent } from 'twenty-ui/input'; -import { MenuItemSelectAvatar } from 'twenty-ui/navigation'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { StyledTabContainer, TabContent } from 'twenty-ui-deprecated/input'; +import { MenuItemSelectAvatar } from 'twenty-ui-deprecated/navigation'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; const StyledDraggableWrapper = styled.div` cursor: grab; display: flex; diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabsRenderer.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabsRenderer.tsx index c6c475f1b6..ddc8f47b02 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabsRenderer.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabsRenderer.tsx @@ -27,7 +27,7 @@ import { styled } from '@linaria/react'; import { useMemo } from 'react'; import { FieldMetadataType } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; const StyledContainer = styled.div<{ hasPinnedTab: boolean }>` display: grid; diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutVerticalListEditor.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutVerticalListEditor.tsx index 563f66bcaa..597cbcbe9f 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutVerticalListEditor.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutVerticalListEditor.tsx @@ -14,8 +14,8 @@ import { } from '@hello-pangea/dnd'; import { styled } from '@linaria/react'; import { type ReactNode, useId } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; const StyledVerticalListContainer = styled.div<{ variant: PageLayoutVerticalListViewerVariant; diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutVerticalListViewer.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutVerticalListViewer.tsx index 809b7d9661..86e7047022 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutVerticalListViewer.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutVerticalListViewer.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; import { getPageLayoutVerticalListViewerVariant } from '@/page-layout/components/utils/getPageLayoutVerticalListViewerVariant'; import { type PageLayoutVerticalListViewerVariant } from '@/page-layout/types/PageLayoutVerticalListViewerVariant'; @@ -7,7 +7,7 @@ import { type PageLayoutWidget } from '@/page-layout/types/PageLayoutWidget'; import { WidgetRenderer } from '@/page-layout/widgets/components/WidgetRenderer'; import { useIsInPinnedTab } from '@/page-layout/widgets/hooks/useIsInPinnedTab'; import { useLayoutRenderingContext } from '@/ui/layout/contexts/LayoutRenderingContext'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledVerticalListContainer = styled.div<{ variant: PageLayoutVerticalListViewerVariant; diff --git a/packages/twenty-front/src/modules/page-layout/components/__stories__/PageLayoutTabList.stories.tsx b/packages/twenty-front/src/modules/page-layout/components/__stories__/PageLayoutTabList.stories.tsx index 245bf2d65f..8ceb63df70 100644 --- a/packages/twenty-front/src/modules/page-layout/components/__stories__/PageLayoutTabList.stories.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/__stories__/PageLayoutTabList.stories.tsx @@ -2,7 +2,7 @@ import { type DropResult, type ResponderProvided } from '@hello-pangea/dnd'; import { styled } from '@linaria/react'; import type { Meta, StoryObj } from '@storybook/react-vite'; import { useMemo, useState } from 'react'; -import { ComponentWithRouterDecorator } from 'twenty-ui/testing'; +import { ComponentWithRouterDecorator } from 'twenty-ui-deprecated/testing'; import { PageLayoutTabList } from '@/page-layout/components/PageLayoutTabList'; import { PAGE_LAYOUT_TAB_LIST_DROPPABLE_IDS } from '@/page-layout/components/PageLayoutTabListDroppableIds'; @@ -11,7 +11,7 @@ import { PageLayoutEditModeProviderContext } from '@/page-layout/contexts/PageLa import { PageLayoutComponentInstanceContext } from '@/page-layout/states/contexts/PageLayoutComponentInstanceContext'; import { type PageLayoutTab } from '@/page-layout/types/PageLayoutTab'; import { calculateNewPosition } from '@/ui/layout/draggable-list/utils/calculateNewPosition'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { PageLayoutType } from '~/generated-metadata/graphql'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/page-layout/constants/PageLayoutBreakpoints.ts b/packages/twenty-front/src/modules/page-layout/constants/PageLayoutBreakpoints.ts index 702c4f58cb..d5d3a80fbf 100644 --- a/packages/twenty-front/src/modules/page-layout/constants/PageLayoutBreakpoints.ts +++ b/packages/twenty-front/src/modules/page-layout/constants/PageLayoutBreakpoints.ts @@ -1,4 +1,4 @@ -import { MOBILE_VIEWPORT } from 'twenty-ui/theme-constants'; +import { MOBILE_VIEWPORT } from 'twenty-ui-deprecated/theme-constants'; export const PAGE_LAYOUT_CONFIG = { breakpoints: { diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/DashboardWidgetPlaceholder.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/DashboardWidgetPlaceholder.tsx index cccf9afd7c..b9ca595a2b 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/components/DashboardWidgetPlaceholder.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/components/DashboardWidgetPlaceholder.tsx @@ -17,7 +17,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui-deprecated/layout'; export const DashboardWidgetPlaceholder = () => { const pageLayoutId = useAvailableComponentInstanceIdOrThrow( diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetForbiddenDisplay.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetForbiddenDisplay.tsx index 1d7358a665..70f54f25cb 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetForbiddenDisplay.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetForbiddenDisplay.tsx @@ -2,7 +2,7 @@ import { ForbiddenFieldDisplay } from '@/object-record/record-field/ui/meta-type import { type WidgetAccessDenialInfo } from '@/page-layout/widgets/types/WidgetAccessDenialInfo'; import { plural, t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { AppTooltip } from 'twenty-ui/display'; +import { AppTooltip } from 'twenty-ui-deprecated/display'; type PageLayoutWidgetForbiddenDisplayProps = { widgetId: string; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetInvalidConfigDisplay.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetInvalidConfigDisplay.tsx index 77ec361a0e..b8e53bb586 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetInvalidConfigDisplay.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetInvalidConfigDisplay.tsx @@ -1,7 +1,7 @@ import { useCurrentWidget } from '@/page-layout/widgets/hooks/useCurrentWidget'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { AppTooltip, Status } from 'twenty-ui/display'; +import { AppTooltip, Status } from 'twenty-ui-deprecated/display'; const StyledInvalidConfigContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetNoDataDisplay.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetNoDataDisplay.tsx index 825fe7fef9..aa3973c86e 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetNoDataDisplay.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetNoDataDisplay.tsx @@ -1,7 +1,7 @@ import { useCurrentWidget } from '@/page-layout/widgets/hooks/useCurrentWidget'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { AppTooltip, Status } from 'twenty-ui/display'; +import { AppTooltip, Status } from 'twenty-ui-deprecated/display'; import { WidgetType } from '~/generated-metadata/graphql'; const StyledNoDataContainer = styled.div` diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/RecordPageAddWidgetSection.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/RecordPageAddWidgetSection.tsx index 2665f45fd1..1a3233799b 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/components/RecordPageAddWidgetSection.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/components/RecordPageAddWidgetSection.tsx @@ -9,9 +9,12 @@ import { IconListSearch, IconPlus, IconSquarePlus, -} from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` border: 1px solid transparent; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/StandaloneWidgetPlaceholder.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/StandaloneWidgetPlaceholder.tsx index 467b4063bf..1d99a15b77 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/components/StandaloneWidgetPlaceholder.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/components/StandaloneWidgetPlaceholder.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { Trans } from '@lingui/react/macro'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, @@ -8,7 +8,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui-deprecated/layout'; const StyledPlaceholderContainer = styled.div` background: ${themeCssVariables.background.secondary}; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetActionFieldSeeAll.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetActionFieldSeeAll.tsx index c2a0406bc7..68f8f88dbb 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetActionFieldSeeAll.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetActionFieldSeeAll.tsx @@ -21,8 +21,8 @@ import { IconArrowUpRight, TooltipDelay, TooltipPosition, -} from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; +} from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; import { RelationType } from '~/generated-metadata/graphql'; const StyledLinkContainer = styled.div` diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetCardShell.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetCardShell.tsx index 04f778a38b..2b743672be 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetCardShell.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetCardShell.tsx @@ -12,8 +12,8 @@ import { WidgetCardHeader } from '@/page-layout/widgets/widget-card/components/W import { styled } from '@linaria/react'; import { type MouseEvent, useContext } from 'react'; import { ErrorBoundary } from 'react-error-boundary'; -import { IconLock } from 'twenty-ui/display'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { IconLock } from 'twenty-ui-deprecated/display'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; import { WidgetType } from '~/generated-metadata/graphql'; const StyledNoAccessContainer = styled.div` diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetSkeletonLoader.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetSkeletonLoader.tsx index b3077966cc..1429203360 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetSkeletonLoader.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetSkeletonLoader.tsx @@ -2,7 +2,7 @@ import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLo import { styled } from '@linaria/react'; import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/__stories__/DashboardWidgetPlaceholder.stories.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/__stories__/DashboardWidgetPlaceholder.stories.tsx index 4f1d6d8df2..ff99591c94 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/components/__stories__/DashboardWidgetPlaceholder.stories.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/components/__stories__/DashboardWidgetPlaceholder.stories.tsx @@ -11,7 +11,7 @@ import { type PageLayout } from '@/page-layout/types/PageLayout'; import { DashboardWidgetPlaceholder } from '@/page-layout/widgets/components/DashboardWidgetPlaceholder'; import { LayoutRenderingProvider } from '@/ui/layout/contexts/LayoutRenderingContext'; import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { PageLayoutTabLayoutMode, PageLayoutType, diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/__stories__/WidgetRenderer.stories.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/__stories__/WidgetRenderer.stories.tsx index 5c6b273f7f..8dcff2b26b 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/components/__stories__/WidgetRenderer.stories.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/components/__stories__/WidgetRenderer.stories.tsx @@ -4,7 +4,10 @@ import { type MockedResponse } from '@apollo/client/testing'; import { type Meta, type StoryObj } from '@storybook/react-vite'; import { MemoryRouter } from 'react-router-dom'; import { expect, within } from 'storybook/test'; -import { CatalogDecorator, type CatalogStory } from 'twenty-ui/testing'; +import { + CatalogDecorator, + type CatalogStory, +} from 'twenty-ui-deprecated/testing'; import { currentUserWorkspaceState } from '@/auth/states/currentUserWorkspaceState'; import { isMinimalMetadataReadyState } from '@/metadata-store/states/isMinimalMetadataReadyState'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/email-thread/components/EmailThreadComposer.tsx b/packages/twenty-front/src/modules/page-layout/widgets/email-thread/components/EmailThreadComposer.tsx index 7ac1bd306b..eee4086247 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/email-thread/components/EmailThreadComposer.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/email-thread/components/EmailThreadComposer.tsx @@ -10,9 +10,9 @@ import { type SidePanelFooterCommandMenuItem } from '@/ui/layout/side-panel/type import { useHotkeysOnFocusedElement } from '@/ui/utilities/hotkey/hooks/useHotkeysOnFocusedElement'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { t } from '@lingui/core/macro'; -import { IconArrowBackUp, IconSend, IconX } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { getOsControlSymbol } from 'twenty-ui/utilities'; +import { IconArrowBackUp, IconSend, IconX } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { getOsControlSymbol } from 'twenty-ui-deprecated/utilities'; const StyledReplyBar = styled.button` align-items: center; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/email-thread/components/EmailThreadIntermediaryMessages.tsx b/packages/twenty-front/src/modules/page-layout/widgets/email-thread/components/EmailThreadIntermediaryMessages.tsx index 30dcf13ad6..89cd58f517 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/email-thread/components/EmailThreadIntermediaryMessages.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/email-thread/components/EmailThreadIntermediaryMessages.tsx @@ -4,9 +4,9 @@ import { useState } from 'react'; import { EmailThreadMessage } from '@/activities/emails/components/EmailThreadMessage'; import { type EmailThreadMessageWithSender } from '@/activities/emails/types/EmailThreadMessageWithSender'; import { t } from '@lingui/core/macro'; -import { IconArrowsVertical } from 'twenty-ui/display'; -import { Button } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconArrowsVertical } from 'twenty-ui-deprecated/display'; +import { Button } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledButtonContainer = styled.div` border-bottom: 1px solid ${themeCssVariables.border.color.light}; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidget.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidget.tsx index c8f2de154e..2b09668dd0 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidget.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidget.tsx @@ -34,7 +34,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui-deprecated/layout'; import { FieldDisplayMode } from '~/generated-metadata/graphql'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetEditAction.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetEditAction.tsx index 7fabc444d3..8fe15d8cc0 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetEditAction.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetEditAction.tsx @@ -5,9 +5,9 @@ import { useInlineCell } from '@/object-record/record-inline-cell/hooks/useInlin import { useOpenFieldWidgetFieldInputEditMode } from '@/page-layout/widgets/field/hooks/useOpenFieldWidgetFieldInputEditMode'; import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile'; import { styled } from '@linaria/react'; -import { IconPencil } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconPencil } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledEditButtonWrapper = styled.div<{ isMobile: boolean }>` opacity: ${({ isMobile }) => (isMobile ? '1' : '0')}; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetInlineCellContainer.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetInlineCellContainer.tsx index 454f8673dd..5d39ecbf97 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetInlineCellContainer.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetInlineCellContainer.tsx @@ -5,7 +5,7 @@ import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldCont import { useFieldFocus } from '@/object-record/record-field/ui/hooks/useFieldFocus'; import { useRecordInlineCellContext } from '@/object-record/record-inline-cell/components/RecordInlineCellContext'; import { RecordInlineCellValue } from '@/object-record/record-inline-cell/components/RecordInlineCellValue'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledValueContainer = styled.div<{ readonly: boolean }>` display: flex; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetJunctionRelationCard.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetJunctionRelationCard.tsx index af252efe8b..6c64426521 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetJunctionRelationCard.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetJunctionRelationCard.tsx @@ -26,7 +26,7 @@ import { useCurrentWidget } from '@/page-layout/widgets/hooks/useCurrentWidget'; import { useTargetRecord } from '@/ui/layout/contexts/useTargetRecord'; import { SidePanelProvider } from '@/ui/layout/side-panel/contexts/SidePanelContext'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledShowMoreButtonContainer = styled.div` padding-top: ${themeCssVariables.spacing[2]}; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetJunctionRelationField.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetJunctionRelationField.tsx index 09db6ed9b5..a0335da614 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetJunctionRelationField.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetJunctionRelationField.tsx @@ -7,7 +7,7 @@ import { getJunctionConfig } from '@/object-record/record-field/ui/utils/junctio import { SidePanelProvider } from '@/ui/layout/side-panel/contexts/SidePanelContext'; import { styled } from '@linaria/react'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` box-sizing: border-box; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetMorphRelationCard.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetMorphRelationCard.tsx index 148a0cfaaa..b83b514671 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetMorphRelationCard.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetMorphRelationCard.tsx @@ -25,7 +25,7 @@ import { useCurrentWidget } from '@/page-layout/widgets/hooks/useCurrentWidget'; import { useTargetRecord } from '@/ui/layout/contexts/useTargetRecord'; import { SidePanelProvider } from '@/ui/layout/side-panel/contexts/SidePanelContext'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledShowMoreButtonContainer = styled.div` padding-top: ${themeCssVariables.spacing[2]}; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetMorphRelationField.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetMorphRelationField.tsx index c46b2122e1..03a9cb8d99 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetMorphRelationField.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetMorphRelationField.tsx @@ -4,7 +4,7 @@ import { type FieldDefinition } from '@/object-record/record-field/ui/types/Fiel import { type FieldMorphRelationMetadata } from '@/object-record/record-field/ui/types/FieldMetadata'; import { SidePanelProvider } from '@/ui/layout/side-panel/contexts/SidePanelContext'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` box-sizing: border-box; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRelationCard.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRelationCard.tsx index d762334665..1b9f06c2c6 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRelationCard.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRelationCard.tsx @@ -23,7 +23,7 @@ import { useCurrentWidget } from '@/page-layout/widgets/hooks/useCurrentWidget'; import { useTargetRecord } from '@/ui/layout/contexts/useTargetRecord'; import { SidePanelProvider } from '@/ui/layout/side-panel/contexts/SidePanelContext'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledShowMoreButtonContainer = styled.div` padding-top: ${themeCssVariables.spacing[2]}; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRelationEditAction.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRelationEditAction.tsx index e843140004..da29510d86 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRelationEditAction.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRelationEditAction.tsx @@ -20,8 +20,8 @@ import { recordStoreFamilySelector } from '@/object-record/record-store/states/s import { useAtomFamilySelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilySelectorValue'; import { styled } from '@linaria/react'; import { CustomError, isDefined } from 'twenty-shared/utils'; -import { IconPencil, IconPlus } from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; +import { IconPencil, IconPlus } from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; import { RelationType } from '~/generated-metadata/graphql'; type FieldWidgetRelationEditActionProps = { diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRelationField.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRelationField.tsx index 548e4ceebd..c4778e4d78 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRelationField.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRelationField.tsx @@ -4,7 +4,7 @@ import { type FieldRelationMetadata } from '@/object-record/record-field/ui/type import { SidePanelProvider } from '@/ui/layout/side-panel/contexts/SidePanelContext'; import { styled } from '@linaria/react'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` box-sizing: border-box; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRichTextEditor.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRichTextEditor.tsx index 89e4bd7082..89b82bd51c 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRichTextEditor.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRichTextEditor.tsx @@ -8,7 +8,10 @@ import { styled } from '@linaria/react'; import { lazy, Suspense, useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; import { isUndefined } from '@sniptt/guards'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const RichTextFieldEditor = lazy(() => import('@/object-record/record-field/ui/meta-types/input/components/RichTextFieldEditor').then( diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetShowMoreButton.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetShowMoreButton.tsx index 44d7ff94bc..5db051ccd6 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetShowMoreButton.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetShowMoreButton.tsx @@ -1,8 +1,8 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconChevronDown } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconChevronDown } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type FieldWidgetShowMoreButtonProps = { remainingCount: number; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetTextEditor.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetTextEditor.tsx index 68c0274e72..acf2f99e8a 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetTextEditor.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetTextEditor.tsx @@ -8,7 +8,7 @@ import { TextArea } from '@/ui/input/components/TextArea'; import { useAtomFamilySelectorState } from '@/ui/utilities/state/jotai/hooks/useAtomFamilySelectorState'; import { styled } from '@linaria/react'; import { useCallback, useEffect } from 'react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { useDebouncedCallback } from 'use-debounce'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/__stories__/FieldWidget.stories.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/__stories__/FieldWidget.stories.tsx index 80548e4578..2d4d65c30c 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/field/components/__stories__/FieldWidget.stories.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/field/components/__stories__/FieldWidget.stories.tsx @@ -22,7 +22,7 @@ import { WidgetComponentInstanceContext } from '@/page-layout/widgets/states/con import { LayoutRenderingProvider } from '@/ui/layout/contexts/LayoutRenderingContext'; import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore'; import { CoreObjectNameSingular } from 'twenty-shared/types'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { FieldDisplayMode, PageLayoutTabLayoutMode, diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationEditor.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationEditor.tsx index 0e8b1d0f5d..c6fc52ccab 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationEditor.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationEditor.tsx @@ -25,8 +25,8 @@ import { useOpenDropdown } from '@/ui/layout/dropdown/hooks/useOpenDropdown'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; -import { IconNewSection } from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +import { IconNewSection } from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; const StyledGroupsDroppable = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationFieldEditor.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationFieldEditor.tsx index 0a560ab049..52e88fcf57 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationFieldEditor.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationFieldEditor.tsx @@ -1,7 +1,7 @@ import { type FieldMetadataItem } from '@/object-metadata/types/FieldMetadataItem'; import { type FieldsConfigurationFieldItem } from '@/page-layout/types/FieldsConfiguration'; -import { IconEye, IconEyeOff, useIcons } from 'twenty-ui/display'; -import { MenuItemDraggable } from 'twenty-ui/navigation'; +import { IconEye, IconEyeOff, useIcons } from 'twenty-ui-deprecated/display'; +import { MenuItemDraggable } from 'twenty-ui-deprecated/navigation'; type FieldsConfigurationFieldEditorProps = { field: FieldsConfigurationFieldItem; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupDraggableHeader.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupDraggableHeader.tsx index cc6e5c8bb4..09c0611b58 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupDraggableHeader.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupDraggableHeader.tsx @@ -1,8 +1,11 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconGripVertical, Label } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconGripVertical, Label } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupDropdown.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupDropdown.tsx index b2aab93b76..a45259d464 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupDropdown.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupDropdown.tsx @@ -4,9 +4,9 @@ import { IconNewSection, IconPencil, IconTrash, -} from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { MenuItem } from 'twenty-ui/navigation'; +} from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; import { getFieldsConfigurationGroupEditDropdownId } from '@/page-layout/widgets/fields/utils/getFieldsConfigurationGroupEditDropdownId'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupEditor.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupEditor.tsx index 354429ef3f..baaba3eb5a 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupEditor.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupEditor.tsx @@ -17,7 +17,7 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useOpenDropdown } from '@/ui/layout/dropdown/hooks/useOpenDropdown'; import { FieldsConfigurationGroupDraggableHeader } from '@/page-layout/widgets/fields/components/FieldsConfigurationGroupDraggableHeader'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledFieldsDroppable = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupRenameInput.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupRenameInput.tsx index 984b97c13e..6a206cb9b1 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupRenameInput.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupRenameInput.tsx @@ -4,8 +4,8 @@ import { Key } from 'ts-key-enum'; import { TextInput } from '@/ui/input/components/TextInput'; import { useHotkeysOnFocusedElement } from '@/ui/utilities/hotkey/hooks/useHotkeysOnFocusedElement'; -import { Button } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Button } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationUngroupedEditor.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationUngroupedEditor.tsx index 33a1966333..e198bf5d3e 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationUngroupedEditor.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationUngroupedEditor.tsx @@ -6,8 +6,8 @@ import { FieldsConfigurationFieldEditor } from '@/page-layout/widgets/fields/com import { type FieldsWidgetGroupField } from '@/page-layout/widgets/fields/types/FieldsWidgetGroup'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconNewSection } from 'twenty-ui/display'; -import { MenuItem } from 'twenty-ui/navigation'; +import { IconNewSection } from 'twenty-ui-deprecated/display'; +import { MenuItem } from 'twenty-ui-deprecated/navigation'; const StyledFieldsDroppable = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsWidget.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsWidget.tsx index 593495cfbd..01eba7e09a 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsWidget.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsWidget.tsx @@ -20,8 +20,8 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/layout'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { type FieldsConfiguration } from '~/generated-metadata/graphql'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsWidgetGroupContainer.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsWidgetGroupContainer.tsx index 70ae775168..8b8fb4d247 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsWidgetGroupContainer.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsWidgetGroupContainer.tsx @@ -1,8 +1,14 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; -import { IconChevronDown } from 'twenty-ui/display'; -import { AnimatedExpandableContainer, Section } from 'twenty-ui/layout'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconChevronDown } from 'twenty-ui-deprecated/display'; +import { + AnimatedExpandableContainer, + Section, +} from 'twenty-ui-deprecated/layout'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledHeader = styled.header` align-items: center; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/__stories__/FieldsWidget.stories.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/__stories__/FieldsWidget.stories.tsx index 32a4fcf8f0..0b39b2d4a4 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/__stories__/FieldsWidget.stories.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/__stories__/FieldsWidget.stories.tsx @@ -23,7 +23,7 @@ import { LayoutRenderingProvider } from '@/ui/layout/contexts/LayoutRenderingCon import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore'; import { type ViewWithRelations } from '@/views/types/ViewWithRelations'; import { CoreObjectNameSingular } from 'twenty-shared/types'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; import { ViewOpenRecordIn, ViewType, diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/AxisLabel.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/AxisLabel.tsx index fca42fabab..c2653f5416 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/AxisLabel.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/AxisLabel.tsx @@ -1,6 +1,6 @@ import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; type AxisLabelProps = { label: string; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/AxisLayer.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/AxisLayer.tsx index 2b585985ac..180aa9c089 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/AxisLayer.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/AxisLayer.tsx @@ -7,7 +7,7 @@ import { getAxisLayerLayout } from '@/page-layout/widgets/graph/chart-core/utils import { type ChartMargins } from '@/page-layout/widgets/graph/types/ChartMargins'; import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; type AxisLayerProps = { bottomAxisTickRotation: number; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/BottomAxisTicks.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/BottomAxisTicks.tsx index dc0630435f..1fc97100d5 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/BottomAxisTicks.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/BottomAxisTicks.tsx @@ -1,5 +1,5 @@ import { useContext } from 'react'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; type BottomAxisTicksProps = { bottomTickValues: (string | number)[]; getBottomTickPosition: (value: string | number, index: number) => number; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/LeftAxisTicks.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/LeftAxisTicks.tsx index b635d4b2eb..e11d7dd03e 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/LeftAxisTicks.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/LeftAxisTicks.tsx @@ -1,5 +1,5 @@ import { useContext } from 'react'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; type LeftAxisTicksProps = { leftTickValues: (string | number)[]; getLeftTickPosition: (value: string | number, index: number) => number; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/ZeroLine.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/ZeroLine.tsx index 919de8782f..9bad16454e 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/ZeroLine.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/chart-core/layers/ZeroLine.tsx @@ -1,5 +1,5 @@ import { useContext } from 'react'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; type ZeroLineProps = { isVertical: boolean; zeroPosition: number; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphDataLabel.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphDataLabel.tsx index a737f902e9..c4a7ebe3fd 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphDataLabel.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphDataLabel.tsx @@ -3,7 +3,7 @@ import { calculateGraphLabelStyles } from '@/page-layout/widgets/graph/utils/cal import { animated } from '@react-spring/web'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; type GraphDataLabelProps = { label: GraphLabelData; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetFloatingTooltip.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetFloatingTooltip.tsx index dfa6ba868f..0c50041cd8 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetFloatingTooltip.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetFloatingTooltip.tsx @@ -7,7 +7,7 @@ import { FloatingPortal, type VirtualElement } from '@floating-ui/react'; import { animated, useSpring } from '@react-spring/web'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; type GraphWidgetFloatingTooltipProps = { reference: Element | VirtualElement | null; boundary: Element | null; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetLegend.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetLegend.tsx index 9f43b8721d..368222ea06 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetLegend.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetLegend.tsx @@ -17,9 +17,12 @@ import { IconChevronLeft, IconChevronRight, OverflowingTextWithTooltip, -} from 'twenty-ui/display'; -import { LightIconButton } from 'twenty-ui/input'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; export type GraphWidgetLegendItem = { id: string; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetTooltip.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetTooltip.tsx index be773c6379..4445935940 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetTooltip.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetTooltip.tsx @@ -7,8 +7,11 @@ import { t } from '@lingui/core/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconArrowUpRight } from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { IconArrowUpRight } from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledTooltip = styled.div` background: ${themeCssVariables.background.primary}; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/NoDataLayer.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/NoDataLayer.tsx index 3c3defcadf..bdd91f27a7 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/NoDataLayer.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/NoDataLayer.tsx @@ -1,6 +1,6 @@ import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; type NoDataLayerProps = { innerWidth: number; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetAggregateChart.stories.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetAggregateChart.stories.tsx index 57414f1046..ae241b1fe8 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetAggregateChart.stories.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetAggregateChart.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { GraphWidgetAggregateChart } from '@/page-layout/widgets/graph/graph-widget-aggregate-chart/components/GraphWidgetAggregateChart'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; const meta: Meta = { title: 'Modules/PageLayout/Widgets/GraphWidgetAggregateChart', diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetBarChart.stories.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetBarChart.stories.tsx index abdd6ce426..7c067b4435 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetBarChart.stories.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetBarChart.stories.tsx @@ -2,7 +2,10 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { GraphWidgetTestWrapper } from '@/page-layout/widgets/graph/__tests__/GraphWidgetTestWrapper'; import { GraphWidgetBarChart } from '@/page-layout/widgets/graph/graph-widget-bar-chart/components/GraphWidgetBarChart'; -import { CatalogDecorator, ComponentDecorator } from 'twenty-ui/testing'; +import { + CatalogDecorator, + ComponentDecorator, +} from 'twenty-ui-deprecated/testing'; import { BarChartLayout } from '~/generated-metadata/graphql'; const meta: Meta = { diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetLegend.stories.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetLegend.stories.tsx index 06ac1f477a..65b36a5f24 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetLegend.stories.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetLegend.stories.tsx @@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { GraphWidgetTestWrapper } from '@/page-layout/widgets/graph/__tests__/GraphWidgetTestWrapper'; import { GraphWidgetLegend } from '@/page-layout/widgets/graph/components/GraphWidgetLegend'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; const meta: Meta = { title: 'Modules/PageLayout/Widgets/GraphWidgetLegend', diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetLineChart.stories.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetLineChart.stories.tsx index 385036b951..d9425b4f0b 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetLineChart.stories.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetLineChart.stories.tsx @@ -3,7 +3,10 @@ import { type ComponentProps } from 'react'; import { GraphWidgetTestWrapper } from '@/page-layout/widgets/graph/__tests__/GraphWidgetTestWrapper'; import { GraphWidgetLineChart } from '@/page-layout/widgets/graph/graph-widget-line-chart/components/GraphWidgetLineChart'; -import { CatalogDecorator, ComponentDecorator } from 'twenty-ui/testing'; +import { + CatalogDecorator, + ComponentDecorator, +} from 'twenty-ui-deprecated/testing'; const meta: Meta = { title: 'Modules/PageLayout/Widgets/GraphWidgetLineChart', diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetPieChart.stories.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetPieChart.stories.tsx index 570c5c6883..20356f811d 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetPieChart.stories.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetPieChart.stories.tsx @@ -3,7 +3,10 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { GraphWidgetTestWrapper } from '@/page-layout/widgets/graph/__tests__/GraphWidgetTestWrapper'; import { GraphWidgetPieChart } from '@/page-layout/widgets/graph/graph-widget-pie-chart/components/GraphWidgetPieChart'; -import { CatalogDecorator, ComponentDecorator } from 'twenty-ui/testing'; +import { + CatalogDecorator, + ComponentDecorator, +} from 'twenty-ui-deprecated/testing'; import { AggregateOperations, WidgetConfigurationType, diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetTooltip.stories.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetTooltip.stories.tsx index c5d63d1c05..a859b29e1e 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetTooltip.stories.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/__stories__/GraphWidgetTooltip.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { GraphWidgetTooltip } from '@/page-layout/widgets/graph/components/GraphWidgetTooltip'; -import { ComponentDecorator } from 'twenty-ui/testing'; +import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; const meta: Meta = { title: 'Modules/PageLayout/Widgets/GraphWidgetTooltip', diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-aggregate-chart/components/GraphWidgetAggregateChart.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-aggregate-chart/components/GraphWidgetAggregateChart.tsx index 87297646f0..8787aabc56 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-aggregate-chart/components/GraphWidgetAggregateChart.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-aggregate-chart/components/GraphWidgetAggregateChart.tsx @@ -7,8 +7,11 @@ import { H1TitleFontColor, IconTrendingDown, IconTrendingUp, -} from 'twenty-ui/display'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +} from 'twenty-ui-deprecated/display'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; type GraphWidgetAggregateChartProps = { value: string | number; trendPercentage?: number; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/BarChart.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/BarChart.tsx index fdc5c46ed7..3d0ee1b969 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/BarChart.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/BarChart.tsx @@ -18,7 +18,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { styled } from '@linaria/react'; import { type MouseEvent, useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; import { BarChartLayout } from '~/generated-metadata/graphql'; type BarChartProps = { data: BarChartDatum[]; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/BarChartBaseLayerEffect.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/BarChartBaseLayerEffect.tsx index 35696d2cce..f2bb604658 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/BarChartBaseLayerEffect.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/BarChartBaseLayerEffect.tsx @@ -15,7 +15,7 @@ import { useState, } from 'react'; import { BarChartLayout } from '~/generated-metadata/graphql'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; type BarChartBaseLayerEffectProps = { bars: BarPosition[]; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/BarChartHoverLayerEffect.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/BarChartHoverLayerEffect.tsx index d31d5c01f8..60302fe74f 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/BarChartHoverLayerEffect.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/BarChartHoverLayerEffect.tsx @@ -4,7 +4,7 @@ import { renderSliceHighlight } from '@/page-layout/widgets/graph/graph-widget-b import { type ChartMargins } from '@/page-layout/widgets/graph/types/ChartMargins'; import { type RefObject, useContext, useEffect, useState } from 'react'; import { BarChartLayout } from '~/generated-metadata/graphql'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; type BarChartHoverLayerEffectProps = { hoveredSlice: BarChartSlice | null; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/GraphWidgetBarChart.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/GraphWidgetBarChart.tsx index e9e07f9046..f565a90a12 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/GraphWidgetBarChart.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/components/GraphWidgetBarChart.tsx @@ -29,7 +29,7 @@ import { styled } from '@linaria/react'; import { isNumber } from '@sniptt/guards'; import { useContext, useMemo, useRef, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; import { useDebouncedCallback } from 'use-debounce'; import { BarChartLayout } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/hooks/useBarChartTheme.ts b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/hooks/useBarChartTheme.ts index 1461ad6823..ac9994159a 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/hooks/useBarChartTheme.ts +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-bar-chart/hooks/useBarChartTheme.ts @@ -1,7 +1,7 @@ import { COMMON_CHART_CONSTANTS } from '@/page-layout/widgets/graph/constants/CommonChartConstants'; import { parseFontSizeToPx } from '@/page-layout/widgets/graph/utils/parseFontSizeToPx'; import { useContext } from 'react'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; export const useBarChartTheme = () => { const { theme } = useContext(ThemeContext); diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-line-chart/components/CustomCrosshairLayer.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-line-chart/components/CustomCrosshairLayer.tsx index d92146d2e3..e22000b4a2 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-line-chart/components/CustomCrosshairLayer.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-line-chart/components/CustomCrosshairLayer.tsx @@ -5,7 +5,7 @@ import { type LineSeries, type Point } from '@nivo/line'; import { motion } from 'framer-motion'; import { type MouseEvent, useCallback, useContext, useMemo } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; export type SliceHoverData = { sliceX: number; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-line-chart/components/GraphWidgetLineChart.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-line-chart/components/GraphWidgetLineChart.tsx index 8fbbe40517..eb50ea47c1 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-line-chart/components/GraphWidgetLineChart.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-line-chart/components/GraphWidgetLineChart.tsx @@ -36,7 +36,7 @@ import { } from '@nivo/line'; import { useCallback, useContext, useRef, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; import { useDebouncedCallback } from 'use-debounce'; type CrosshairLayerProps = LineCustomSvgLayerProps; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-line-chart/hooks/useLineChartTheme.ts b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-line-chart/hooks/useLineChartTheme.ts index c45a536c9f..8b85ea06a6 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-line-chart/hooks/useLineChartTheme.ts +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-line-chart/hooks/useLineChartTheme.ts @@ -1,6 +1,6 @@ import { parseFontSizeToPx } from '@/page-layout/widgets/graph/utils/parseFontSizeToPx'; import { useContext } from 'react'; -import { ThemeContext } from 'twenty-ui/theme-constants'; +import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; export const useLineChartTheme = () => { const { theme } = useContext(ThemeContext); diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-pie-chart/components/GraphWidgetPieChart.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-pie-chart/components/GraphWidgetPieChart.tsx index 962150e349..cdc25e2aa4 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-pie-chart/components/GraphWidgetPieChart.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-pie-chart/components/GraphWidgetPieChart.tsx @@ -28,7 +28,10 @@ import { useRef, } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; import { type PieChartConfiguration, type PieChartDataItem, diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-pie-chart/components/PieChartCenterMetricLayer.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-pie-chart/components/PieChartCenterMetricLayer.tsx index 2c63e03309..a7f849a141 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-pie-chart/components/PieChartCenterMetricLayer.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-pie-chart/components/PieChartCenterMetricLayer.tsx @@ -4,7 +4,10 @@ import { useLingui } from '@lingui/react/macro'; import { AnimatePresence, motion } from 'framer-motion'; import { useContext } from 'react'; import { type PieChartConfiguration } from '~/generated-metadata/graphql'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; type PieChartCenterMetricProps = { objectMetadataItemId: string; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/types/GraphColor.ts b/packages/twenty-front/src/modules/page-layout/widgets/graph/types/GraphColor.ts index aad6bb2d17..0dbb2ca35c 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/types/GraphColor.ts +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/types/GraphColor.ts @@ -1,3 +1,3 @@ -import { type ThemeColor } from 'twenty-ui/theme'; +import { type ThemeColor } from 'twenty-ui-deprecated/theme'; export type GraphColor = ThemeColor | 'auto'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/utils/createGraphColorRegistry.ts b/packages/twenty-front/src/modules/page-layout/widgets/graph/utils/createGraphColorRegistry.ts index 8da21d9c2c..7721cfc844 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/utils/createGraphColorRegistry.ts +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/utils/createGraphColorRegistry.ts @@ -1,5 +1,5 @@ import { type GraphColorRegistry } from '@/page-layout/widgets/graph/types/GraphColorRegistry'; -import { type ThemeType } from 'twenty-ui/theme-constants'; +import { type ThemeType } from 'twenty-ui-deprecated/theme-constants'; export const createGraphColorRegistry = ( colorSource: ThemeType['color'], diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/utils/getSelectOptionColorForValue.ts b/packages/twenty-front/src/modules/page-layout/widgets/graph/utils/getSelectOptionColorForValue.ts index 5abcdcb3db..1bd3f29780 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/utils/getSelectOptionColorForValue.ts +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/utils/getSelectOptionColorForValue.ts @@ -1,6 +1,6 @@ import { type FieldMetadataItemOption } from '@/object-metadata/types/FieldMetadataItem'; import { isDefined } from 'twenty-shared/utils'; -import { type ThemeColor } from 'twenty-ui/theme'; +import { type ThemeColor } from 'twenty-ui-deprecated/theme'; export const getSelectOptionColorForValue = ({ rawValue, diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/utils/parseGraphColor.ts b/packages/twenty-front/src/modules/page-layout/widgets/graph/utils/parseGraphColor.ts index d467450474..2c32113727 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/graph/utils/parseGraphColor.ts +++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/utils/parseGraphColor.ts @@ -1,6 +1,6 @@ import { type GraphColor } from '@/page-layout/widgets/graph/types/GraphColor'; import { isDefined } from 'twenty-shared/utils'; -import { type ThemeColor, MAIN_COLOR_NAMES } from 'twenty-ui/theme'; +import { type ThemeColor, MAIN_COLOR_NAMES } from 'twenty-ui-deprecated/theme'; export const parseGraphColor = ( value: string | null | undefined, diff --git a/packages/twenty-front/src/modules/page-layout/widgets/hooks/useIsInPinnedTab.ts b/packages/twenty-front/src/modules/page-layout/widgets/hooks/useIsInPinnedTab.ts index 401ab2e3d3..4ff05c397e 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/hooks/useIsInPinnedTab.ts +++ b/packages/twenty-front/src/modules/page-layout/widgets/hooks/useIsInPinnedTab.ts @@ -5,7 +5,7 @@ import { getTabsByDisplayMode } from '@/page-layout/utils/getTabsByDisplayMode'; import { getTabsWithVisibleWidgets } from '@/page-layout/utils/getTabsWithVisibleWidgets'; import { useLayoutRenderingContext } from '@/ui/layout/contexts/LayoutRenderingContext'; import { isDefined } from 'twenty-shared/utils'; -import { useIsMobile } from 'twenty-ui/utilities'; +import { useIsMobile } from 'twenty-ui-deprecated/utilities'; export const useIsInPinnedTab = () => { const isMobile = useIsMobile(); diff --git a/packages/twenty-front/src/modules/page-layout/widgets/iframe/components/IframeWidget.tsx b/packages/twenty-front/src/modules/page-layout/widgets/iframe/components/IframeWidget.tsx index 7d46c20801..dc32dbce19 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/iframe/components/IframeWidget.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/iframe/components/IframeWidget.tsx @@ -5,7 +5,7 @@ import { WidgetSkeletonLoader } from '@/page-layout/widgets/components/WidgetSke import { styled } from '@linaria/react'; import { useState } from 'react'; import { getSafeUrl, isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div<{ $isEditMode: boolean }>` background: ${themeCssVariables.background.primary}; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardColorIcon.tsx b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardColorIcon.tsx index 6b020abcae..d87b5e6fab 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardColorIcon.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardColorIcon.tsx @@ -1,7 +1,10 @@ import { styled } from '@linaria/react'; import { type BlockNoteColor } from '@/page-layout/widgets/standalone-rich-text/types/BlockNoteColor'; -import { themeCssVariables, ThemeContext } from 'twenty-ui/theme-constants'; +import { + themeCssVariables, + ThemeContext, +} from 'twenty-ui-deprecated/theme-constants'; import { useContext } from 'react'; const StyledColorIcon = styled.div<{ textColorValue: string; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardColorSelectionMenu.tsx b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardColorSelectionMenu.tsx index f5b2459055..cc4538de7d 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardColorSelectionMenu.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardColorSelectionMenu.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconCheck } from 'twenty-ui/display'; +import { IconCheck } from 'twenty-ui-deprecated/display'; import { DashboardColorIcon } from '@/page-layout/widgets/standalone-rich-text/components/DashboardColorIcon'; import { BLOCKNOTE_COLOR_DISPLAY_NAMES } from '@/page-layout/widgets/standalone-rich-text/constants/BlockNoteColorDisplayNames'; @@ -10,7 +10,10 @@ import { DropdownContent } from '@/ui/layout/dropdown/components/DropdownContent import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { DropdownMenuSectionLabel } from '@/ui/layout/dropdown/components/DropdownMenuSectionLabel'; import { DropdownMenuSeparator } from '@/ui/layout/dropdown/components/DropdownMenuSeparator'; -import { themeCssVariables, ThemeContext } from 'twenty-ui/theme-constants'; +import { + themeCssVariables, + ThemeContext, +} from 'twenty-ui-deprecated/theme-constants'; import { useContext } from 'react'; const StyledColorMenuItem = styled.div` diff --git a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardEditorSideMenu.tsx b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardEditorSideMenu.tsx index d82d9307fe..f1f843cf73 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardEditorSideMenu.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardEditorSideMenu.tsx @@ -11,12 +11,16 @@ import { } from '@blocknote/react'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconColorSwatch, IconPlus, IconTrash } from 'twenty-ui/display'; +import { + IconColorSwatch, + IconPlus, + IconTrash, +} from 'twenty-ui-deprecated/display'; import { isDefined } from 'twenty-shared/utils'; import { CustomSideMenuOptions } from '@/blocknote-editor/components/CustomSideMenuOptions'; import { type DASHBOARD_BLOCK_SCHEMA } from '@/page-layout/widgets/standalone-rich-text/constants/DashboardBlockSchema'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type DashboardEditorSideMenuProps = { editor: typeof DASHBOARD_BLOCK_SCHEMA.BlockNoteEditor; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardFormattingToolbarColorButton.tsx b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardFormattingToolbarColorButton.tsx index b29fa9a199..28f019a992 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardFormattingToolbarColorButton.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardFormattingToolbarColorButton.tsx @@ -18,7 +18,7 @@ import { extractColorFromProps } from '@/page-layout/widgets/standalone-rich-tex import { OverlayContainer } from '@/ui/layout/overlay/components/OverlayContainer'; import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledColorButton = styled.button` align-items: center; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardsBlockEditor.tsx b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardsBlockEditor.tsx index 504d1df7fc..b04b852bb3 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardsBlockEditor.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardsBlockEditor.tsx @@ -12,7 +12,10 @@ import { DashboardEditorSideMenu } from '@/page-layout/widgets/standalone-rich-t import { DashboardFormattingToolbar } from '@/page-layout/widgets/standalone-rich-text/components/DashboardFormattingToolbar'; import { type DASHBOARD_BLOCK_SCHEMA } from '@/page-layout/widgets/standalone-rich-text/constants/DashboardBlockSchema'; import { getDashboardSlashMenu } from '@/page-layout/widgets/standalone-rich-text/utils/getDashboardSlashMenu'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; type DashboardsBlockEditorProps = { editor: typeof DASHBOARD_BLOCK_SCHEMA.BlockNoteEditor; onFocus?: () => void; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/StandaloneRichTextWidget.tsx b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/StandaloneRichTextWidget.tsx index 64dc723769..7cb7da4c01 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/StandaloneRichTextWidget.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/StandaloneRichTextWidget.tsx @@ -17,7 +17,7 @@ import { PageLayoutType, type StandaloneRichTextConfiguration, } from '~/generated-metadata/graphql'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div<{ isPageLayoutInEditMode?: boolean }>` box-sizing: border-box; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/utils/getDashboardSlashMenu.ts b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/utils/getDashboardSlashMenu.ts index 96b1eafdff..947b7da107 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/utils/getDashboardSlashMenu.ts +++ b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/utils/getDashboardSlashMenu.ts @@ -18,7 +18,7 @@ import { IconMoodSmile, IconPilcrow, IconTable, -} from 'twenty-ui/display'; +} from 'twenty-ui-deprecated/display'; const Icons: Record = { 'Heading 1': IconH1, diff --git a/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCard.tsx b/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCard.tsx index 957006d92e..27b8fe9906 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCard.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCard.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { type WidgetCardVariant } from '~/modules/page-layout/widgets/types/WidgetCardVariant'; type WidgetCardStyledProps = { diff --git a/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCardContent.tsx b/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCardContent.tsx index 547811841a..7172430403 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCardContent.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCardContent.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { type WidgetCardVariant } from '~/modules/page-layout/widgets/types/WidgetCardVariant'; type WidgetCardContentStyledProps = { diff --git a/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCardHeader.tsx b/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCardHeader.tsx index ffe5fb3c6c..ee385a3e88 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCardHeader.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCardHeader.tsx @@ -5,14 +5,20 @@ import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hoo import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { type ReactNode, useContext } from 'react'; -import { IconTrash, OverflowingTextWithTooltip } from 'twenty-ui/display'; -import { IconButton } from 'twenty-ui/input'; +import { + IconTrash, + OverflowingTextWithTooltip, +} from 'twenty-ui-deprecated/display'; +import { IconButton } from 'twenty-ui-deprecated/input'; import { type WidgetCardVariant } from '@/page-layout/widgets/types/WidgetCardVariant'; import { WidgetGrip } from '@/page-layout/widgets/widget-card/components/WidgetGrip'; import { AnimatePresence, motion } from 'framer-motion'; import { isDefined, isNonEmptyArray } from 'twenty-shared/utils'; -import { themeCssVariables, ThemeContext } from 'twenty-ui/theme-constants'; +import { + themeCssVariables, + ThemeContext, +} from 'twenty-ui-deprecated/theme-constants'; export type WidgetCardHeaderProps = { variant: WidgetCardVariant; widgetId: string; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetGrip.tsx b/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetGrip.tsx index db47ad1355..b687089664 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetGrip.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetGrip.tsx @@ -1,7 +1,10 @@ import { styled } from '@linaria/react'; import { motion } from 'framer-motion'; -import { IconGripVertical } from 'twenty-ui/display'; -import { themeCssVariables, ThemeContext } from 'twenty-ui/theme-constants'; +import { IconGripVertical } from 'twenty-ui-deprecated/display'; +import { + themeCssVariables, + ThemeContext, +} from 'twenty-ui-deprecated/theme-constants'; import { useContext } from 'react'; const StyledGripContainerBase = styled.div` diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistInput.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistInput.tsx index 42accc4cc5..8693a5eac7 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistInput.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistInput.tsx @@ -9,8 +9,8 @@ import { z } from 'zod'; import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; import { useLingui } from '@lingui/react/macro'; import { isNonEmptyArray, isValidHostname } from 'twenty-shared/utils'; -import { Button } from 'twenty-ui/input'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Button } from 'twenty-ui-deprecated/input'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistSection.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistSection.tsx index 406f4b376f..fa1e5c2992 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistSection.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistSection.tsx @@ -10,8 +10,8 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { useLingui } from '@lingui/react/macro'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; -import { Section } from 'twenty-ui/layout'; +import { H2Title } from 'twenty-ui-deprecated/display'; +import { Section } from 'twenty-ui-deprecated/layout'; export const SettingsAccountsBlocklistSection = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistTable.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistTable.tsx index f52ad6af89..bccd9d5369 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistTable.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistTable.tsx @@ -6,7 +6,7 @@ import { TableHeader } from '@/ui/layout/table/components/TableHeader'; import { TableRow } from '@/ui/layout/table/components/TableRow'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type SettingsAccountsBlocklistTableProps = { blocklist: BlocklistItem[]; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistTableRow.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistTableRow.tsx index a589c2f4c3..bf073e725e 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistTableRow.tsx @@ -2,8 +2,11 @@ import { type BlocklistItem } from '@/accounts/types/BlocklistItem'; import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableRow } from '@/ui/layout/table/components/TableRow'; import { formatToHumanReadableDate } from '~/utils/date-utils'; -import { IconButton } from 'twenty-ui/input'; -import { IconX, OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { IconButton } from 'twenty-ui-deprecated/input'; +import { + IconX, + OverflowingTextWithTooltip, +} from 'twenty-ui-deprecated/display'; type SettingsAccountsBlocklistTableRowProps = { blocklistItem: BlocklistItem; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelDetails.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelDetails.tsx index 155d05721a..856a7179a3 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelDetails.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelDetails.tsx @@ -6,9 +6,9 @@ import { SettingsOptionCardContentToggle } from '@/settings/components/SettingsO import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { Section } from '@react-email/components'; -import { H2Title, IconUserPlus } from 'twenty-ui/display'; -import { Card } from 'twenty-ui/layout'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { H2Title, IconUserPlus } from 'twenty-ui-deprecated/display'; +import { Card } from 'twenty-ui-deprecated/layout'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { type CalendarChannelVisibility } from '~/generated/graphql'; const StyledDetailsContainer = styled.div` diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelsGeneral.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelsGeneral.tsx index 3142dadb8e..88e9315eef 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelsGeneral.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelsGeneral.tsx @@ -7,8 +7,8 @@ import { t } from '@lingui/core/macro'; import { Section } from '@react-email/components'; import { addMinutes, endOfDay, min, startOfDay } from 'date-fns'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { H2Title } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { H2Title } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { CalendarChannelVisibility, type TimelineCalendarEvent, diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarDisplaySettings.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarDisplaySettings.tsx index cfafd1aecf..e9f4811a31 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarDisplaySettings.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarDisplaySettings.tsx @@ -5,7 +5,7 @@ import { useFormatPreferences } from '@/localization/hooks/useFormatPreferences' import { DateTimeSettingsDateFormatSelect } from '@/settings/experience/components/DateTimeSettingsDateFormatSelect'; import { DateTimeSettingsTimeFormatSelect } from '@/settings/experience/components/DateTimeSettingsTimeFormatSelect'; import { DateTimeSettingsTimeZoneSelect } from '@/settings/experience/components/DateTimeSettingsTimeZoneSelect'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarVisibilitySettingsCard.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarVisibilitySettingsCard.tsx index 87558b6895..507950ffe5 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarVisibilitySettingsCard.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarVisibilitySettingsCard.tsx @@ -4,7 +4,7 @@ import { SettingsAccountsRadioSettingsCard } from '@/settings/accounts/component import { SettingsAccountsVisibilityIcon } from '@/settings/accounts/components/SettingsAccountsVisibilityIcon'; import { msg } from '@lingui/core/macro'; import { CalendarChannelVisibility } from '~/generated/graphql'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type SettingsAccountsEventVisibilitySettingsCardProps = { onChange: (nextValue: CalendarChannelVisibility) => void; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCardMedia.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCardMedia.tsx index a0ab6adcae..163250b070 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCardMedia.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCardMedia.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledCardMedia = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsListCard.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsListCard.tsx index feea78b549..1a39166fbd 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsListCard.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsListCard.tsx @@ -7,11 +7,11 @@ import { styled } from '@linaria/react'; import { SettingsPath } from 'twenty-shared/types'; import { useLingui } from '@lingui/react/macro'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui-deprecated/display'; -import { Button } from 'twenty-ui/input'; -import { Section } from 'twenty-ui/layout'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Button } from 'twenty-ui-deprecated/input'; +import { Section } from 'twenty-ui-deprecated/layout'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; const StyledTableRows = styled.div` diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsRowRightContainer.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsRowRightContainer.tsx index 4d9f6a157e..9e2b1b3c0b 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsRowRightContainer.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsRowRightContainer.tsx @@ -4,8 +4,8 @@ import { SyncStatus } from '@/settings/accounts/constants/SyncStatus'; import { computeSyncStatus } from '@/settings/accounts/utils/computeSyncStatus'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { Status } from 'twenty-ui/display'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { Status } from 'twenty-ui-deprecated/display'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledRowRightContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectionForm.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectionForm.tsx index af8b22b951..d06e726cab 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectionForm.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectionForm.tsx @@ -9,9 +9,12 @@ import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; import { SettingsAccountsPasswordController } from '@/settings/accounts/components/SettingsAccountsPasswordController'; import { type ConnectionFormData } from '@/settings/accounts/hooks/useImapSmtpCaldavConnectionForm'; import { type AccountType } from 'twenty-shared/constants'; -import { H2Title } from 'twenty-ui/display'; -import { Section } from 'twenty-ui/layout'; -import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; +import { H2Title } from 'twenty-ui-deprecated/display'; +import { Section } from 'twenty-ui-deprecated/layout'; +import { + MOBILE_VIEWPORT, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledFormContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsEditImapSmtpCaldavConnection.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsEditImapSmtpCaldavConnection.tsx index 2915570c6d..daa0d3b0d2 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsEditImapSmtpCaldavConnection.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsEditImapSmtpCaldavConnection.tsx @@ -8,7 +8,7 @@ import { SettingsPageContainer } from '@/settings/components/SettingsPageContain import { SettingsPageLayout } from '@/settings/components/layout/SettingsPageLayout'; import { SettingsPath } from 'twenty-shared/types'; -import { Loader } from 'twenty-ui/feedback'; +import { Loader } from 'twenty-ui-deprecated/feedback'; import { getSettingsPath } from 'twenty-shared/utils'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsListEmptyStateCard.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsListEmptyStateCard.tsx index 32e494756d..d6b6de6d52 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsListEmptyStateCard.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsListEmptyStateCard.tsx @@ -11,9 +11,16 @@ import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; import { ConnectedAccountProvider, SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconAt, IconGoogle, IconMicrosoft } from 'twenty-ui/display'; -import { UndecoratedLink } from 'twenty-ui/navigation'; -import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { + IconAt, + IconGoogle, + IconMicrosoft, +} from 'twenty-ui-deprecated/display'; +import { UndecoratedLink } from 'twenty-ui-deprecated/navigation'; +import { + ThemeContext, + themeCssVariables, +} from 'twenty-ui-deprecated/theme-constants'; const StyledCardsContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageAutoCreationIcon.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageAutoCreationIcon.tsx index 11a37f567a..a4c795d218 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageAutoCreationIcon.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageAutoCreationIcon.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type SettingsAccountsMessageAutoCreationIconProps = { className?: string; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageChannelDetails.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageChannelDetails.tsx index 91d3d24b74..3c7c0b6eaa 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageChannelDetails.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageChannelDetails.tsx @@ -7,9 +7,13 @@ import { MessageChannelType, type MessageFolderImportPolicy, } from 'twenty-shared/types'; -import { H2Title, IconBriefcase, IconUsers } from 'twenty-ui/display'; -import { Card, Section } from 'twenty-ui/layout'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { + H2Title, + IconBriefcase, + IconUsers, +} from 'twenty-ui-deprecated/display'; +import { Card, Section } from 'twenty-ui-deprecated/layout'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; import { type MessageChannel } from '@/accounts/types/MessageChannel'; import { SettingsAccountsMessageAutoCreationCard } from '@/settings/accounts/components/SettingsAccountsMessageAutoCreationCard'; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageFolderIcon.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageFolderIcon.tsx index 39e7f6f068..375552346c 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageFolderIcon.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageFolderIcon.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { MessageFolderImportPolicy } from 'twenty-shared/types'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type SettingsAccountsMessageFolderIconProps = { className?: string; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsNewEmailGroupChannel.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsNewEmailGroupChannel.tsx index 66395637af..82d9c98262 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsNewEmailGroupChannel.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsNewEmailGroupChannel.tsx @@ -4,8 +4,8 @@ import { z } from 'zod'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; -import { Section } from 'twenty-ui/layout'; +import { H2Title } from 'twenty-ui-deprecated/display'; +import { Section } from 'twenty-ui-deprecated/layout'; import { useCreateEmailGroupChannel } from '@/settings/accounts/hooks/useCreateEmailGroupChannel'; import { SaveAndCancelButtons } from '@/settings/components/SaveAndCancelButtons/SaveAndCancelButtons'; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsPasswordController.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsPasswordController.tsx index a4c835771c..5f633fd330 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsPasswordController.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsPasswordController.tsx @@ -6,8 +6,8 @@ import { type AccountType } from 'twenty-shared/constants'; import { type ConnectionFormData } from '@/settings/accounts/hooks/useImapSmtpCaldavConnectionForm'; import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; -import { ClickToActionLink } from 'twenty-ui/navigation'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { ClickToActionLink } from 'twenty-ui-deprecated/navigation'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; const StyledPasswordFieldContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRadioSettingsCard.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRadioSettingsCard.tsx index 3ce9ee7978..7ebe77e351 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRadioSettingsCard.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRadioSettingsCard.tsx @@ -2,10 +2,10 @@ import { styled } from '@linaria/react'; import { type MessageDescriptor } from '@lingui/core'; import { Trans } from '@lingui/react'; import { type ReactNode } from 'react'; -import { Radio } from 'twenty-ui/input'; -import { Card, CardContent } from 'twenty-ui/layout'; +import { Radio } from 'twenty-ui-deprecated/input'; +import { Card, CardContent } from 'twenty-ui-deprecated/layout'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; type SettingsAccountsRadioSettingsCardProps