From 9c9c34fccf5989f8e2679e86781a6a4a550a5076 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Rapha=C3=ABl=20Bosi?= <71827178+bosiraphael@users.noreply.github.com> Date: Wed, 17 Jun 2026 11:41:11 +0200 Subject: [PATCH] Remove twenty-ui-deprecated and migrate frontend to twenty-ui (#21596) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Migrates `twenty-front`, `twenty-sdk`, and `twenty-front-component-renderer` from `twenty-ui-deprecated` to `twenty-ui` (mechanical import swap — the packages have API parity) and deletes the deprecated package along with its workspace/CI/config wiring. Also adds `@linaria/react`/`@linaria/core` as direct deps of `twenty-front` (it used them transitively via the deprecated package). Note: move the required status check from `ci-ui-status-check` to `ci-new-ui-status-check`. Argos: the Storybook box-model/button-reset baseline shift (the bulk of the visual diffs) is isolated in #21665 — Storybook now loads twenty-ui's global `reset.scss`, which the production app already ships. Once #21665 merges and this branch is rebased, the remaining Argos diffs are component-level visual-parity items only. --- .github/workflows/ci-front.yaml | 2 - .github/workflows/ci-ui.yaml | 106 - .../workflows/visual-regression-dispatch.yaml | 91 +- package.json | 1 - 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 | 7 +- packages/twenty-front/jest.config.mjs | 5 +- packages/twenty-front/package.json | 3 +- .../src/hooks/useCopyToClipboard.tsx | 4 +- packages/twenty-front/src/index.tsx | 7 +- .../components/LeftPanelSkeletonLoader.tsx | 5 +- ...ainNavigationDrawerItemsSkeletonLoader.tsx | 2 +- .../components/PageContentSkeletonLoader.tsx | 2 +- .../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 +- .../components/CampaignComposerFields.tsx | 2 +- .../emails/components/ComposeEmailButton.tsx | 4 +- .../components/EmailAttachmentsField.tsx | 7 +- .../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 +- .../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 | 2 +- .../__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 +- .../SignInUpWorkspaceCreationForm.tsx | 8 +- .../SignInUpWorkspaceCreationForm.test.tsx | 2 +- .../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 | 6 +- ...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 +- .../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 +- .../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 +- .../FormMorphRelationToOneFieldInput.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 +- .../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 +- .../components/RecordIndexSkeletonLoader.tsx | 2 +- .../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 +- .../PageLayoutWidgetStatusDisplay.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 | 6 +- .../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 +- .../SettingsAdminServerAdminAccess.tsx | 8 +- .../components/SettingsAdminServerAdmins.tsx | 9 +- .../SettingsAdminVersionContainer.tsx | 2 +- .../SettingsAdminVersionDisplay.tsx | 2 +- .../SettingsAdminWorkspaceBillingContent.tsx | 13 +- .../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 | 2 +- .../settings/components/SettingsStatsGrid.tsx | 7 +- .../settings/components/SettingsTableCard.tsx | 9 +- .../components/SettingsTableListSection.tsx | 8 +- .../__stories__/SettingsCard.stories.tsx | 4 +- ...ttingsMorphRelationMultiSelect.stories.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 +- .../SettingsDataModelPreviewFormCard.tsx | 4 +- .../SettingsDataModelTableBodyContainer.tsx | 2 +- .../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 +- .../SettingsEmailingDomainVerifyButton.tsx | 4 +- .../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 | 6 +- .../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 | 8 +- .../__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 | 4 +- ...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 | 6 +- .../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 +- ...ttingsWorkspaceUnsubscribeTopicSection.tsx | 4 +- .../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 +- ...sWorkspaceEmailChannelDomainStatusCell.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 | 15 +- .../side-panel/components/SidePanelTopBar.tsx | 11 +- .../SidePanelTopBarRightCornerIcon.tsx | 8 +- .../components/SidePanelWorkflowStepInfo.tsx | 4 +- .../__tests__/SidePanelTopBar.test.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 +- .../useOpenCampaignComposerInSidePanel.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 +- .../SidePanelCampaignComposerPage.tsx | 6 +- .../components/SidePanelComposeEmailPage.tsx | 6 +- .../components/CanvasTabSettingsContent.tsx | 2 +- .../ChartFiltersDeletedFieldsWarning.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 +- ...ByFieldSelectionMorphRelationFieldView.tsx | 4 +- ...ByFieldSelectionTargetObjectFieldsView.tsx | 4 +- .../ChartManualSortSubMenuContent.tsx | 6 +- ...rtNumberFormatSelectionDropdownContent.tsx | 2 +- ...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/FormatSetting.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 | 12 +- .../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 +- .../layout/page/components/PageCardHeader.tsx | 2 +- .../layout/page/components/PageCardLayout.tsx | 2 +- .../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/Table.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 | 4 +- ...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 +- ...rkflowDiagramStepNodeLogicFunctionIcon.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 +- .../__stories__/PasswordReset.stories.tsx | 4 +- .../auth/__stories__/SignInUp.stories.tsx | 2 +- .../SignInUpWithInvite.stories.tsx | 2 +- .../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 +- .../__stories__/ChooseYourPlan.stories.tsx | 2 +- .../__stories__/CreateProfile.stories.tsx | 2 +- .../__stories__/CreateWorkspace.stories.tsx | 2 +- .../__stories__/InviteTeam.stories.tsx | 2 +- .../__stories__/PaymentSuccess.stories.tsx | 2 +- .../__stories__/SyncEmails.stories.tsx | 2 +- .../internal/ChooseYourPlanContent.tsx | 8 +- .../page-layout/StandalonePageHeader.tsx | 4 +- .../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 | 4 +- .../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 | 8 +- .../SettingsObjectNewFieldSelect.tsx | 2 +- .../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 +- .../settings/email/SettingsWorkspaceEmail.tsx | 8 +- ...ttingsWorkspaceEmailGroupChannelDetail.tsx | 13 +- .../SettingsWorkspaceNewUnsubscribeTopic.tsx | 4 +- ...ettingsWorkspaceUnsubscribeTopicDetail.tsx | 6 +- .../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 +- .../roles/SettingsRoleAddObjectLevel.tsx | 2 +- .../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 +- .../src/testing/ComponentStorybookLayout.tsx | 2 + .../decorators/IconsProviderDecorator.tsx | 2 +- .../src/testing/decorators/PageDecorator.tsx | 2 +- .../src/utils/__tests__/checkUrlType.test.ts | 2 +- .../twenty-front/src/utils/checkUrlType.ts | 2 +- .../src/utils/compareNonEmptyStrings.ts | 2 +- ...ompareStrictlyExceptForNullAndUndefined.ts | 2 +- packages/twenty-front/vite.config.ts | 1 - .../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 +- packages/twenty-ui-deprecated/.oxlintrc.json | 77 - packages/twenty-ui-deprecated/.prettierignore | 3 - .../twenty-ui-deprecated/.storybook/main.ts | 57 - .../.storybook/manager-head.html | 5 - .../.storybook/preview-head.html | 34 - .../.storybook/preview.tsx | 19 - .../.storybook/vitest.setup.ts | 12 - packages/twenty-ui-deprecated/README.md | 15 - .../__mocks__/imageMockUi.js | 1 - packages/twenty-ui-deprecated/jest.config.mjs | 40 - packages/twenty-ui-deprecated/package.json | 207 - packages/twenty-ui-deprecated/project.json | 100 - .../scripts/generateBarrels.ts | 505 - .../scripts/visual-diff.sh | 41 - packages/twenty-ui-deprecated/setupTests.ts | 5 - .../components/VisibilityHidden.tsx | 21 - .../components/VisibilityHiddenInput.tsx | 7 - .../src/accessibility/index.ts | 12 - .../accessibility/utils/visibility-hidden.ts | 11 - .../src/assets/icons/address-book.svg | 9 - .../src/assets/icons/anthropic.svg | 3 - .../src/assets/icons/claude.svg | 3 - .../src/assets/icons/gemini.svg | 11 - .../src/assets/icons/gmail.svg | 25 - .../src/assets/icons/google-calendar.svg | 32 - .../src/assets/icons/google.svg | 1 - .../src/assets/icons/groq.svg | 3 - .../src/assets/icons/illustration-array.svg | 8 - .../icons/illustration-calendar-event.svg | 8 - .../icons/illustration-calendar-time.svg | 9 - .../assets/icons/illustration-currency.svg | 13 - .../src/assets/icons/illustration-file.svg | 5 - .../src/assets/icons/illustration-json.svg | 5 - .../src/assets/icons/illustration-link.svg | 17 - .../src/assets/icons/illustration-mail.svg | 14 - .../icons/illustration-many-to-many.svg | 8 - .../src/assets/icons/illustration-map.svg | 14 - .../src/assets/icons/illustration-numbers.svg | 14 - .../assets/icons/illustration-one-to-many.svg | 8 - .../assets/icons/illustration-one-to-one.svg | 8 - .../src/assets/icons/illustration-phone.svg | 12 - .../src/assets/icons/illustration-setting.svg | 6 - .../src/assets/icons/illustration-star.svg | 10 - .../src/assets/icons/illustration-tag.svg | 6 - .../src/assets/icons/illustration-tags.svg | 6 - .../src/assets/icons/illustration-text.svg | 17 - .../src/assets/icons/illustration-toggle.svg | 13 - .../src/assets/icons/illustration-uid.svg | 8 - .../src/assets/icons/illustration-user.svg | 6 - .../src/assets/icons/lock.svg | 19 - .../src/assets/icons/many-to-one.svg | 17 - .../src/assets/icons/microsoft-calendar.svg | 28 - .../src/assets/icons/microsoft-outlook.svg | 1 - .../src/assets/icons/microsoft.svg | 7 - .../src/assets/icons/mistral.svg | 3 - .../src/assets/icons/openai.svg | 3 - .../src/assets/icons/trash-x-off.svg | 7 - .../src/assets/icons/twenty-star-filled.svg | 3 - .../src/assets/icons/twenty-star.svg | 3 - .../src/assets/icons/xai.svg | 3 - .../twenty-ui-deprecated/src/assets/index.ts | 8 - .../src/assets/misc/list-view-grip.svg | 5 - .../src/assets/themes/dark-noise.jpg | Bin 26053 -> 0 bytes .../src/assets/themes/light-noise.png | Bin 9657 -> 0 bytes .../src/components/Pill/Pill.tsx | 34 - .../Pill/__stories__/Pill.stories.ts | 18 - .../avatar-or-icon/AvatarOrIcon.tsx | 96 - .../__stories__/AvatarOrIcon.stories.tsx | 68 - .../src/components/chip/Chip.tsx | 223 - .../src/components/chip/LinkChip.tsx | 93 - .../chip/__stories__/Chip.stories.tsx | 198 - .../chip/__stories__/LinkChip.stories.tsx | 186 - .../chip/constants/LinkChipClickOutsideId.ts | 1 - .../src/components/index.ts | 19 - .../src/components/tag/Tag.tsx | 122 - .../tag/__stories__/Tag.stories.tsx | 105 - .../src/display/avatar/components/Avatar.tsx | 183 - .../display/avatar/components/AvatarGroup.tsx | 33 - .../components/__stories__/Avatar.stories.tsx | 50 - .../__stories__/AvatarGroup.stories.tsx | 68 - .../states/invalidAvatarUrlsAtomV2.ts | 4 - .../constants/AvatarPropertiesBySize.ts | 22 - .../src/display/avatar/types/AvatarSize.ts | 1 - .../src/display/avatar/types/AvatarType.ts | 1 - .../src/display/banner/components/Banner.tsx | 69 - .../banner/components/InlineBanner.tsx | 61 - .../components/SidePanelInformationBanner.tsx | 80 - .../components/__stories__/Banner.stories.tsx | 146 - .../SidePanelInformationBanner.stories.tsx | 31 - .../src/display/callout/Callout.tsx | 188 - .../callout/__stories__/Callout.stories.tsx | 69 - .../components/AnimatedCheckmark.tsx | 42 - .../checkmark/components/Checkmark.tsx | 30 - .../__stories__/Checkmark.stories.tsx | 20 - .../display/color/components/ColorSample.tsx | 77 - .../__stories__/ColorSample.stories.tsx | 25 - .../command-block/components/CommandBlock.tsx | 55 - .../src/display/components/LinkifiedText.tsx | 44 - .../src/display/icon/components/Icon.tsx | 29 - .../icon/components/IconAddressBook.tsx | 25 - .../icon/components/IconBrandAnthropic.tsx | 14 - .../icon/components/IconBrandGemini.tsx | 14 - .../display/icon/components/IconBrandGroq.tsx | 14 - .../icon/components/IconBrandMistral.tsx | 14 - .../display/icon/components/IconBrandXai.tsx | 20 - .../components/IconChartBarHorizontal.tsx | 29 - .../src/display/icon/components/IconGmail.tsx | 14 - .../display/icon/components/IconGoogle.tsx | 14 - .../icon/components/IconGoogleCalendar.tsx | 14 - .../src/display/icon/components/IconLock.tsx | 14 - .../display/icon/components/IconMicrosoft.tsx | 15 - .../icon/components/IconMicrosoftCalendar.tsx | 15 - .../icon/components/IconMicrosoftOutlook.tsx | 15 - .../icon/components/IconModelClaude.tsx | 14 - .../icon/components/IconProviderOpenai.tsx | 20 - .../icon/components/IconRelationManyToOne.tsx | 17 - .../display/icon/components/IconTrashXOff.tsx | 15 - .../icon/components/IconTwentyStar.tsx | 15 - .../icon/components/IconTwentyStarFilled.tsx | 17 - .../icon/components/IllustrationIconArray.tsx | 23 - .../IllustrationIconCalendarEvent.tsx | 25 - .../IllustrationIconCalendarTime.tsx | 25 - .../components/IllustrationIconCurrency.tsx | 25 - .../icon/components/IllustrationIconFile.tsx | 23 - .../icon/components/IllustrationIconJson.tsx | 23 - .../icon/components/IllustrationIconLink.tsx | 23 - .../icon/components/IllustrationIconMail.tsx | 23 - .../components/IllustrationIconManyToMany.tsx | 25 - .../icon/components/IllustrationIconMap.tsx | 23 - .../components/IllustrationIconNumbers.tsx | 25 - .../components/IllustrationIconOneToMany.tsx | 25 - .../components/IllustrationIconOneToOne.tsx | 25 - .../icon/components/IllustrationIconPhone.tsx | 24 - .../components/IllustrationIconSetting.tsx | 26 - .../icon/components/IllustrationIconStar.tsx | 24 - .../icon/components/IllustrationIconTag.tsx | 23 - .../icon/components/IllustrationIconTags.tsx | 23 - .../icon/components/IllustrationIconText.tsx | 23 - .../components/IllustrationIconToggle.tsx | 23 - .../icon/components/IllustrationIconUid.tsx | 23 - .../icon/components/IllustrationIconUser.tsx | 23 - .../components/IllustrationIconWrapper.tsx | 11 - .../display/icon/components/TablerIcons.ts | 435 - .../components/ThinkingOrbitLoaderIcon.tsx | 49 - .../components/__stories__/Icon.stories.tsx | 59 - .../icon/hooks/__tests__/useIcons.test.ts | 47 - .../src/display/icon/hooks/useIcons.ts | 21 - .../display/icon/providers/IconsProvider.tsx | 20 - .../icon/providers/internal/AllIcons.ts | 8370 ----------------- .../src/display/icon/states/iconsState.ts | 6 - .../src/display/icon/types/IconComponent.ts | 11 - .../twenty-ui-deprecated/src/display/index.ts | 548 -- .../src/display/info/components/Info.tsx | 103 - .../components/__stories__/Info.stories.tsx | 47 - .../src/display/status/components/Status.tsx | 77 - .../components/__stories__/Status.stories.tsx | 67 - .../text/components/HorizontalSeparator.tsx | 78 - .../text/components/SeparatorLineText.tsx | 34 - .../HorizontalSeparator.stories.tsx | 15 - .../__stories__/SeparatorLineText.stories.tsx | 16 - .../StyledTintedIconTileContainer.tsx | 22 - .../components/TintedIconTile.tsx | 39 - .../tintedIconTileColorShades.constant.ts | 5 - .../internal/utils/getColorFromTheme.ts | 15 - .../utils/getIconTileColorShades.ts | 29 - .../src/display/tooltip/AppTooltip.tsx | 96 - .../tooltip/OverflowingTextWithTooltip.tsx | 177 - .../OverflowTextWithTooltip.stories.tsx | 137 - .../tooltip/__stories__/Tooltip.stories.tsx | 172 - .../display/typography/components/H1Title.tsx | 38 - .../display/typography/components/H2Title.tsx | 63 - .../display/typography/components/H3Title.tsx | 49 - .../display/typography/components/Label.tsx | 31 - .../typography/components/StyledText.tsx | 53 - .../__stories__/H1Title.stories.tsx | 43 - .../__stories__/H2Title.stories.tsx | 32 - .../__stories__/H3Title.stories.tsx | 22 - .../components/__stories__/Label.stories.tsx | 42 - .../src/feedback/index.ts | 17 - .../loader/__stories__/Loader.stories.tsx | 96 - .../src/feedback/loader/components/Loader.tsx | 61 - .../components/CircularProgressBar.tsx | 71 - .../progress-bar/components/ProgressBar.tsx | 70 - .../CircularProgressBar.stories.tsx | 51 - .../__stories__/ProgressBar.stories.tsx | 45 - .../hooks/useProgressAnimation.ts | 57 - packages/twenty-ui-deprecated/src/global.d.ts | 7 - packages/twenty-ui-deprecated/src/index.ts | 1 - .../src/individual-entry.ts | 16 - .../button/components/AnimatedButton.tsx | 531 -- .../components/AnimatedLightIconButton.tsx | 134 - .../input/button/components/Button/Button.tsx | 560 -- .../button/components/Button/constant.ts | 1 - .../Button/internal/ButtonHotKeys.tsx | 71 - .../components/Button/internal/ButtonIcon.tsx | 62 - .../components/Button/internal/ButtonSoon.tsx | 17 - .../components/Button/internal/ButtonText.tsx | 68 - .../input/button/components/ButtonGroup.tsx | 60 - .../button/components/ColorPickerButton.tsx | 46 - .../button/components/FloatingButton.tsx | 134 - .../button/components/FloatingButtonGroup.tsx | 58 - .../button/components/FloatingIconButton.tsx | 136 - .../components/FloatingIconButtonGroup.tsx | 67 - .../input/button/components/IconButton.tsx | 332 - .../button/components/IconButtonGroup.tsx | 54 - .../input/button/components/InsideButton.tsx | 47 - .../input/button/components/LightButton.tsx | 108 - .../button/components/LightIconButton.tsx | 130 - .../components/LightIconButtonGroup.tsx | 63 - .../input/button/components/MainButton.tsx | 118 - .../button/components/RoundedIconButton.tsx | 62 - .../button/components/TabButton/TabButton.tsx | 82 - .../internals/components/StyledTabBase.tsx | 92 - .../internals/components/TabContent.tsx | 48 - .../AnimatedLightIconButton.stories.tsx | 108 - .../components/__stories__/Button.docs.mdx | 27 - .../components/__stories__/Button.stories.tsx | 358 - .../__stories__/ButtonGroup.stories.tsx | 82 - .../__stories__/ColorPickerButton.stories.tsx | 17 - .../__stories__/FloatingButton.stories.tsx | 84 - .../FloatingButtonGroup.stories.tsx | 59 - .../FloatingIconButton.stories.tsx | 85 - .../FloatingIconButtonGroup.stories.tsx | 53 - .../__stories__/IconButton.stories.tsx | 180 - .../__stories__/IconButtonGroup.stories.tsx | 52 - .../__stories__/LightButton.stories.tsx | 88 - .../__stories__/LightIconButton.stories.tsx | 97 - .../__stories__/MainButton.stories.tsx | 61 - .../__stories__/RoundedIconButton.stories.tsx | 30 - .../__stories__/TabButton.stories.tsx | 254 - .../code-editor/components/CodeEditor.tsx | 322 - .../components/CodeEditorHeader.tsx | 53 - .../constants/BaseCodeEditorThemeId.ts | 1 - .../src/input/code-editor/index.ts | 3 - .../theme/utils/getBaseCodeEditorTheme.ts | 143 - .../components/ColorSchemeCard.tsx | 248 - .../components/ColorSchemePicker.tsx | 75 - .../__stories__/ColorSchemeCard.stories.tsx | 51 - .../src/input/components/CardPicker.tsx | 53 - .../src/input/components/Checkbox.tsx | 251 - .../src/input/components/IconListViewGrip.tsx | 11 - .../src/input/components/Radio.tsx | 176 - .../src/input/components/RadioGroup.tsx | 37 - .../src/input/components/SearchInput.tsx | 109 - .../src/input/components/Toggle.tsx | 103 - .../__stories__/Checkbox.stories.tsx | 97 - .../components/__stories__/Radio.stories.tsx | 64 - .../__stories__/SearchInput.stories.tsx | 54 - .../components/__stories__/Toggle.stories.tsx | 98 - .../twenty-ui-deprecated/src/input/index.ts | 108 - .../src/input/types/ColorScheme.ts | 1 - .../src/input/types/SelectOption.ts | 15 - .../__stories__/JsonTree.stories.tsx | 615 -- .../components/JsonArrayNode.tsx | 38 - .../components/JsonNestedNode.tsx | 157 - .../json-visualizer/components/JsonNode.tsx | 101 - .../components/JsonObjectNode.tsx | 38 - .../json-visualizer/components/JsonTree.tsx | 49 - .../components/JsonTreeContextProvider.tsx | 18 - .../components/JsonValueNode.tsx | 47 - .../components/internal/JsonArrow.tsx | 68 - .../components/internal/JsonList.tsx | 23 - .../components/internal/JsonListItem.tsx | 10 - .../components/internal/JsonNodeLabel.tsx | 74 - .../components/internal/JsonNodeValue.tsx | 40 - .../contexts/JsonTreeContext.tsx | 21 - .../hooks/useJsonTreeContextOrThrow.tsx | 15 - .../src/json-visualizer/index.ts | 26 - .../types/GetJsonNodeHighlighting.ts | 5 - .../types/JsonNodeHighlighting.ts | 5 - .../src/json-visualizer/utils/isArray.ts | 5 - .../json-visualizer/utils/isTwoFirstDepths.ts | 4 - .../AnimatedExpandableContainer.stories.tsx | 165 - .../AnimatedExpandableContainer.tsx | 89 - .../types/AnimationDimension.ts | 1 - .../types/AnimationDurationObject.ts | 4 - .../types/AnimationDurations.ts | 3 - .../types/AnimationMode.ts | 1 - .../types/AnimationSize.ts | 1 - .../utils/getCommonStyles.ts | 12 - .../utils/getExpandableAnimationConfig.ts | 30 - .../utils/getTransitionValues.ts | 18 - .../components/AnimatedPlaceholder.tsx | 108 - .../components/EmptyPlaceholderStyled.tsx | 85 - .../components/ErrorPlaceholderStyled.tsx | 43 - .../constants/Background.ts | 18 - .../constants/DarkBackground.ts | 19 - .../constants/DarkMovingImage.ts | 19 - .../constants/MovingImage.ts | 18 - .../src/layout/animated-placeholder/index.ts | 7 - .../src/layout/card/components/Card.tsx | 48 - .../layout/card/components/CardContent.tsx | 57 - .../src/layout/card/components/CardFooter.tsx | 29 - .../src/layout/card/components/CardHeader.tsx | 26 - .../components/__stories__/Card.stories.tsx | 31 - .../twenty-ui-deprecated/src/layout/index.ts | 60 - .../src/layout/modal/components/Modal.tsx | 193 - .../layout/modal/components/ModalBackdrop.tsx | 28 - .../layout/modal/components/ModalContent.tsx | 59 - .../layout/modal/components/ModalFooter.tsx | 43 - .../layout/modal/components/ModalHeader.tsx | 62 - .../components/__stories__/Modal.stories.tsx | 246 - .../src/layout/modal/index.ts | 12 - .../src/layout/modal/types/ModalOverlay.ts | 1 - .../src/layout/modal/types/ModalPadding.ts | 1 - .../src/layout/modal/types/ModalProps.ts | 26 - .../src/layout/modal/types/ModalSize.ts | 6 - .../resize-handle/components/ResizeHandle.tsx | 47 - .../__stories__/ResizeHandle.stories.tsx | 66 - .../resize-handle/hooks/useResizeHandle.ts | 44 - .../src/layout/section/components/Section.tsx | 56 - .../__stories__/Section.stories.tsx | 33 - .../src/navigation/index.ts | 79 - .../components/AdvancedSettingsToggle.tsx | 54 - .../link/components/ClickToActionLink.tsx | 39 - .../link/components/ContactLink.tsx | 47 - .../link/components/GithubVersionLink.tsx | 20 - .../navigation/link/components/RawLink.tsx | 37 - .../link/components/RoundedLink.tsx | 71 - .../navigation/link/components/SocialLink.tsx | 25 - .../link/components/UndecoratedLink.tsx | 37 - .../__stories__/ClickToActionLink.stories.tsx | 26 - .../__stories__/ContactLink.stories.tsx | 34 - .../__stories__/GithubVersionLink.stories.tsx | 15 - .../__stories__/RawLink.stories.tsx | 35 - .../__stories__/RoundedLink.stories.tsx | 34 - .../__stories__/SocialLink.stories.tsx | 49 - .../__stories__/UndecoratedLink.stories.tsx | 30 - .../src/navigation/link/components/index.ts | 8 - .../src/navigation/link/constants/Cal.ts | 1 - .../navigation/link/constants/GithubLink.ts | 1 - .../link/constants/TwentyPricingLink.ts | 1 - .../src/navigation/link/index.ts | 3 - .../navigation/menu/components/MenuPicker.tsx | 176 - .../__stories__/MenuPicker.stories.tsx | 117 - .../src/navigation/menu/components/index.ts | 1 - .../src/navigation/menu/index.ts | 2 - .../menu/menu-item/components/MenuItem.tsx | 159 - .../menu-item/components/MenuItemAvatar.tsx | 71 - .../components/MenuItemDraggable.tsx | 69 - .../menu-item/components/MenuItemHotKeys.tsx | 58 - .../components/MenuItemMultiSelect.tsx | 68 - .../components/MenuItemMultiSelectAvatar.tsx | 82 - .../components/MenuItemMultiSelectTag.tsx | 45 - .../menu-item/components/MenuItemNavigate.tsx | 42 - .../menu-item/components/MenuItemSelect.tsx | 140 - .../components/MenuItemSelectAvatar.tsx | 80 - .../components/MenuItemSelectColor.tsx | 54 - .../components/MenuItemSelectTag.tsx | 56 - .../components/MenuItemSuggestion.tsx | 96 - .../menu-item/components/MenuItemToggle.tsx | 72 - .../__stories__/MenuItem.stories.tsx | 315 - .../__stories__/MenuItemDraggable.stories.tsx | 135 - .../MenuItemMultiSelect.stories.tsx | 86 - .../MenuItemMultiSelectAvatar.stories.tsx | 85 - .../__stories__/MenuItemNavigate.stories.tsx | 80 - .../__stories__/MenuItemSelect.stories.tsx | 87 - .../MenuItemSelectAvatar.stories.tsx | 93 - .../MenuItemSelectColor.stories.tsx | 83 - .../__stories__/MenuItemSelectTag.stories.tsx | 94 - .../__stories__/MenuItemToggle.stories.tsx | 85 - .../menu/menu-item/components/index.ts | 15 - .../menu-item/constants/DefaultColorLabels.ts | 31 - .../src/navigation/menu/menu-item/index.ts | 4 - .../internals/components/MenuItemIcon.tsx | 51 - .../components/MenuItemIconBoxContainer.tsx | 39 - .../components/MenuItemIconWithGripSwap.tsx | 82 - .../components/MenuItemLeftContent.tsx | 151 - .../components/StyledMenuItemBase.tsx | 269 - .../menu/menu-item/types/MenuItemAccent.ts | 1 - .../types/MenuItemDraggableGripMode.ts | 1 - .../components/NavigationBar.tsx | 37 - .../components/NavigationBarItem.tsx | 45 - .../__stories__/NavigationBar.stories.tsx | 25 - .../components/NotificationCounter.tsx | 40 - .../twenty-ui-deprecated/src/nx-react.d.ts | 3 - .../src/testing/ComponentStorybookLayout.tsx | 53 - .../testing/decorators/CatalogDecorator.tsx | 172 - .../testing/decorators/ComponentDecorator.tsx | 40 - .../ComponentWithRouterDecorator.tsx | 83 - .../testing/decorators/JotaiRootDecorator.tsx | 9 - .../testing/decorators/RouterDecorator.tsx | 8 - .../twenty-ui-deprecated/src/testing/index.ts | 26 - .../src/testing/mocks/avatarUrlMock.ts | 2 - .../src/testing/types/CatalogStory.ts | 24 - .../src/theme-constants/ThemeProvider.tsx | 119 - .../__tests__/getNextThemeColor.test.ts | 28 - .../src/theme-constants/constants.ts | 3 - .../src/theme-constants/getNextThemeColor.ts | 15 - .../src/theme-constants/index.ts | 14 - .../src/theme-constants/theme-dark.css | 1007 -- .../src/theme-constants/theme-light.css | 1011 -- .../src/theme-constants/themeCssVariables.ts | 1090 --- .../src/theme/constants/AccentDark.ts | 23 - .../src/theme/constants/AccentLight.ts | 23 - .../src/theme/constants/Animation.ts | 10 - .../src/theme/constants/BackgroundDark.ts | 36 - .../src/theme/constants/BackgroundLight.ts | 36 - .../src/theme/constants/BlurDark.ts | 5 - .../src/theme/constants/BlurLight.ts | 5 - .../src/theme/constants/BorderCommon.ts | 11 - .../src/theme/constants/BorderDark.ts | 18 - .../src/theme/constants/BorderLight.ts | 18 - .../src/theme/constants/BoxShadowDark.ts | 19 - .../src/theme/constants/BoxShadowLight.ts | 9 - .../src/theme/constants/CodeDark.ts | 12 - .../src/theme/constants/CodeLight.ts | 12 - .../src/theme/constants/ColorsDark.ts | 9 - .../src/theme/constants/ColorsLight.ts | 9 - .../constants/DefaultThemeColorFallback.ts | 3 - .../src/theme/constants/FontCommon.ts | 17 - .../src/theme/constants/FontDark.ts | 16 - .../src/theme/constants/FontLight.ts | 16 - .../src/theme/constants/GrayScaleDark.ts | 14 - .../src/theme/constants/GrayScaleDarkAlpha.ts | 14 - .../src/theme/constants/GrayScaleLight.ts | 14 - .../theme/constants/GrayScaleLightAlpha.ts | 14 - .../src/theme/constants/Icon.ts | 13 - .../theme/constants/IllustrationIconDark.ts | 13 - .../theme/constants/IllustrationIconLight.ts | 13 - .../src/theme/constants/MainColorNames.ts | 5 - .../src/theme/constants/MainColorsDark.ts | 41 - .../src/theme/constants/MainColorsLight.ts | 41 - .../src/theme/constants/Modal.ts | 23 - .../src/theme/constants/Rgba.ts | 18 - .../theme/constants/SecondaryColorsDark.ts | 394 - .../theme/constants/SecondaryColorsLight.ts | 394 - .../src/theme/constants/SnackBarDark.ts | 26 - .../src/theme/constants/SnackBarLight.ts | 26 - .../src/theme/constants/TagDark.ts | 68 - .../src/theme/constants/TagLight.ts | 68 - .../src/theme/constants/Text.ts | 13 - .../src/theme/constants/ThemeCommon.ts | 27 - .../src/theme/constants/ThemeDark.ts | 33 - .../src/theme/constants/ThemeLight.ts | 32 - .../theme/constants/TransparentColorsDark.ts | 394 - .../theme/constants/TransparentColorsLight.ts | 394 - .../twenty-ui-deprecated/src/theme/index.ts | 55 - .../components/AnimatedCircleLoading.tsx | 35 - .../components/AnimatedContainer.tsx | 17 - .../animation/components/AnimatedEaseIn.tsx | 31 - .../components/AnimatedEaseInOut.tsx | 47 - .../animation/components/AnimatedFadeOut.tsx | 43 - .../components/AnimatedIconCrossfade.tsx | 69 - .../animation/components/AnimatedRotate.tsx | 55 - .../animation/components/AnimatedTextWord.tsx | 72 - .../components/AnimatedTranslation.tsx | 34 - .../src/utilities/animation/index.ts | 8 - ...tMainColorNameFromPaletteColorName.test.ts | 48 - .../stringToThemeColorP3String.test.ts | 36 - .../getMainColorNameFromPaletteColorName.ts | 7 - .../utilities/color/utils/parseThemeColor.ts | 10 - .../color/utils/stringToThemeColorP3String.ts | 34 - .../utilities/color/utils/themeColorSchema.ts | 7 - .../src/utilities/config.ts | 21 - .../__tests__/getOsControlSymbol.test.ts | 27 - .../__tests__/getOsShortcutSeparator.test.ts | 27 - .../utilities/device/getOsControlSymbol.ts | 7 - .../device/getOsShortcutSeparator.ts | 6 - .../src/utilities/device/getUserDevice.ts | 26 - .../dimensions/components/AutogrowWrapper.tsx | 39 - .../src/utilities/index.ts | 42 - .../hooks/useMouseDownNavigation.ts | 71 - .../navigation/hooks/useResetLocationHash.ts | 13 - .../navigation/isNavigationModifierPressed.ts | 16 - .../navigation/types/trigger-event.type.ts | 1 - .../hooks/__tests__/isMobile.test.tsx | 10 - .../utilities/responsive/hooks/useIsMobile.ts | 5 - .../screen-size/hooks/useScreenSize.ts | 25 - .../src/utilities/state/utils/createState.ts | 13 - .../utilities/types/ClickOutsideAttributes.ts | 4 - .../src/utilities/types/Nullable.ts | 1 - .../getDisplayValueByUrlType.test.ts | 149 - .../utils/__tests__/linkifyText.test.ts | 51 - .../utils/getDisplayValueByUrlType.ts | 43 - .../src/utilities/utils/linkifyText.ts | 28 - .../twenty-ui-deprecated/src/vite-env.d.ts | 2 - packages/twenty-ui-deprecated/tsconfig.json | 29 - .../twenty-ui-deprecated/tsconfig.lib.json | 17 - .../vite.config.individual.ts | 75 - packages/twenty-ui-deprecated/vite.config.ts | 173 - .../twenty-ui-deprecated/vitest.config.ts | 51 - packages/twenty-ui/README.md | 15 +- .../src/display/components/LinkifiedText.tsx | 3 +- .../components/ColorSchemeCard.tsx | 2 +- .../AdvancedSettingsToggle.module.scss | 21 +- .../AdvancedSettingsToggle.module.scss.d.ts | 2 - .../components/AdvancedSettingsToggle.tsx | 32 +- .../link/components/ContactLink.tsx | 4 +- .../link/components/RoundedLink.tsx | 4 +- .../__tests__/theme-parity.test.ts | 53 - packages/twenty-ui/src/utilities/index.ts | 1 + .../utils/__tests__/getSafeUrl.test.ts | 36 + .../src/utilities/utils/getSafeUrl.ts | 31 + yarn.lock | 224 +- 2267 files changed, 3289 insertions(+), 43134 deletions(-) delete mode 100644 .github/workflows/ci-ui.yaml delete mode 100644 packages/twenty-ui-deprecated/.oxlintrc.json delete mode 100644 packages/twenty-ui-deprecated/.prettierignore delete mode 100644 packages/twenty-ui-deprecated/.storybook/main.ts delete mode 100644 packages/twenty-ui-deprecated/.storybook/manager-head.html delete mode 100644 packages/twenty-ui-deprecated/.storybook/preview-head.html delete mode 100644 packages/twenty-ui-deprecated/.storybook/preview.tsx delete mode 100644 packages/twenty-ui-deprecated/.storybook/vitest.setup.ts delete mode 100644 packages/twenty-ui-deprecated/README.md delete mode 100644 packages/twenty-ui-deprecated/__mocks__/imageMockUi.js delete mode 100644 packages/twenty-ui-deprecated/jest.config.mjs delete mode 100644 packages/twenty-ui-deprecated/package.json delete mode 100644 packages/twenty-ui-deprecated/project.json delete mode 100644 packages/twenty-ui-deprecated/scripts/generateBarrels.ts delete mode 100755 packages/twenty-ui-deprecated/scripts/visual-diff.sh delete mode 100644 packages/twenty-ui-deprecated/setupTests.ts delete mode 100644 packages/twenty-ui-deprecated/src/accessibility/components/VisibilityHidden.tsx delete mode 100644 packages/twenty-ui-deprecated/src/accessibility/components/VisibilityHiddenInput.tsx delete mode 100644 packages/twenty-ui-deprecated/src/accessibility/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/accessibility/utils/visibility-hidden.ts delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/address-book.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/anthropic.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/claude.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/gemini.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/gmail.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/google-calendar.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/google.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/groq.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-array.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-calendar-event.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-calendar-time.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-currency.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-file.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-json.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-link.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-mail.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-many-to-many.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-map.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-numbers.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-one-to-many.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-one-to-one.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-phone.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-setting.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-star.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-tag.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-tags.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-text.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-toggle.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-uid.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/illustration-user.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/lock.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/many-to-one.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/microsoft-calendar.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/microsoft-outlook.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/microsoft.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/mistral.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/openai.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/trash-x-off.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/twenty-star-filled.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/twenty-star.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/icons/xai.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/assets/misc/list-view-grip.svg delete mode 100644 packages/twenty-ui-deprecated/src/assets/themes/dark-noise.jpg delete mode 100644 packages/twenty-ui-deprecated/src/assets/themes/light-noise.png delete mode 100644 packages/twenty-ui-deprecated/src/components/Pill/Pill.tsx delete mode 100644 packages/twenty-ui-deprecated/src/components/Pill/__stories__/Pill.stories.ts delete mode 100644 packages/twenty-ui-deprecated/src/components/avatar-or-icon/AvatarOrIcon.tsx delete mode 100644 packages/twenty-ui-deprecated/src/components/avatar-or-icon/__stories__/AvatarOrIcon.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/components/chip/Chip.tsx delete mode 100644 packages/twenty-ui-deprecated/src/components/chip/LinkChip.tsx delete mode 100644 packages/twenty-ui-deprecated/src/components/chip/__stories__/Chip.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/components/chip/__stories__/LinkChip.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/components/chip/constants/LinkChipClickOutsideId.ts delete mode 100644 packages/twenty-ui-deprecated/src/components/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/components/tag/Tag.tsx delete mode 100644 packages/twenty-ui-deprecated/src/components/tag/__stories__/Tag.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/avatar/components/Avatar.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/avatar/components/AvatarGroup.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/avatar/components/__stories__/Avatar.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/avatar/components/__stories__/AvatarGroup.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/avatar/components/states/invalidAvatarUrlsAtomV2.ts delete mode 100644 packages/twenty-ui-deprecated/src/display/avatar/constants/AvatarPropertiesBySize.ts delete mode 100644 packages/twenty-ui-deprecated/src/display/avatar/types/AvatarSize.ts delete mode 100644 packages/twenty-ui-deprecated/src/display/avatar/types/AvatarType.ts delete mode 100644 packages/twenty-ui-deprecated/src/display/banner/components/Banner.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/banner/components/InlineBanner.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/banner/components/SidePanelInformationBanner.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/banner/components/__stories__/Banner.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/banner/components/__stories__/SidePanelInformationBanner.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/callout/Callout.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/callout/__stories__/Callout.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/checkmark/components/AnimatedCheckmark.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/checkmark/components/Checkmark.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/checkmark/components/__stories__/Checkmark.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/color/components/ColorSample.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/color/components/__stories__/ColorSample.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/command-block/components/CommandBlock.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/components/LinkifiedText.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/Icon.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconAddressBook.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconBrandAnthropic.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconBrandGemini.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconBrandGroq.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconBrandMistral.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconBrandXai.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconChartBarHorizontal.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconGmail.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconGoogle.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconGoogleCalendar.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconLock.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconMicrosoft.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconMicrosoftCalendar.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconMicrosoftOutlook.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconModelClaude.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconProviderOpenai.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconRelationManyToOne.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconTrashXOff.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconTwentyStar.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IconTwentyStarFilled.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconArray.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconCalendarEvent.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconCalendarTime.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconCurrency.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconFile.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconJson.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconLink.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconMail.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconManyToMany.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconMap.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconNumbers.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconOneToMany.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconOneToOne.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconPhone.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconSetting.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconStar.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconTag.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconTags.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconText.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconToggle.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconUid.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconUser.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/IllustrationIconWrapper.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/TablerIcons.ts delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/ThinkingOrbitLoaderIcon.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/components/__stories__/Icon.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/hooks/__tests__/useIcons.test.ts delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/hooks/useIcons.ts delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/providers/IconsProvider.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/providers/internal/AllIcons.ts delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/states/iconsState.ts delete mode 100644 packages/twenty-ui-deprecated/src/display/icon/types/IconComponent.ts delete mode 100644 packages/twenty-ui-deprecated/src/display/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/display/info/components/Info.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/info/components/__stories__/Info.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/status/components/Status.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/status/components/__stories__/Status.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/text/components/HorizontalSeparator.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/text/components/SeparatorLineText.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/text/components/__stories__/HorizontalSeparator.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/text/components/__stories__/SeparatorLineText.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/tinted-icon-tile/components/StyledTintedIconTileContainer.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/tinted-icon-tile/components/TintedIconTile.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/tinted-icon-tile/internal/constants/tintedIconTileColorShades.constant.ts delete mode 100644 packages/twenty-ui-deprecated/src/display/tinted-icon-tile/internal/utils/getColorFromTheme.ts delete mode 100644 packages/twenty-ui-deprecated/src/display/tinted-icon-tile/utils/getIconTileColorShades.ts delete mode 100644 packages/twenty-ui-deprecated/src/display/tooltip/AppTooltip.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/tooltip/OverflowingTextWithTooltip.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/tooltip/__stories__/OverflowTextWithTooltip.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/tooltip/__stories__/Tooltip.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/typography/components/H1Title.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/typography/components/H2Title.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/typography/components/H3Title.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/typography/components/Label.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/typography/components/StyledText.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/typography/components/__stories__/H1Title.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/typography/components/__stories__/H2Title.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/typography/components/__stories__/H3Title.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/display/typography/components/__stories__/Label.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/feedback/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/feedback/loader/__stories__/Loader.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/feedback/loader/components/Loader.tsx delete mode 100644 packages/twenty-ui-deprecated/src/feedback/progress-bar/components/CircularProgressBar.tsx delete mode 100644 packages/twenty-ui-deprecated/src/feedback/progress-bar/components/ProgressBar.tsx delete mode 100644 packages/twenty-ui-deprecated/src/feedback/progress-bar/components/__stories__/CircularProgressBar.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/feedback/progress-bar/components/__stories__/ProgressBar.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/feedback/progress-bar/hooks/useProgressAnimation.ts delete mode 100644 packages/twenty-ui-deprecated/src/global.d.ts delete mode 100644 packages/twenty-ui-deprecated/src/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/individual-entry.ts delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/AnimatedButton.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/AnimatedLightIconButton.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/Button/Button.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/Button/constant.ts delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/Button/internal/ButtonHotKeys.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/Button/internal/ButtonIcon.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/Button/internal/ButtonSoon.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/Button/internal/ButtonText.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/ButtonGroup.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/ColorPickerButton.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/FloatingButton.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/FloatingButtonGroup.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/FloatingIconButton.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/FloatingIconButtonGroup.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/IconButton.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/IconButtonGroup.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/InsideButton.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/LightButton.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/LightIconButton.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/LightIconButtonGroup.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/MainButton.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/RoundedIconButton.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/TabButton/TabButton.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/TabButton/internals/components/StyledTabBase.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/TabButton/internals/components/TabContent.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/AnimatedLightIconButton.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/Button.docs.mdx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/Button.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/ButtonGroup.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/ColorPickerButton.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/FloatingButton.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/FloatingButtonGroup.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/FloatingIconButton.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/FloatingIconButtonGroup.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/IconButton.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/IconButtonGroup.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/LightButton.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/LightIconButton.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/MainButton.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/RoundedIconButton.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/button/components/__stories__/TabButton.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/code-editor/components/CodeEditor.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/code-editor/components/CodeEditorHeader.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/code-editor/constants/BaseCodeEditorThemeId.ts delete mode 100644 packages/twenty-ui-deprecated/src/input/code-editor/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/input/code-editor/theme/utils/getBaseCodeEditorTheme.ts delete mode 100644 packages/twenty-ui-deprecated/src/input/color-scheme/components/ColorSchemeCard.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/color-scheme/components/ColorSchemePicker.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/color-scheme/components/__stories__/ColorSchemeCard.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/components/CardPicker.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/components/Checkbox.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/components/IconListViewGrip.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/components/Radio.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/components/RadioGroup.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/components/SearchInput.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/components/Toggle.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/components/__stories__/Checkbox.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/components/__stories__/Radio.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/components/__stories__/SearchInput.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/components/__stories__/Toggle.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/input/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/input/types/ColorScheme.ts delete mode 100644 packages/twenty-ui-deprecated/src/input/types/SelectOption.ts delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/__stories__/JsonTree.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/components/JsonArrayNode.tsx delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/components/JsonNestedNode.tsx delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/components/JsonNode.tsx delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/components/JsonObjectNode.tsx delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/components/JsonTree.tsx delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/components/JsonTreeContextProvider.tsx delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/components/JsonValueNode.tsx delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/components/internal/JsonArrow.tsx delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/components/internal/JsonList.tsx delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/components/internal/JsonListItem.tsx delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/components/internal/JsonNodeLabel.tsx delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/components/internal/JsonNodeValue.tsx delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/contexts/JsonTreeContext.tsx delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/hooks/useJsonTreeContextOrThrow.tsx delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/types/GetJsonNodeHighlighting.ts delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/types/JsonNodeHighlighting.ts delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/utils/isArray.ts delete mode 100644 packages/twenty-ui-deprecated/src/json-visualizer/utils/isTwoFirstDepths.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-expandable-container/__stories__/AnimatedExpandableContainer.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-expandable-container/components/AnimatedExpandableContainer.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-expandable-container/types/AnimationDimension.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-expandable-container/types/AnimationDurationObject.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-expandable-container/types/AnimationDurations.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-expandable-container/types/AnimationMode.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-expandable-container/types/AnimationSize.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-expandable-container/utils/getCommonStyles.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-expandable-container/utils/getExpandableAnimationConfig.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-expandable-container/utils/getTransitionValues.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-placeholder/components/AnimatedPlaceholder.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-placeholder/components/EmptyPlaceholderStyled.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-placeholder/components/ErrorPlaceholderStyled.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-placeholder/constants/Background.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-placeholder/constants/DarkBackground.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-placeholder/constants/DarkMovingImage.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-placeholder/constants/MovingImage.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/animated-placeholder/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/card/components/Card.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/card/components/CardContent.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/card/components/CardFooter.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/card/components/CardHeader.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/card/components/__stories__/Card.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/modal/components/Modal.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/modal/components/ModalBackdrop.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/modal/components/ModalContent.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/modal/components/ModalFooter.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/modal/components/ModalHeader.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/modal/components/__stories__/Modal.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/modal/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/modal/types/ModalOverlay.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/modal/types/ModalPadding.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/modal/types/ModalProps.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/modal/types/ModalSize.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/resize-handle/components/ResizeHandle.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/resize-handle/components/__stories__/ResizeHandle.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/resize-handle/hooks/useResizeHandle.ts delete mode 100644 packages/twenty-ui-deprecated/src/layout/section/components/Section.tsx delete mode 100644 packages/twenty-ui-deprecated/src/layout/section/components/__stories__/Section.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/AdvancedSettingsToggle.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/ClickToActionLink.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/ContactLink.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/GithubVersionLink.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/RawLink.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/RoundedLink.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/SocialLink.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/UndecoratedLink.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/__stories__/ClickToActionLink.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/__stories__/ContactLink.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/__stories__/GithubVersionLink.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/__stories__/RawLink.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/__stories__/RoundedLink.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/__stories__/SocialLink.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/__stories__/UndecoratedLink.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/components/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/constants/Cal.ts delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/constants/GithubLink.ts delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/constants/TwentyPricingLink.ts delete mode 100644 packages/twenty-ui-deprecated/src/navigation/link/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/components/MenuPicker.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/components/__stories__/MenuPicker.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/components/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/MenuItem.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/MenuItemAvatar.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/MenuItemDraggable.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/MenuItemHotKeys.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/MenuItemMultiSelect.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/MenuItemMultiSelectAvatar.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/MenuItemMultiSelectTag.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/MenuItemNavigate.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/MenuItemSelect.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/MenuItemSelectAvatar.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/MenuItemSelectColor.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/MenuItemSelectTag.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/MenuItemSuggestion.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/MenuItemToggle.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/__stories__/MenuItem.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/__stories__/MenuItemDraggable.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/__stories__/MenuItemMultiSelect.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/__stories__/MenuItemMultiSelectAvatar.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/__stories__/MenuItemNavigate.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/__stories__/MenuItemSelect.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/__stories__/MenuItemSelectAvatar.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/__stories__/MenuItemSelectColor.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/__stories__/MenuItemSelectTag.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/__stories__/MenuItemToggle.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/components/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/constants/DefaultColorLabels.ts delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/internals/components/MenuItemIcon.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/internals/components/MenuItemIconBoxContainer.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/internals/components/MenuItemIconWithGripSwap.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/internals/components/MenuItemLeftContent.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/internals/components/StyledMenuItemBase.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/types/MenuItemAccent.ts delete mode 100644 packages/twenty-ui-deprecated/src/navigation/menu/menu-item/types/MenuItemDraggableGripMode.ts delete mode 100644 packages/twenty-ui-deprecated/src/navigation/navigation-bar/components/NavigationBar.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/navigation-bar/components/NavigationBarItem.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/navigation-bar/components/__stories__/NavigationBar.stories.tsx delete mode 100644 packages/twenty-ui-deprecated/src/navigation/notification-counter/components/NotificationCounter.tsx delete mode 100644 packages/twenty-ui-deprecated/src/nx-react.d.ts delete mode 100644 packages/twenty-ui-deprecated/src/testing/ComponentStorybookLayout.tsx delete mode 100644 packages/twenty-ui-deprecated/src/testing/decorators/CatalogDecorator.tsx delete mode 100644 packages/twenty-ui-deprecated/src/testing/decorators/ComponentDecorator.tsx delete mode 100644 packages/twenty-ui-deprecated/src/testing/decorators/ComponentWithRouterDecorator.tsx delete mode 100644 packages/twenty-ui-deprecated/src/testing/decorators/JotaiRootDecorator.tsx delete mode 100644 packages/twenty-ui-deprecated/src/testing/decorators/RouterDecorator.tsx delete mode 100644 packages/twenty-ui-deprecated/src/testing/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/testing/mocks/avatarUrlMock.ts delete mode 100644 packages/twenty-ui-deprecated/src/testing/types/CatalogStory.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme-constants/ThemeProvider.tsx delete mode 100644 packages/twenty-ui-deprecated/src/theme-constants/__tests__/getNextThemeColor.test.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme-constants/constants.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme-constants/getNextThemeColor.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme-constants/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme-constants/theme-dark.css delete mode 100644 packages/twenty-ui-deprecated/src/theme-constants/theme-light.css delete mode 100644 packages/twenty-ui-deprecated/src/theme-constants/themeCssVariables.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/AccentDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/AccentLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/Animation.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/BackgroundDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/BackgroundLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/BlurDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/BlurLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/BorderCommon.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/BorderDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/BorderLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/BoxShadowDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/BoxShadowLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/CodeDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/CodeLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/ColorsDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/ColorsLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/DefaultThemeColorFallback.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/FontCommon.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/FontDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/FontLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/GrayScaleDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/GrayScaleDarkAlpha.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/GrayScaleLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/GrayScaleLightAlpha.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/Icon.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/IllustrationIconDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/IllustrationIconLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/MainColorNames.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/MainColorsDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/MainColorsLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/Modal.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/Rgba.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/SecondaryColorsDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/SecondaryColorsLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/SnackBarDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/SnackBarLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/TagDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/TagLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/Text.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/ThemeCommon.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/ThemeDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/ThemeLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/TransparentColorsDark.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/constants/TransparentColorsLight.ts delete mode 100644 packages/twenty-ui-deprecated/src/theme/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/animation/components/AnimatedCircleLoading.tsx delete mode 100644 packages/twenty-ui-deprecated/src/utilities/animation/components/AnimatedContainer.tsx delete mode 100644 packages/twenty-ui-deprecated/src/utilities/animation/components/AnimatedEaseIn.tsx delete mode 100644 packages/twenty-ui-deprecated/src/utilities/animation/components/AnimatedEaseInOut.tsx delete mode 100644 packages/twenty-ui-deprecated/src/utilities/animation/components/AnimatedFadeOut.tsx delete mode 100644 packages/twenty-ui-deprecated/src/utilities/animation/components/AnimatedIconCrossfade.tsx delete mode 100644 packages/twenty-ui-deprecated/src/utilities/animation/components/AnimatedRotate.tsx delete mode 100644 packages/twenty-ui-deprecated/src/utilities/animation/components/AnimatedTextWord.tsx delete mode 100644 packages/twenty-ui-deprecated/src/utilities/animation/components/AnimatedTranslation.tsx delete mode 100644 packages/twenty-ui-deprecated/src/utilities/animation/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/color/utils/__tests__/getMainColorNameFromPaletteColorName.test.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/color/utils/__tests__/stringToThemeColorP3String.test.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/color/utils/getMainColorNameFromPaletteColorName.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/color/utils/parseThemeColor.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/color/utils/stringToThemeColorP3String.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/color/utils/themeColorSchema.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/config.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/device/__tests__/getOsControlSymbol.test.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/device/__tests__/getOsShortcutSeparator.test.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/device/getOsControlSymbol.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/device/getOsShortcutSeparator.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/device/getUserDevice.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/dimensions/components/AutogrowWrapper.tsx delete mode 100644 packages/twenty-ui-deprecated/src/utilities/index.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/navigation/hooks/useMouseDownNavigation.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/navigation/hooks/useResetLocationHash.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/navigation/isNavigationModifierPressed.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/navigation/types/trigger-event.type.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/responsive/hooks/__tests__/isMobile.test.tsx delete mode 100644 packages/twenty-ui-deprecated/src/utilities/responsive/hooks/useIsMobile.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/screen-size/hooks/useScreenSize.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/state/utils/createState.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/types/ClickOutsideAttributes.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/types/Nullable.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/utils/__tests__/getDisplayValueByUrlType.test.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/utils/__tests__/linkifyText.test.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/utils/getDisplayValueByUrlType.ts delete mode 100644 packages/twenty-ui-deprecated/src/utilities/utils/linkifyText.ts delete mode 100644 packages/twenty-ui-deprecated/src/vite-env.d.ts delete mode 100644 packages/twenty-ui-deprecated/tsconfig.json delete mode 100644 packages/twenty-ui-deprecated/tsconfig.lib.json delete mode 100644 packages/twenty-ui-deprecated/vite.config.individual.ts delete mode 100644 packages/twenty-ui-deprecated/vite.config.ts delete mode 100644 packages/twenty-ui-deprecated/vitest.config.ts delete mode 100644 packages/twenty-ui/src/theme-constants/__tests__/theme-parity.test.ts create mode 100644 packages/twenty-ui/src/utilities/utils/__tests__/getSafeUrl.test.ts create mode 100644 packages/twenty-ui/src/utilities/utils/getSafeUrl.ts diff --git a/.github/workflows/ci-front.yaml b/.github/workflows/ci-front.yaml index 5e4e27efca..ec913297d9 100644 --- a/.github/workflows/ci-front.yaml +++ b/.github/workflows/ci-front.yaml @@ -29,7 +29,6 @@ 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 @@ -97,7 +96,6 @@ 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-ui.yaml b/.github/workflows/ci-ui.yaml deleted file mode 100644 index 566c1214ca..0000000000 --- a/.github/workflows/ci-ui.yaml +++ /dev/null @@ -1,106 +0,0 @@ -name: CI UI - -on: - pull_request: - merge_group: - push: - branches: [main] - -permissions: - contents: read - -concurrency: - group: ${{ github.workflow }}-${{ github.ref }}${{ github.ref == 'refs/heads/main' && format('-{0}', github.sha) || '' }} - cancel-in-progress: ${{ github.ref != 'refs/heads/main' }} - -jobs: - changed-files-check: - if: github.event_name == 'pull_request' - uses: ./.github/workflows/changed-files.yaml - with: - files: | - package.json - yarn.lock - packages/twenty-ui-deprecated/** - packages/twenty-shared/** - ui-task: - needs: changed-files-check - if: needs.changed-files-check.outputs.any_changed == 'true' - timeout-minutes: 30 - runs-on: ubuntu-latest - strategy: - matrix: - task: [lint, typecheck, test] - steps: - - name: Fetch custom Github Actions and base branch history - uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4.3.1 - with: - fetch-depth: 10 - - name: Install dependencies - uses: ./.github/actions/yarn-install - - name: Run ${{ matrix.task }} - run: npx nx ${{ matrix.task }} twenty-ui-deprecated - ui-sb-build: - needs: changed-files-check - if: >- - always() && - (github.event_name == 'push' || - needs.changed-files-check.outputs.any_changed == 'true') - timeout-minutes: 30 - runs-on: ubuntu-latest - steps: - - name: Fetch custom Github Actions and base branch history - uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4.3.1 - with: - fetch-depth: 10 - - name: Install dependencies - uses: ./.github/actions/yarn-install - - name: Build storybook - 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-deprecated/storybook-static - retention-days: 1 - ui-sb-test: - timeout-minutes: 30 - runs-on: ubuntu-latest - needs: ui-sb-build - if: always() && needs.ui-sb-build.result == 'success' - steps: - - name: Fetch custom Github Actions and base branch history - uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4.3.1 - with: - fetch-depth: 10 - - name: Install dependencies - uses: ./.github/actions/yarn-install - - name: Build dependencies - run: npx nx build twenty-shared - - name: Download storybook build - uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4.3.0 - with: - name: storybook-twenty-ui - path: packages/twenty-ui-deprecated/storybook-static - - name: Install Playwright - run: | - cd packages/twenty-ui-deprecated - npx playwright install - - name: Run storybook tests - 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-deprecated/screenshots - retention-days: 1 - ci-ui-status-check: - if: always() && !cancelled() - timeout-minutes: 5 - runs-on: ubuntu-latest - needs: [changed-files-check, ui-task, ui-sb-build, ui-sb-test] - steps: - - name: Fail job if any needs failed - if: contains(needs.*.result, 'failure') - run: exit 1 diff --git a/.github/workflows/visual-regression-dispatch.yaml b/.github/workflows/visual-regression-dispatch.yaml index 818220eb81..882afa1567 100644 --- a/.github/workflows/visual-regression-dispatch.yaml +++ b/.github/workflows/visual-regression-dispatch.yaml @@ -10,7 +10,7 @@ name: Visual Regression Dispatch on: workflow_run: - workflows: ['CI UI', 'CI New UI', 'CI Front'] + workflows: ['CI New UI', 'CI Front'] types: [completed] permissions: @@ -39,11 +39,10 @@ jobs: script: | const name = context.payload.workflow_run.name; const projectByWorkflow = { - 'CI UI': 'twenty-ui', 'CI New UI': 'twenty-new-ui', 'CI Front': 'twenty-front', }; - const project = projectByWorkflow[name] ?? 'twenty-ui'; + const project = projectByWorkflow[name] ?? 'twenty-front'; const artifactName = `argos-screenshots-${project}`; core.setOutput('workflow_name', name); core.setOutput('project', project); @@ -187,89 +186,3 @@ jobs: fi gh workflow run post-visual-regression-comment.yaml --repo twentyhq/ci-privileged --ref main "${ARGS[@]}" - - # ── Dispatch: cross-comparison baseline (CI UI on main → twenty-ui-vs-new-ui) ── - dispatch-comparison-baseline: - needs: resolve-context - if: >- - needs.resolve-context.outputs.workflow_name == 'CI UI' && - needs.resolve-context.outputs.has_artifact == 'true' && - github.event.workflow_run.event == 'push' && - github.event.workflow_run.head_branch == 'main' - runs-on: ubuntu-latest - timeout-minutes: 5 - steps: - - name: Mint ci-privileged dispatch token - id: app-token - uses: actions/create-github-app-token@bcd2ba49218906704ab6c1aa796996da409d3eb1 # v3.2.0 - with: - client-id: ${{ vars.TWENTY_WORKFLOW_DISPATCHER_CLIENT_ID }} - private-key: ${{ secrets.TWENTY_WORKFLOW_DISPATCHER_PRIVATE_KEY }} - owner: twentyhq - repositories: ci-privileged - permission-actions: write - - - name: Dispatch to ci-privileged (comparison baseline) - env: - GH_TOKEN: ${{ steps.app-token.outputs.token }} - WORKFLOW_RUN_ID: ${{ github.event.workflow_run.id }} - REPOSITORY: ${{ github.repository }} - BRANCH: ${{ github.event.workflow_run.head_branch }} - COMMIT: ${{ github.event.workflow_run.head_sha }} - ARTIFACT_NAME: ${{ needs.resolve-context.outputs.artifact_name }} - run: | - gh workflow run post-visual-regression-comment.yaml --repo twentyhq/ci-privileged --ref main \ - -f project="twenty-ui-vs-new-ui" \ - -f artifact_name="$ARTIFACT_NAME" \ - -f run_id="$WORKFLOW_RUN_ID" \ - -f repo="$REPOSITORY" \ - -f branch="$BRANCH" \ - -f commit="$COMMIT" - - # ── Dispatch: cross-comparison PR (CI New UI on PRs → twenty-ui-vs-new-ui) ── - dispatch-comparison-pr: - needs: resolve-context - if: >- - needs.resolve-context.outputs.workflow_name == 'CI New UI' && - needs.resolve-context.outputs.has_artifact == 'true' && - needs.resolve-context.outputs.is_pr == 'true' && - github.event.workflow_run.event == 'pull_request' - runs-on: ubuntu-latest - timeout-minutes: 5 - steps: - - name: Mint ci-privileged dispatch token - id: app-token - uses: actions/create-github-app-token@bcd2ba49218906704ab6c1aa796996da409d3eb1 # v3.2.0 - with: - client-id: ${{ vars.TWENTY_WORKFLOW_DISPATCHER_CLIENT_ID }} - private-key: ${{ secrets.TWENTY_WORKFLOW_DISPATCHER_PRIVATE_KEY }} - owner: twentyhq - repositories: ci-privileged - permission-actions: write - - - name: Dispatch to ci-privileged (comparison PR) - env: - GH_TOKEN: ${{ steps.app-token.outputs.token }} - WORKFLOW_RUN_ID: ${{ github.event.workflow_run.id }} - REPOSITORY: ${{ github.repository }} - BRANCH: ${{ github.event.workflow_run.head_branch }} - COMMIT: ${{ github.event.workflow_run.head_sha }} - PR_NUMBER: ${{ needs.resolve-context.outputs.pr_number }} - REFERENCE_COMMIT: ${{ needs.resolve-context.outputs.merge_base_sha }} - ARTIFACT_NAME: ${{ needs.resolve-context.outputs.artifact_name }} - run: | - ARGS=( - -f project="twenty-ui-vs-new-ui" - -f artifact_name="$ARTIFACT_NAME" - -f run_id="$WORKFLOW_RUN_ID" - -f repo="$REPOSITORY" - -f branch="$BRANCH" - -f commit="$COMMIT" - -f pr_number="$PR_NUMBER" - ) - - if [ -n "$REFERENCE_COMMIT" ]; then - ARGS+=(-f reference_commit="$REFERENCE_COMMIT") - fi - - gh workflow run post-visual-regression-comment.yaml --repo twentyhq/ci-privileged --ref main "${ARGS[@]}" diff --git a/package.json b/package.json index a4f6dc429f..a5e3ba4159 100644 --- a/package.json +++ b/package.json @@ -71,7 +71,6 @@ "packages/twenty-server", "packages/twenty-emails", "packages/twenty-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 98f137d66f..b95241f489 100644 --- a/packages/twenty-docker/twenty/Dockerfile +++ b/packages/twenty-docker/twenty/Dockerfile @@ -11,14 +11,13 @@ 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-ui-deprecated 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-shared twenty-sdk twenty-client-sdk && yarn cache clean && npx nx reset FROM node:24.16.0-alpine3.23@sha256:2bdb65ed1dab192432bc31c95f94155ca5ad7fc1392fb7eb7526ab682fa5bf14 AS server-deps @@ -65,7 +64,6 @@ 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 0d269ff2ae..251bd8a638 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-deprecated/theme-constants'; +import { ThemeProvider } from 'twenty-ui/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 6aa475f4a1..e15b97d0d9 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-deprecated": "workspace:*", + "twenty-ui": "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 a71c7b65ac..9f481837c7 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-deprecated/src/**/index.ts", - "{workspaceRoot}/packages/twenty-ui-deprecated/src/**/*.tsx" + "{workspaceRoot}/packages/twenty-ui/src/**/index.ts", + "{workspaceRoot}/packages/twenty-ui/src/**/*.tsx" ], "outputs": [ "{projectRoot}/src/host/generated/*", @@ -58,7 +58,7 @@ }, { "target": "build:individual", - "projects": "twenty-ui-deprecated" + "projects": "twenty-ui" }, { "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 d9b2f4d7b4..553cca6504 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-deprecated/dist/individual/individual-entry.js', + '../../../twenty-ui/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 0a467fed03..5707497cc8 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-deprecated/theme-constants'; +import { ThemeProvider } from 'twenty-ui/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 6973556329..c7a39d2dae 100644 --- a/packages/twenty-front/.storybook/preview.tsx +++ b/packages/twenty-front/.storybook/preview.tsx @@ -19,11 +19,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-deprecated/style.css'; -import 'twenty-ui-deprecated/theme-light.css'; -import 'twenty-ui-deprecated/theme-dark.css'; import 'twenty-ui/style.css'; -import { ThemeProvider } from 'twenty-ui-deprecated/theme-constants'; +import 'twenty-ui/theme-light.css'; +import 'twenty-ui/theme-dark.css'; +import { ThemeProvider } from 'twenty-ui/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 9fbee936a2..a3f9102023 100644 --- a/packages/twenty-front/jest.config.mjs +++ b/packages/twenty-front/jest.config.mjs @@ -24,10 +24,9 @@ const jestConfig = { testEnvironmentOptions: {}, transformIgnorePatterns: [ - '/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)/.*)', + '/node_modules/(?!(twenty-ui|apollo-upload-client|extract-files|is-plain-obj)/.*)', + '../../node_modules/(?!(twenty-ui|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 e5cfc1db80..0183477647 100644 --- a/packages/twenty-front/package.json +++ b/packages/twenty-front/package.json @@ -44,6 +44,8 @@ "@graphiql/react": "^0.37.6", "@hello-pangea/dnd": "^18.0.1", "@hookform/resolvers": "^5.2.2", + "@linaria/core": "^7.0.0", + "@linaria/react": "^7.0.1", "@lingui/core": "^5.9.5", "@lingui/detect-locale": "^5.9.5", "@lingui/react": "^5.9.5", @@ -141,7 +143,6 @@ "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 de518f6d22..cdaea46357 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-deprecated/display'; +import { IconCopy, IconExclamationCircle } from 'twenty-ui/display'; import { useContext } from 'react'; -import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 16ce2ee2cf..3f39662465 100644 --- a/packages/twenty-front/src/index.tsx +++ b/packages/twenty-front/src/index.tsx @@ -4,12 +4,9 @@ import { App } from '@/app/components/App'; import { migrateTokenPairCookieToLocalStorage } from '@/auth/utils/migrateTokenPairCookieToLocalStorage'; import { hydrateMetadataStore } from '@/metadata-store/storage/metadataStoreStorage'; 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'; // TODO: REMOVE this after 2026-12-12 — temporary migration of tokenPair from the diff --git a/packages/twenty-front/src/loading/components/LeftPanelSkeletonLoader.tsx b/packages/twenty-front/src/loading/components/LeftPanelSkeletonLoader.tsx index 142010b863..b9d6eead93 100644 --- a/packages/twenty-front/src/loading/components/LeftPanelSkeletonLoader.tsx +++ b/packages/twenty-front/src/loading/components/LeftPanelSkeletonLoader.tsx @@ -7,10 +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, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledAnimatedContainer = styled(motion.div)` box-sizing: border-box; diff --git a/packages/twenty-front/src/loading/components/MainNavigationDrawerItemsSkeletonLoader.tsx b/packages/twenty-front/src/loading/components/MainNavigationDrawerItemsSkeletonLoader.tsx index 5de54b5ffb..12c8c16b1c 100644 --- a/packages/twenty-front/src/loading/components/MainNavigationDrawerItemsSkeletonLoader.tsx +++ b/packages/twenty-front/src/loading/components/MainNavigationDrawerItemsSkeletonLoader.tsx @@ -3,7 +3,7 @@ import { css } from '@linaria/core'; import { styled } from '@linaria/react'; import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 46d6751b03..370343893d 100644 --- a/packages/twenty-front/src/loading/components/PageContentSkeletonLoader.tsx +++ b/packages/twenty-front/src/loading/components/PageContentSkeletonLoader.tsx @@ -3,7 +3,7 @@ import { PageCardHeader } from '@/ui/layout/page/components/PageCardHeader'; import { PageCardLayout } from '@/ui/layout/page/components/PageCardLayout'; import { type ReactNode, useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/theme-constants'; type PageContentSkeletonLoaderProps = { secondaryBar?: ReactNode; diff --git a/packages/twenty-front/src/loading/components/SidePanelSkeletonLoader.tsx b/packages/twenty-front/src/loading/components/SidePanelSkeletonLoader.tsx index f330af3d3c..60ac5054a5 100644 --- a/packages/twenty-front/src/loading/components/SidePanelSkeletonLoader.tsx +++ b/packages/twenty-front/src/loading/components/SidePanelSkeletonLoader.tsx @@ -2,10 +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, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 e6963ba872..d44e944055 100644 --- a/packages/twenty-front/src/loading/components/UserOrMetadataLoader.tsx +++ b/packages/twenty-front/src/loading/components/UserOrMetadataLoader.tsx @@ -3,11 +3,8 @@ 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-deprecated/theme-constants'; -import { ModalBackdrop } from 'twenty-ui-deprecated/layout'; +import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; +import { ModalBackdrop } from 'twenty-ui/layout'; import { LeftPanelSkeletonLoader } from '~/loading/components/LeftPanelSkeletonLoader'; import { PageContentSkeletonLoader } from '~/loading/components/PageContentSkeletonLoader'; 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 d54a847dcf..b2de426f03 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarDayCardContent.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarDayCardContent.tsx @@ -4,11 +4,8 @@ import { useContext } from 'react'; import { CalendarEventRow } from '@/activities/calendar/components/CalendarEventRow'; import { getCalendarEventStartDate } from '@/activities/calendar/utils/getCalendarEventStartDate'; -import { CardContent } from 'twenty-ui-deprecated/layout'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { CardContent } from 'twenty-ui/layout'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 8d5baa9ed3..f9b526bf06 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventDetails.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventDetails.tsx @@ -36,9 +36,9 @@ import { ChipAccent, ChipSize, ChipVariant, -} from 'twenty-ui-deprecated/components'; -import { IconCalendarEvent } from 'twenty-ui-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/components'; +import { IconCalendarEvent } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 a33e4580d7..fc2b2f190e 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx @@ -1,11 +1,8 @@ import { styled } from '@linaria/react'; import { Trans } from '@lingui/react/macro'; import { useContext } from 'react'; -import { IconLock } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconLock } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 bccc9fea55..a8ff11d646 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-deprecated/display'; +import { Avatar, AvatarGroup } from 'twenty-ui/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 cd2477c004..4a1257785b 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsResponseStatusField.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsResponseStatusField.tsx @@ -6,15 +6,8 @@ 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-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconCheck, IconQuestionMark, IconX } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 c55efb1810..66fcce2cef 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx @@ -15,11 +15,8 @@ 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-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconArrowRight } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 efbde0cde7..349e44833b 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-deprecated/display'; +import { H3Title } from 'twenty-ui/display'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, @@ -24,8 +24,8 @@ import { AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, Section, -} from 'twenty-ui-deprecated/layout'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/layout'; +import { themeCssVariables } from 'twenty-ui/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 f8e6e88d2d..c443df565e 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-deprecated/layout'; +import { Card } from 'twenty-ui/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 36d80d6fd0..2128194bf9 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 00e310055c..59ff8a1211 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-deprecated/layout'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Card } from 'twenty-ui/layout'; +import { themeCssVariables } from 'twenty-ui/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 14c96cd41a..af3b20ee48 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-deprecated/layout'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { CardContent } from 'twenty-ui/layout'; +import { themeCssVariables } from 'twenty-ui/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 447a715774..e96ee4de05 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 c19fefaf5c..f8f9576040 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 a73cb5c44b..4f69b35f44 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Avatar } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 a63bd673de..1d98bcac36 100644 --- a/packages/twenty-front/src/modules/activities/components/SkeletonLoader.tsx +++ b/packages/twenty-front/src/modules/activities/components/SkeletonLoader.tsx @@ -1,10 +1,7 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledSkeletonContainer = styled.div` align-content: flex-start; diff --git a/packages/twenty-front/src/modules/activities/emails/components/CampaignComposerFields.tsx b/packages/twenty-front/src/modules/activities/emails/components/CampaignComposerFields.tsx index 547abb198f..afe449bb74 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/CampaignComposerFields.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/CampaignComposerFields.tsx @@ -12,7 +12,7 @@ import { Select } from '@/ui/input/components/Select'; import { t } from '@lingui/core/macro'; import { MessageChannelType } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { type SelectOption } from 'twenty-ui-deprecated/input'; +import { type SelectOption } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledFieldsContainer = styled.div` 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 2e12006bc6..10de2c5eed 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { IconPlus } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/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 ebc8bec0fa..432f9af172 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailAttachmentsField.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailAttachmentsField.tsx @@ -3,11 +3,8 @@ 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-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconUpload } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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/EmailComposerFields.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailComposerFields.tsx index 921610f427..8ae0cbb18c 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-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { type SelectOption } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 6068105fea..2c465b3e31 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-deprecated/layout'; -import { Loader } from 'twenty-ui-deprecated/feedback'; +} from 'twenty-ui/layout'; +import { Loader } from 'twenty-ui/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 bfd23e4cf7..771f075491 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-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconArrowBackUp, IconUserCircle } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 324120a0f9..3d25d8d193 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 09841eed28..04759c939d 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 7ed69f6001..0bf2b32297 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-deprecated/theme-constants'; -import { AnimatedEaseInOut } from 'twenty-ui-deprecated/utilities'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { AnimatedEaseInOut } from 'twenty-ui/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 1f1454c6b0..6809f884b1 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 6f04dc7ae5..59a1b1830a 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 3e3e30d3e2..4831dc7743 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { AppTooltip, TooltipPosition } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 8ec5fa626e..9d84f81eb1 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadNotShared.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadNotShared.tsx @@ -1,15 +1,8 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; -import { - AppTooltip, - IconLock, - TooltipDelay, -} from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { AppTooltip, IconLock, TooltipDelay } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 f2a5c595ec..3d501b161a 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadPreview.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadPreview.tsx @@ -7,11 +7,8 @@ import { useContext } from 'react'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { Avatar } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { Avatar } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 eb9f02beb0..da83e035ce 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-deprecated/display'; -import { Section } from 'twenty-ui-deprecated/layout'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { H1Title, H1TitleFontColor } from 'twenty-ui/display'; +import { Section } from 'twenty-ui/layout'; +import { themeCssVariables } from 'twenty-ui/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 9b6e46de5f..73c21407be 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-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; +import { IconMail } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/input'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, @@ -9,7 +9,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui-deprecated/layout'; +} from 'twenty-ui/layout'; export const EmptyInboxPlaceholder = () => { const { t } = useLingui(); 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 6c443ee63c..0f44f6033a 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/input'; +import { MenuItem } from 'twenty-ui/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 38a763140c..4b37629473 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-deprecated/layout'; +import { ModalContent, ModalHeader } from 'twenty-ui/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-deprecated/display'; -import { IconButton } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconDownload, IconX } from 'twenty-ui/display'; +import { IconButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 38e00a30c1..8f525fd420 100644 --- a/packages/twenty-front/src/modules/activities/files/components/AttachmentRow.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/AttachmentRow.tsx @@ -17,15 +17,9 @@ 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-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; -import { isNavigationModifierPressed } from 'twenty-ui-deprecated/utilities'; +import { IconCalendar, OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { isNavigationModifierPressed } from 'twenty-ui/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 6650f49bbd..4d7e062890 100644 --- a/packages/twenty-front/src/modules/activities/files/components/DocumentViewer.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/DocumentViewer.tsx @@ -11,12 +11,9 @@ 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-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconDownload } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/input'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 f6d634c43f..c514b3b45c 100644 --- a/packages/twenty-front/src/modules/activities/files/components/DropZone.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/DropZone.tsx @@ -4,11 +4,8 @@ import { useContext } from 'react'; import { useDropzone } from 'react-dropzone'; import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal'; -import { IconUpload } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconUpload } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 33435fde3e..8e805dba3c 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-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; +import { IconPlus } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/input'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, @@ -21,7 +21,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui-deprecated/layout'; +} from 'twenty-ui/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 f850ff02ca..239d3ce435 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-deprecated/display'; +import { IconArrowUpRight, IconPencil } from 'twenty-ui/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 dbab8122f5..1e32ab7548 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 f1175440ca..60663bd9b4 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 2888f60065..7f6883eb12 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-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; +import { IconPlus } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/input'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, @@ -18,7 +18,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui-deprecated/layout'; +} from 'twenty-ui/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 ea594e7243..c99356bcbb 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-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; +import { IconPlus } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/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 b2b3a444c3..f40280b3d1 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-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; +import { IconPlus } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/input'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, @@ -21,7 +21,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui-deprecated/layout'; +} from 'twenty-ui/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 fb12c0459e..6abcbaf7f7 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 d9060f67cd..3d8a9a33a2 100644 --- a/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx +++ b/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx @@ -14,15 +14,9 @@ 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-deprecated/display'; -import { Checkbox, CheckboxShape } from 'twenty-ui-deprecated/input'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconCalendar, OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { Checkbox, CheckboxShape } from 'twenty-ui/input'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 3c2e669167..bd819dfe73 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 5d6606639b..e287f4e674 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 78f67c0822..38b84ce04b 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 780ffd374c..8acc07e92b 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 2ee99c4ca6..00a6ff56b6 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,11 +14,8 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui-deprecated/layout'; -import { - MOBILE_VIEWPORT, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/layout'; +import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/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 18e4a3ac5b..b0ee7a1198 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 4cdbc76013..697aa33d82 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,11 +8,8 @@ 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-deprecated/display'; -import { - MOBILE_VIEWPORT, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/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 d9a52f4d2c..bc14ea8f7b 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 26dc6ca89d..4e4e545c8e 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 917835d6fc..732bf8be7f 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 d4864746aa..44ff7a0538 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,8 +1,5 @@ import { styled } from '@linaria/react'; -import { - MOBILE_VIEWPORT, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/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 21881eccc9..4c3ce89b04 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-deprecated/input'; -import { IconChevronDown, IconChevronUp } from 'twenty-ui-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconButton } from 'twenty-ui/input'; +import { IconChevronDown, IconChevronUp } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 0d35f5bd21..ba60995bdd 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-deprecated/display'; +} from 'twenty-ui/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 63c1b8290b..e3195e7a01 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 01bd04bcb4..a29056108d 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 b0e8ba5af5..720e1260df 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Icon123, useIcons } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 f34d8e47eb..69f9d9d296 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 d1f6396d52..c3df7802f1 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,12 +8,8 @@ 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { AppTooltip, TooltipDelay, TooltipPosition } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 34f7b668e5..6853ba2d01 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,10 +3,7 @@ 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-deprecated/theme-constants'; +import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/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 a83180604a..ba097dd18b 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,10 +8,7 @@ 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-deprecated/theme-constants'; +import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/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 378b57eb86..2b6f4d33dd 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,10 +2,7 @@ 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-deprecated/testing'; +import { ComponentDecorator, RouterDecorator } from 'twenty-ui/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 22f393a4d2..83ad33fae7 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 f83d7e8b28..b2c2309f7a 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconLock } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 61ea3a9dd0..7bd5fa288e 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 74fc61eeb2..0735f3b22a 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 55e2537410..8fab6180fb 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 5307bf0a70..f2d630d5ce 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 72fa8947bf..0c1c229146 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-deprecated/display'; -import { FloatingIconButton } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import type { IconComponent } from 'twenty-ui/display'; +import { FloatingIconButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 59c8b36090..c1c1b71b99 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-deprecated/display'; +import { IconLink, IconPencil } from 'twenty-ui/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 f268bae583..de389a1184 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-deprecated/display'; +} from 'twenty-ui/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 f8a8ac3431..9a9f531128 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-deprecated/display'; +import { IconExternalLink, IconLinkOff } from 'twenty-ui/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 8e15510f27..e7e87cbe71 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 02debf3f77..1ce9d6dc16 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,12 +7,9 @@ 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconPilcrow } from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/navigation'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 f62a90a476..663c4d1cf5 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 @@ -11,11 +11,8 @@ import { useLingui } from '@lingui/react/macro'; import { useContext, useId } from 'react'; import { isDefined } from 'twenty-shared/utils'; import { type WorkflowEmailFiles } from 'twenty-shared/workflow'; -import { IconUpload } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconUpload } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; type WorkflowSendEmailAttachmentsProps = { files: WorkflowEmailFiles; 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 147f547538..c648432ad9 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,10 +3,7 @@ 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-deprecated/testing'; +import { ComponentDecorator, RouterDecorator } from 'twenty-ui/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 502d5cff0c..1ab42451db 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 4a1eb4d1b8..3f56470cd1 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-deprecated/display'; +} from 'twenty-ui/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 b595d5c29c..2e6d9fa87a 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-deprecated/display'; +import { type IconComponent } from 'twenty-ui/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 bed9ba981a..433562b942 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-deprecated/navigation'; +import { MenuItemSuggestion } from 'twenty-ui/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 b7d07cc6ae..19319458a2 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-deprecated/display'; +} from 'twenty-ui/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 5241449e85..488db26e0a 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-deprecated/display'; +import { IconExternalLink } from 'twenty-ui/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 b2e0d3803d..7b246f4d4b 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-deprecated/display'; +import { IconDotsVertical } from 'twenty-ui/display'; import { LazyMarkdownRenderer } from '@/ai/components/LazyMarkdownRenderer'; import { ToolStepRenderer } from '@/ai/components/ToolStepRenderer'; @@ -12,10 +12,7 @@ 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-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 7c9e7f75bd..fbf6baa505 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-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { Button } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 7bdb613e1a..1d6b159ba1 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatCompactionIndicator.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatCompactionIndicator.tsx @@ -1,10 +1,7 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconTransform } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconTransform } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 164e94a85f..4258c03e54 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-deprecated/display'; +import { IconSparkles } from 'twenty-ui/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 ee8c8e9c0d..11d6408ce4 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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-deprecated/input'; +import { type SelectOption } from 'twenty-ui/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 07d588d6a9..ff23176e97 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatErrorMessage.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatErrorMessage.tsx @@ -1,14 +1,11 @@ import { CombinedGraphQLErrors } from '@apollo/client/errors'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconAlertCircle } from 'twenty-ui-deprecated/display'; +import { IconAlertCircle } from 'twenty-ui/display'; import { useContext } from 'react'; import { type AiChatError } from '@/ai/types/AiChatError'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 3b32ce3bc2..6bc7eae80f 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 bcb5a9f417..42599300a8 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 6c7902845a..87e08f8fe9 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconX } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 476fbdc994..269299c29b 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconArrowDown } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 a58e93c9de..00af8e49c9 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 1a7203b987..e2a3ce6d3d 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 c4713896d8..8256c0c0ac 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 81181b4ddc..0ffe7bb134 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { IconAdjustments } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/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 7e580ec07f..142d02224d 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-deprecated/display'; -import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; +import { IconChevronLeft } from 'twenty-ui/display'; +import { MenuItemSelect } from 'twenty-ui/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 65678c9e3b..fb8fa22b68 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-deprecated/display'; -import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; +import { IconChevronLeft } from 'twenty-ui/display'; +import { MenuItemSelect } from 'twenty-ui/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 6a61818b65..b5ee6965c6 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-deprecated/display'; +} from 'twenty-ui/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-deprecated/navigation'; +import { MenuItem } from 'twenty-ui/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 9632114e8d..05c1b91d44 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-deprecated/display'; -import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; +import { IconChevronLeft } from 'twenty-ui/display'; +import { MenuItemSelect } from 'twenty-ui/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 0bd59122ae..6cd884d403 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 10a149eda8..c0595d37fd 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/input'; +import { MenuItem } from 'twenty-ui/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 b6ac80cec0..9d4b743c61 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadListItem.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadListItem.tsx @@ -2,11 +2,8 @@ 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-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconArchive, IconSparkles } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 d9c1dfd230..750fac186b 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-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; -import { getOsControlSymbol } from 'twenty-ui-deprecated/utilities'; +import { Button } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { getOsControlSymbol } from 'twenty-ui/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 509c5a4a85..08a61615cd 100644 --- a/packages/twenty-front/src/modules/ai/components/CodeExecutionDisplay.tsx +++ b/packages/twenty-front/src/modules/ai/components/CodeExecutionDisplay.tsx @@ -12,13 +12,10 @@ import { IconPlayerPlay, IconSquareRoundedCheck, IconSquareRoundedX, -} 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'; +} 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'; 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 382d250641..ecf31f2da7 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 0122de48b3..ee9f2b4a0e 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 eee406cd44..ce6dbd6a2d 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 1b072d03f1..3e40b9dec1 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconArchive, IconComment } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 866618cd5d..5287a5fe80 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-deprecated/layout'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { AnimatedExpandableContainer } from 'twenty-ui/layout'; +import { themeCssVariables } from 'twenty-ui/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 2a166f2fc3..f735b9a3ad 100644 --- a/packages/twenty-front/src/modules/ai/components/ReasoningSummaryDisplay.tsx +++ b/packages/twenty-front/src/modules/ai/components/ReasoningSummaryDisplay.tsx @@ -1,16 +1,9 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; -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 { IconBrain, IconChevronDown, IconChevronUp } from 'twenty-ui/display'; +import { AnimatedExpandableContainer } from 'twenty-ui/layout'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 17b6a78b60..d40a0727d2 100644 --- a/packages/twenty-front/src/modules/ai/components/RecordLink.tsx +++ b/packages/twenty-front/src/modules/ai/components/RecordLink.tsx @@ -3,11 +3,7 @@ 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-deprecated/components'; +import { AvatarOrIcon, ChipVariant, LinkChip } from 'twenty-ui/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 c688df8ce6..54abfe14ad 100644 --- a/packages/twenty-front/src/modules/ai/components/RoutingDebugDisplay.tsx +++ b/packages/twenty-front/src/modules/ai/components/RoutingDebugDisplay.tsx @@ -1,13 +1,10 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; -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 { 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 { 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 00bbaef468..d609e732d3 100644 --- a/packages/twenty-front/src/modules/ai/components/RoutingStatusDisplay.tsx +++ b/packages/twenty-front/src/modules/ai/components/RoutingStatusDisplay.tsx @@ -4,16 +4,9 @@ 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-deprecated/display'; -import { AnimatedExpandableContainer } from 'twenty-ui-deprecated/layout'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconChevronDown, IconChevronUp, IconCpu } from 'twenty-ui/display'; +import { AnimatedExpandableContainer } from 'twenty-ui/layout'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 5ff4ba9b5f..4f62aa2e27 100644 --- a/packages/twenty-front/src/modules/ai/components/SettingsAgentModelCapabilities.tsx +++ b/packages/twenty-front/src/modules/ai/components/SettingsAgentModelCapabilities.tsx @@ -5,13 +5,10 @@ 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-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'; +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'; 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 3747da4dad..75f999178b 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 c2a20c0abd..c8fdd035ae 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconCopy, IconTerminal } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 b1f673263e..ad9ae1b4e9 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-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'; +} from 'twenty-ui/display'; +import { JsonTree } from 'twenty-ui/json-visualizer'; +import { AnimatedExpandableContainer } from 'twenty-ui/layout'; +import { themeCssVariables } from 'twenty-ui/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 056cde971b..01ea41444b 100644 --- a/packages/twenty-front/src/modules/ai/components/ToolStepRenderer.tsx +++ b/packages/twenty-front/src/modules/ai/components/ToolStepRenderer.tsx @@ -1,13 +1,10 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; -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 { 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 { 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 cccee53577..3b152f22fe 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 96367b775a..cf83a4bd1e 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/testing'; import { CodeExecutionDisplay } from '@/ai/components/CodeExecutionDisplay'; import { ARGOS_CAPTURE_DISABLED } from '~/testing/constants/ArgosCaptureDisabled'; 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 00e84e11be..ae9eb23d4a 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 b6aa024d92..00e4c36ad9 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-deprecated/theme-constants'; +import { ThemeProvider } from 'twenty-ui/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 2a344e093b..19a3a1d329 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-deprecated/theme-constants'; +import { ThemeProvider } from 'twenty-ui/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 79f249543b..4b98d07ac2 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 e98ae13366..df563e032f 100644 --- a/packages/twenty-front/src/modules/ai/components/internal/AgentChatFilePreview.tsx +++ b/packages/twenty-front/src/modules/ai/components/internal/AgentChatFilePreview.tsx @@ -10,14 +10,10 @@ 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-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'; +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'; 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 65e756bd57..6d894b3d86 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-deprecated/display'; -import { IconButton } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconPaperclip } from 'twenty-ui/display'; +import { IconButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 a7770834e0..f9d9bda623 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-deprecated/display'; -import { ProgressBar } from 'twenty-ui-deprecated/feedback'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { HorizontalSeparator } from 'twenty-ui/display'; +import { ProgressBar } from 'twenty-ui/feedback'; +import { themeCssVariables } from 'twenty-ui/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 e04cf0e9fa..6d54996062 100644 --- a/packages/twenty-front/src/modules/ai/components/internal/AiChatSkeletonLoader.tsx +++ b/packages/twenty-front/src/modules/ai/components/internal/AiChatSkeletonLoader.tsx @@ -1,10 +1,7 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 8d4510260a..fac99659f0 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 e49221d9e3..00c00f9d42 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-deprecated/display'; -import { RoundedIconButton } from 'twenty-ui-deprecated/input'; +import { IconArrowUp, IconPlayerStop } from 'twenty-ui/display'; +import { RoundedIconButton } from 'twenty-ui/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 f0e6c41155..f71a4d97a3 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-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { LightButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 93db79d910..db06d80694 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 @@ -4,7 +4,7 @@ import { type IconComponent, IconPlus, IconSettingsAutomation, -} from 'twenty-ui-deprecated/display'; +} from 'twenty-ui/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 ad5f0049cd..266a9f5db8 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-deprecated/display'; +} from 'twenty-ui/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 3d015a299b..5ce1c5aff4 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-deprecated/input'; +import { type SelectOption } from 'twenty-ui/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 f3d3064701..9c968c76a4 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-deprecated/display'; +} from 'twenty-ui/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 437e87d193..33d921cba0 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 '@dr.pogodin/react-helmet'; -import { IconsProvider } from 'twenty-ui-deprecated/display'; +import { IconsProvider } from 'twenty-ui/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 14b4dd1456..e0a8d5dd90 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 a0b0790d39..9ec5093f78 100644 --- a/packages/twenty-front/src/modules/applications/components/AppConnectionHeader.tsx +++ b/packages/twenty-front/src/modules/applications/components/AppConnectionHeader.tsx @@ -1,11 +1,8 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; import { isNonEmptyString } from '@sniptt/guards'; -import { Avatar, IconRefresh } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { Avatar, IconRefresh } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 3ae033d4ef..dc1316090d 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-deprecated/navigation'; +import { MenuItem } from 'twenty-ui/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 91ac124f89..124a67db99 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 3515ae98d0..80929715da 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-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { MainButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 72c5b92035..93c5b1db12 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 5bba3b99bc..0a4dc0990c 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-deprecated/display'; -import { UndecoratedLink } from 'twenty-ui-deprecated/navigation'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Avatar } from 'twenty-ui/display'; +import { UndecoratedLink } from 'twenty-ui/navigation'; +import { themeCssVariables } from 'twenty-ui/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 3f748db269..e77ee25078 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 efe392076d..4c6fefd548 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 421bc65fa7..ec822356d8 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-deprecated/theme-constants'; -import { AnimatedEaseIn } from 'twenty-ui-deprecated/utilities'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { AnimatedEaseIn } from 'twenty-ui/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 12c16d7385..f6832f7d0a 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-deprecated/layout'; +import { ModalContent } from 'twenty-ui/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 38d97b0d43..bebb0c3fa8 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 @@ -5,7 +5,7 @@ import { AVATAR_URL_MOCK, ComponentDecorator, RouterDecorator, -} from 'twenty-ui-deprecated/testing'; +} from 'twenty-ui/testing'; const logoUrl = AVATAR_URL_MOCK; 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 dd75b65467..b1f9f3320c 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-deprecated/layout'; +import { ModalContent } from 'twenty-ui/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 33c0a27292..2f6ec34b72 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-deprecated/layout'; +import { type ModalOverlay, type ModalSize } from 'twenty-ui/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 339e48bba3..d164df585a 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-deprecated/display'; -import { MainButton } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; -import { AnimatedEaseIn } from 'twenty-ui-deprecated/utilities'; +} from 'twenty-ui/display'; +import { MainButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { AnimatedEaseIn } from 'twenty-ui/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 8d82d8d12f..d65c17f915 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 13ef11e821..204b057d44 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 @@ -5,10 +5,7 @@ import { useQuery } from '@apollo/client/react'; import { styled } from '@linaria/react'; import { Trans, useLingui } from '@lingui/react/macro'; import { FormProvider } from 'react-hook-form'; -import { - ClickToActionLink, - UndecoratedLink, -} from 'twenty-ui-deprecated/navigation'; +import { ClickToActionLink, UndecoratedLink } from 'twenty-ui/navigation'; import { StyledOnboardingContentContainer } from '@/auth/components/StyledOnboardingContentContainer'; import { SignInUpWithCredentials } from '@/auth/sign-in-up/components/internal/SignInUpWithCredentials'; @@ -34,11 +31,8 @@ import { HorizontalSeparator, IconChevronRight, IconPlus, -} from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { type AvailableWorkspace, GetWorkspaceCreationDefaultsDocument, 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 587bbc7ef1..0d177b0848 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-deprecated/display'; -import { ClickToActionLink } from 'twenty-ui-deprecated/navigation'; +import { HorizontalSeparator } from 'twenty-ui/display'; +import { ClickToActionLink } from 'twenty-ui/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 0d8467612d..2f55c99bfb 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-deprecated/navigation'; +import { ClickToActionLink } from 'twenty-ui/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 d0d9e83dd6..7da27a7c05 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-deprecated/layout'; -import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; +import { ModalContent } from 'twenty-ui/layout'; +import { ComponentDecorator } from 'twenty-ui/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 18aaa420dc..667dc2a391 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 @@ -4,7 +4,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-deprecated/theme-constants'; +import { ThemeProvider } from 'twenty-ui/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 b1e8da0602..c5b8de888d 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-deprecated/components'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Pill } from 'twenty-ui/components'; +import { themeCssVariables } from 'twenty-ui/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 e60935df95..3707d3da68 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 ebd2486a91..578afe3363 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,11 +6,8 @@ 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-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { StyledText } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 39d663ed9d..4df73a3ebb 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-deprecated/display'; -import { MainButton } from 'twenty-ui-deprecated/input'; +import { HorizontalSeparator } from 'twenty-ui/display'; +import { MainButton } from 'twenty-ui/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 4ed88fa1e5..5981920a09 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,14 +9,11 @@ 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-deprecated/display'; -import { Loader } from 'twenty-ui-deprecated/feedback'; -import { MainButton } from 'twenty-ui-deprecated/input'; +import { IconCopy } from 'twenty-ui/display'; +import { Loader } from 'twenty-ui/feedback'; +import { MainButton } from 'twenty-ui/input'; import { useContext } from 'react'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 a66e01ba51..4ab2e519e4 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-deprecated/input'; -import { ClickToActionLink } from 'twenty-ui-deprecated/navigation'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { MainButton } from 'twenty-ui/input'; +import { ClickToActionLink } from 'twenty-ui/navigation'; +import { themeCssVariables } from 'twenty-ui/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 1d3bf74447..38d5cadfe6 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-deprecated/feedback'; -import { MainButton } from 'twenty-ui-deprecated/input'; +import { Loader } from 'twenty-ui/feedback'; +import { MainButton } from 'twenty-ui/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 e986205bb3..31a79a7f16 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-deprecated/display'; -import { MainButton } from 'twenty-ui-deprecated/input'; +import { HorizontalSeparator, IconGoogle } from 'twenty-ui/display'; +import { MainButton } from 'twenty-ui/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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 ebc6a88c82..4302b1b9b9 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,16 +9,13 @@ 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-deprecated/display'; -import { MainButton } from 'twenty-ui-deprecated/input'; +import { HorizontalSeparator, IconMicrosoft } from 'twenty-ui/display'; +import { MainButton } from 'twenty-ui/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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 beb3bab0c8..70be4b7907 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-deprecated/display'; -import { MainButton } from 'twenty-ui-deprecated/input'; +import { HorizontalSeparator, IconLock } from 'twenty-ui/display'; +import { MainButton } from 'twenty-ui/input'; import { LastUsedPill } from './LastUsedPill'; import { StyledSSOButtonContainer } from './SignInUpSSOButtonStyles'; import { useContext } from 'react'; -import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/theme-constants'; export const SignInUpWithSSO = () => { const { theme } = useContext(ThemeContext); diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWorkspaceCreationForm.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWorkspaceCreationForm.tsx index 2037ac0029..7ad8cf9e5e 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWorkspaceCreationForm.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWorkspaceCreationForm.tsx @@ -12,10 +12,10 @@ import { isNonEmptyString } from '@sniptt/guards'; import { useState } from 'react'; import { Key } from 'ts-key-enum'; import { isDefined } from 'twenty-shared/utils'; -import { Loader } from 'twenty-ui-deprecated/feedback'; -import { MainButton } from 'twenty-ui-deprecated/input'; -import { ClickToActionLink } from 'twenty-ui-deprecated/navigation'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Loader } from 'twenty-ui/feedback'; +import { MainButton } from 'twenty-ui/input'; +import { ClickToActionLink } from 'twenty-ui/navigation'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledSection = styled.div` margin-top: ${themeCssVariables.spacing[4]}; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/__tests__/SignInUpWorkspaceCreationForm.test.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/__tests__/SignInUpWorkspaceCreationForm.test.tsx index ca66736859..fa54f1bec1 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/__tests__/SignInUpWorkspaceCreationForm.test.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/__tests__/SignInUpWorkspaceCreationForm.test.tsx @@ -3,7 +3,7 @@ import { I18nProvider } from '@lingui/react'; import { act, 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-deprecated/theme-constants'; +import { ThemeProvider } from 'twenty-ui/theme-constants'; import { SignInUpWorkspaceCreationForm } from '@/auth/sign-in-up/components/internal/SignInUpWorkspaceCreationForm'; import { 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 ca126d787a..a9470a0823 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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-deprecated/input'; +import { Button } from 'twenty-ui/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 8d4f21c71e..4889aba05c 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-deprecated/components'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Chip, ChipVariant } from 'twenty-ui/components'; +import { themeCssVariables } from 'twenty-ui/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 635bcfa37e..da05f54375 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx +++ b/packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx @@ -16,11 +16,8 @@ import { type SuggestionItem, } from '@/blocknote-editor/components/CustomSlashMenu'; import { useMentionMenu } from '@/mention/hooks/useMentionMenu'; -import { IconX } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconX } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 570855cb42..bae5090053 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenu.tsx +++ b/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenu.tsx @@ -11,12 +11,8 @@ import { } from '@blocknote/react'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { - IconColorSwatch, - IconPlus, - IconTrash, -} from 'twenty-ui-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconColorSwatch, IconPlus, IconTrash } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 dc36568765..332a33212a 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenuOptions.tsx +++ b/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenuOptions.tsx @@ -1,10 +1,7 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { type IconComponent } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { type IconComponent } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 0062dd789d..2ce91eb735 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-deprecated/navigation'; +import { MenuItemSuggestion } from 'twenty-ui/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 90ea39a2fe..c212ebb7a3 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-deprecated/display'; +import { type IconComponent } from 'twenty-ui/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 5d565a9703..f8a5194443 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-deprecated/display'; +} from 'twenty-ui/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 33b935894a..9c6349a52d 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-deprecated/utilities'; +import { useIsMobile } from 'twenty-ui/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 56cf064915..7887b0ac86 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconLayoutSidebarRightExpand } from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 2d8b040594..c46586c8a6 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { HorizontalSeparator } from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 d8148c59eb..ff60df0646 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-deprecated/utilities'; +import { useIsMobile } from 'twenty-ui/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 a828fccc4c..08ea06df6c 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-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; -import { getOsControlSymbol } from 'twenty-ui-deprecated/utilities'; +import { IconBrowserMaximize } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/input'; +import { getOsControlSymbol } from 'twenty-ui/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 39a786b314..c81b5e8beb 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-deprecated/utilities'; +import { useIsMobile } from 'twenty-ui/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 3239490446..8788ef4bd8 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-deprecated/testing'; +import { RouterDecorator } from 'twenty-ui/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 bc83846bf1..68b128bd90 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,10 +10,7 @@ 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-deprecated/testing'; +import { ComponentDecorator, RouterDecorator } from 'twenty-ui/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 e8aab60ce9..3a77b03023 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-deprecated/input'; +import { type ButtonAccent } from 'twenty-ui/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 fa46f48c54..56f46a1533 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-deprecated/feedback'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Loader } from 'twenty-ui/feedback'; +import { themeCssVariables } from 'twenty-ui/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 591aaa2f7a..85d40f6101 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-deprecated/display'; -import { Loader } from 'twenty-ui-deprecated/feedback'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { useIcons } from 'twenty-ui/display'; +import { Loader } from 'twenty-ui/feedback'; +import { MenuItem } from 'twenty-ui/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 d3fd73cf58..96880bd043 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/theme-constants'; import { EngineComponentKey } from '~/generated-metadata/graphql'; const StyledCommandMenuItemContainer = styled(motion.div)` 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 88a3c17b17..bffba1d45f 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-deprecated/display'; +import { useIcons } from 'twenty-ui/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 0ddf63129c..236c4719e2 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-deprecated/utilities'; +import { AnimatedIconCrossfade } from 'twenty-ui/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-deprecated/display'; -import { AnimatedButton } from 'twenty-ui-deprecated/input'; +import { IconPencil, IconX } from 'twenty-ui/display'; +import { AnimatedButton } from 'twenty-ui/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 1548dcc89c..9e7e1cb965 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,12 +16,9 @@ import { IconChevronDown, IconSquareCheck, IconSquareX, -} from 'twenty-ui-deprecated/display'; -import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { MenuItemSelect } from 'twenty-ui/navigation'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 61a0814571..c17b669765 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 @@ -8,8 +8,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-deprecated/display'; -import { MenuItem, MenuItemToggle } from 'twenty-ui-deprecated/navigation'; +import { IconRefresh, IconTag } from 'twenty-ui/display'; +import { MenuItem, MenuItemToggle } from 'twenty-ui/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 5f733c6c25..dcf61d2c32 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 @@ -27,9 +27,9 @@ import { IconPin, IconPinnedOff, useIcons, -} from 'twenty-ui-deprecated/display'; -import { MenuItem, MenuItemDraggable } from 'twenty-ui-deprecated/navigation'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { MenuItem, MenuItemDraggable } from 'twenty-ui/navigation'; +import { themeCssVariables } from 'twenty-ui/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 3d10b80161..61e22b885e 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-deprecated/input'; +import { type ButtonAccent } from 'twenty-ui/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 5b3cb5b41c..cb7e6485b0 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-deprecated/display'; +import { type IconComponent } from 'twenty-ui/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 367e638384..f541da90ff 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 @@ -48,11 +48,7 @@ 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-deprecated/display'; +import { IconHistory, IconSearch, IconSparkles } from 'twenty-ui/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 4e75008123..37f820c561 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-deprecated/utilities'; +import { useResetLocationHash } from 'twenty-ui/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 c2b5370c3e..62183861fe 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-deprecated/utilities'; +import { useResetLocationHash } from 'twenty-ui/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 ddf8992027..9bd6e9cbf3 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-deprecated/display'; +import { type IconComponent } from 'twenty-ui/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 fd459c66ef..a465662b9c 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-deprecated/display'; -import { Button, IconButton } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { Button, IconButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 7d92c227d4..14c2a16966 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItem.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItem.tsx @@ -1,10 +1,7 @@ import { isNonEmptyString } from '@sniptt/guards'; import { type ReactNode } from 'react'; -import { - IconArrowUpRight, - type IconComponent, -} from 'twenty-ui-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconArrowUpRight, type IconComponent } from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 da3a946f89..d25515b473 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-deprecated/display'; +import { type IconComponent } from 'twenty-ui/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 112b3b2b59..cd2210d65a 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-deprecated/display'; +import { type IconComponent } from 'twenty-ui/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 5b44834970..236ffdecf8 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemToggle.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemToggle.tsx @@ -1,9 +1,6 @@ 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-deprecated/navigation'; +import { MenuItemToggle, type MenuItemToggleProps } from 'twenty-ui/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 8425041f8d..c62c806efb 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuOpenContainer.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuOpenContainer.tsx @@ -21,12 +21,9 @@ 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-deprecated/components'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; -import { useIsMobile } from 'twenty-ui-deprecated/utilities'; +import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui/components'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { useIsMobile } from 'twenty-ui/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 1995d9ff80..09f228a05e 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-deprecated/display'; +import { IconDotsVertical, IconPlus } from 'twenty-ui/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 0aeb46b0a4..3986797cc0 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-deprecated/display'; +import { IconDotsVertical } from 'twenty-ui/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 167510ea50..f09c7b6373 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,11 +14,7 @@ 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-deprecated/display'; +import { IconBolt, IconSettingsAutomation, useIcons } from 'twenty-ui/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 5224aa0a7d..5ad5478eb4 100644 --- a/packages/twenty-front/src/modules/error-handler/components/AppFullScreenErrorFallback.tsx +++ b/packages/twenty-front/src/modules/error-handler/components/AppFullScreenErrorFallback.tsx @@ -2,7 +2,7 @@ import { AppErrorDisplay } from '@/error-handler/components/internal/AppErrorDis import { type AppErrorDisplayProps } from '@/error-handler/types/AppErrorDisplayProps'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 1c27ca3a48..5f86d2a38e 100644 --- a/packages/twenty-front/src/modules/error-handler/components/AppRootErrorFallback.tsx +++ b/packages/twenty-front/src/modules/error-handler/components/AppRootErrorFallback.tsx @@ -2,11 +2,8 @@ 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-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconReload } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 086a55f2f1..07d50396f4 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-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; +import { IconRefresh } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/input'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, AnimatedPlaceholderEmptySubTitle, AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, -} from 'twenty-ui-deprecated/layout'; +} from 'twenty-ui/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 fa354f979f..605275794c 100644 --- a/packages/twenty-front/src/modules/file/components/AttachmentChip.tsx +++ b/packages/twenty-front/src/modules/file/components/AttachmentChip.tsx @@ -1,11 +1,8 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { AvatarOrIcon } from 'twenty-ui-deprecated/components'; -import { IconX } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { AvatarOrIcon } from 'twenty-ui/components'; +import { IconX } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { getFileType } from '@/activities/files/utils/getFileType'; import { useFileCategoryColors } from '@/file/hooks/useFileCategoryColors'; diff --git a/packages/twenty-front/src/modules/file/hooks/useFileCategoryColors.ts b/packages/twenty-front/src/modules/file/hooks/useFileCategoryColors.ts index 8d01bfdfa7..e7b6698018 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-deprecated/theme-constants'; -import { type ThemeColor } from 'twenty-ui-deprecated/theme'; +import { ThemeContext } from 'twenty-ui/theme-constants'; +import { type ThemeColor } from 'twenty-ui/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 79191e7a4f..e59eff996d 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 ea543b317c..9adf8e9d76 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-deprecated/display'; +} from 'twenty-ui/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 0eebb91573..f7da2616e1 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 2ac67f0e6c..7a33d150ea 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-deprecated/display', () => ({ +jest.mock('twenty-ui/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 26b5f66371..1bf0f1c133 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-deprecated/display'; +import { useIcons } from 'twenty-ui/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 95cb789091..b8d0ecfe00 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-deprecated/input'; -import { MenuItemSelectTag } from 'twenty-ui-deprecated/navigation'; +import { type SelectOption } from 'twenty-ui/input'; +import { MenuItemSelectTag } from 'twenty-ui/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 b1187b54e1..81768fe6f9 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-deprecated/display'; -import { Button, IconButton } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { Button, IconButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 c67fd07f14..af551cd08a 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-deprecated/display'; +import { IconRefresh } from 'twenty-ui/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 1e6d38b5d7..1fef0fdafd 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-deprecated/display'; +import { IconLogout } from 'twenty-ui/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 84b498c820..f6aa2e6e69 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-deprecated/display'; +import { IconExternalLink } from 'twenty-ui/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 2ed7d22ffd..69b6c52f05 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-deprecated/display'; +import { IconRefresh } from 'twenty-ui/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 1e8c5d8051..dac71b6873 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-deprecated/display'; +import { IconRefresh } from 'twenty-ui/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 b9df672d96..b10753628e 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-deprecated/input'; -import { IconX } from 'twenty-ui-deprecated/display'; -import { useIsMobile } from 'twenty-ui-deprecated/utilities'; +import { IconButton } from 'twenty-ui/input'; +import { IconX } from 'twenty-ui/display'; +import { useIsMobile } from 'twenty-ui/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 ce4c52a25d..91a88f5c11 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 dc34c98b0c..e3227d6ca7 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-deprecated/utilities'; +import { getOsControlSymbol } from 'twenty-ui/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 8ff5d2c0ae..27ef30bcca 100644 --- a/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBar.tsx +++ b/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBar.tsx @@ -4,12 +4,9 @@ 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-deprecated/display'; -import { GRAY_SCALE_LIGHT } from 'twenty-ui-deprecated/theme'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconCheck, IconPaint } from 'twenty-ui/display'; +import { GRAY_SCALE_LIGHT } from 'twenty-ui/theme'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 f3d70d58e1..0c8fec106d 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-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 { 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 { 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 b8f389543f..6b00e0c92e 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-deprecated/display'; +import { IconPencil } from 'twenty-ui/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 24b6bc3631..aa1a8fb8d6 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-deprecated/layout'; +import { ResizeHandle, useResizeHandle } from 'twenty-ui/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 bfe046d7b2..9f4607760f 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-deprecated/display'; -import { LightButton } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconChevronLeft } from 'twenty-ui/display'; +import { LightButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 df52e5db9a..2a37018452 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-deprecated/display'; +} from 'twenty-ui/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 7f6d98d63c..74d6aa244b 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-deprecated/display'; -import { MenuItemSuggestion } from 'twenty-ui-deprecated/navigation'; +import { Avatar } from 'twenty-ui/display'; +import { MenuItemSuggestion } from 'twenty-ui/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 36fd432b4d..b024406c2c 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-deprecated/components'; +} from 'twenty-ui/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 facbf26b67..41a7f6bcaa 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-deprecated/components'; -import { MenuItemSuggestion } from 'twenty-ui-deprecated/navigation'; +import { AvatarOrIcon } from 'twenty-ui/components'; +import { MenuItemSuggestion } from 'twenty-ui/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 9b92c9f445..eb2ad4a92b 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,10 +6,7 @@ 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-deprecated/theme'; +import { DEFAULT_THEME_COLOR_FALLBACK, type ThemeColor } from 'twenty-ui/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 500d65d60e..c149b42ee7 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 93cb7f7135..34cb993024 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 @@ -3,10 +3,7 @@ import { css } from '@linaria/core'; import { styled } from '@linaria/react'; import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 d6cb065c6f..452df60f1a 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,11 +6,8 @@ import { IconGripVertical, TintedIconTile, type IconComponent, -} from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 407588ef08..149fc937fc 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 30cd33723d..f986b5d843 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 9fe26819f3..694f1136fd 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-deprecated/display'; +import { IconFolder, IconLink, useIcons } from 'twenty-ui/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 6feba7471c..29a3fc1478 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,15 +1,8 @@ import { Suspense, lazy, useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -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 { IconChevronDown, IconChevronRight, useIcons } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { useIsMobile } from 'twenty-ui/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 91745d2383..201c279a44 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { IconHeartOff } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/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 cc28b1db83..4f128430e5 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,13 +10,10 @@ import { IconHeartOff, IconPlus, useIcons, -} 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'; +} from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/input'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { useIsMobile } from 'twenty-ui/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 afdeeca95b..a014dae391 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-deprecated/layout'; +import { AnimatedExpandableContainer } from 'twenty-ui/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 2e23338fd2..28bdb45780 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,11 +1,7 @@ import { useLingui } from '@lingui/react/macro'; -import { - IconDotsVertical, - IconPencil, - IconTrash, -} from 'twenty-ui-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconDotsVertical, IconPencil, IconTrash } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/input'; +import { MenuItem } from 'twenty-ui/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 8a7039a710..df9c26157f 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-deprecated/utilities'; +import { useIsMobile } from 'twenty-ui/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 a590fd1bbb..8b9dc01726 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,14 +1,8 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { - type IconComponent, - getIconTileColorShades, -} from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { type IconComponent, getIconTileColorShades } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 2dbece3b3f..38cc4c0457 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,9 +1,6 @@ import { useContext } from 'react'; -import { IconArrowUpRight } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconArrowUpRight } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 aeb7497f5b..097ca4f114 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,11 +26,8 @@ import { NavigationMenuItemType, } from 'twenty-shared/types'; import { getAppPath, isDefined } from 'twenty-shared/utils'; -import { Avatar, IconLock, useIcons } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { Avatar, IconLock, useIcons } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 26e9feb7eb..28d4200c74 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-deprecated/display'; +import { useIcons } from 'twenty-ui/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 ea07147073..8b1a8dadf8 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-deprecated/layout'; +import { AnimatedExpandableContainer } from 'twenty-ui/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 f146e678d0..f8cc080b49 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-deprecated/layout'; +import { AnimatedExpandableContainer } from 'twenty-ui/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 5b063b4714..fbc0b3a4cc 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,13 +2,9 @@ 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconHeart, IconHeartOff, IconPlus } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 8b7a243aee..3dbd13f36c 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 @@ -4,7 +4,7 @@ import { NavigationMenuItemDndKitProvider } from '@/navigation-menu-item/display import { useSortedNavigationMenuItems } from '@/navigation-menu-item/display/hooks/useSortedNavigationMenuItems'; 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-deprecated/utilities'; +import { AnimatedEaseInOut } from 'twenty-ui/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 efbae164de..00bb698a56 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 4a614c0917..9e1326e425 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 46c64b28c9..9672f6baf5 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 35ddff9f19..14a4f4af7e 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 8a65b99443..e12a37e297 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,13 +1,7 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { - type IconComponent, - getIconTileColorShades, -} from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { type IconComponent, getIconTileColorShades } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 0d1d7e27f1..e6c6d40075 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,10 +1,7 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconX } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconX } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 efec1e81ec..8fba0bea76 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-deprecated/display'; +import { IconColumnInsertRight, IconPlus } from 'twenty-ui/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 966948808b..fb0b1ff9b5 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-deprecated/display'; +import { IconColumnInsertRight } from 'twenty-ui/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 53f01595bd..509d5ec4a4 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-deprecated/display'; +import type { IconComponent } from 'twenty-ui/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 66758be192..e1265c5218 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-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'; +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'; 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 3073681ed6..c6f5997159 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-deprecated/display'; +import { TintedIconTile, useIcons } from 'twenty-ui/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 45f437e6fc..db0632a351 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-deprecated/utilities'; +import { parseThemeColor } from 'twenty-ui/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 610bc27a77..33e438159b 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-deprecated/display'; +} from 'twenty-ui/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 e993bcbf75..f8554c5dae 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-deprecated/display'; +import { IconApps } from 'twenty-ui/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 cb4f6772ca..ffafb6769f 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; -import { parseThemeColor } from 'twenty-ui-deprecated/utilities'; +import { IconPlus } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { parseThemeColor } from 'twenty-ui/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 ee69d0a0f0..546d70c69d 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 ed4e405d52..44d7eb62d3 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-deprecated/display'; +import { useIcons } from 'twenty-ui/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 71a1a3840e..05a9934254 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-deprecated/display'; +import { useIcons } from 'twenty-ui/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 3c435d9b44..16508dafe9 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-deprecated/display'; +import { Avatar, useIcons } from 'twenty-ui/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 d925dbccac..33ff84f1f4 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-deprecated/display'; +import { IconSettings, TintedIconTile } from 'twenty-ui/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 c6fd8664d5..6e52cf434a 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-deprecated/display'; +import { useIcons } from 'twenty-ui/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 898ec473f9..045a2bcb25 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-deprecated/display'; +import { IconSettings, TintedIconTile } from 'twenty-ui/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 0d8202834d..ac316705b8 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-deprecated/display'; +import { IconFolder } from 'twenty-ui/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 e35b65ce15..4d921cd693 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-deprecated/display'; +import { IconLink } from 'twenty-ui/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 9bf44c663d..06b1973b7d 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-deprecated/display'; +import { IconDotsVertical } from 'twenty-ui/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 9c45b6c38a..f0e747de3d 100644 --- a/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerScrollableItems.tsx +++ b/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerScrollableItems.tsx @@ -4,7 +4,7 @@ import { NavigationDrawerWorkspaceSectionSkeletonLoader } from '@/object-metadat import { styled } from '@linaria/react'; import { lazy, Suspense } from 'react'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 47800d0d2b..e1b7e8e929 100644 --- a/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerTabsRow.tsx +++ b/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerTabsRow.tsx @@ -5,12 +5,9 @@ import { IconHome, IconMessageCirclePlus, OverflowingTextWithTooltip, -} from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; -import { useIsMobile } from 'twenty-ui-deprecated/utilities'; +} from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { useIsMobile } from 'twenty-ui/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 b8b07e267f..45390d5651 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-deprecated/display'; -import { NavigationBar } from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/display'; +import { NavigationBar } from 'twenty-ui/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 01891ee69e..640ad9bb0e 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-deprecated/display'; -import { AnimatedExpandableContainer } from 'twenty-ui-deprecated/layout'; +import { IconHelpCircle, IconSettings } from 'twenty-ui/display'; +import { AnimatedExpandableContainer } from 'twenty-ui/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 848fdf993a..1c75f46217 100644 --- a/packages/twenty-front/src/modules/navigation/components/SettingsNavigationDrawer.tsx +++ b/packages/twenty-front/src/modules/navigation/components/SettingsNavigationDrawer.tsx @@ -14,9 +14,9 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { css } from '@linaria/core'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { useIsMobile } from 'twenty-ui-deprecated/utilities'; -import { AdvancedSettingsToggle } from 'twenty-ui-deprecated/navigation'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { useIsMobile } from 'twenty-ui/utilities'; +import { AdvancedSettingsToggle } from 'twenty-ui/navigation'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; import { PermissionFlagType } from '~/generated-metadata/graphql'; const StyledAdvancedToggleFixedContent = 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 36e86957ad..2c91682daa 100644 --- a/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItemsSkeletonLoader.tsx +++ b/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItemsSkeletonLoader.tsx @@ -3,10 +3,7 @@ import { css } from '@linaria/core'; import { styled } from '@linaria/react'; import { useContext } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledSkeletonColumn = styled.div` box-sizing: border-box; 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 f08ce9b051..ebea93c13c 100644 --- a/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerWorkspaceSectionSkeletonLoader.tsx +++ b/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerWorkspaceSectionSkeletonLoader.tsx @@ -3,7 +3,7 @@ import { NavigationDrawerSection } from '@/ui/navigation/navigation-drawer/compo import { css } from '@linaria/core'; import { styled } from '@linaria/react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 5207158b97..47b35c962a 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-deprecated/display'; +import { TintedIconTile, useIcons } from 'twenty-ui/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 b0bc630b24..efedde575a 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 47bb989a6d..084ca3e2e9 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-deprecated/display'; -import { type ThemeColor } from 'twenty-ui-deprecated/theme'; +import { type IconComponent, useIcons } from 'twenty-ui/display'; +import { type ThemeColor } from 'twenty-ui/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 21f9d31d60..dfbc00ad6f 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-deprecated/theme'; +import { type ThemeColor } from 'twenty-ui/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 d5ba57f430..2d11cb5c0c 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 4ec6d47503..52e78c8825 100644 --- a/packages/twenty-front/src/modules/object-metadata/utils/getIconForObjectType.ts +++ b/packages/twenty-front/src/modules/object-metadata/utils/getIconForObjectType.ts @@ -1,8 +1,4 @@ -import { - IconCheckbox, - type IconComponent, - IconNotes, -} from 'twenty-ui-deprecated/display'; +import { IconCheckbox, type IconComponent, IconNotes } from 'twenty-ui/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 78833bcd92..464ffe97b6 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-deprecated/theme'; +import { type ThemeColor, MAIN_COLOR_NAMES } from 'twenty-ui/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 11e78d2588..6747fe32eb 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-deprecated/utilities'; +import { themeColorSchema } from 'twenty-ui/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 6eb5b2a478..edea946339 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-deprecated/utilities'; +import { themeColorSchema } from 'twenty-ui/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 04c309233b..9386aff959 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconLibraryPlus, IconPlus } from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 982d69cd9a..380547917d 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconChevronLeft, useIcons } from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 ea8e640f0a..84f469596b 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 38acf1c7d9..b1064edfbe 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 133f176756..fb8db210e7 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 fdabd6a23d..88ff98c01c 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 bee5adbdda..4ae7e5971a 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-deprecated/display'; -import { IconButton } from 'twenty-ui-deprecated/input'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconDotsVertical, IconTrash } from 'twenty-ui/display'; +import { IconButton } from 'twenty-ui/input'; +import { MenuItem } from 'twenty-ui/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 cf851809c9..b75f4dd108 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-deprecated/navigation'; +import { MenuItem } from 'twenty-ui/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 dae9376f8f..f32cb131fc 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-deprecated/display'; -import { IconButton } from 'twenty-ui-deprecated/input'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconDotsVertical, IconTrash } from 'twenty-ui/display'; +import { IconButton } from 'twenty-ui/input'; +import { MenuItem } from 'twenty-ui/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 15f2a02d1a..eca26dd428 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconChevronLeft, useIcons } from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 00f3f61181..ce544c4203 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 1c0a3e82ef..cdb62c0635 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 8524d55d9e..98096bc8ae 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-deprecated/display'; +import { useIcons } from 'twenty-ui/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 cee70f356d..cef1b4b74e 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 93a480a16e..ebe46d9853 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 f8d70dd8b4..df0445b96c 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-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; +import { IconFilter } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/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 4c469f6279..666d22db85 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 64667cf6e0..eaf399507b 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 a0065d501a..0a5bb48c3e 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 8771c491f5..fdf3243a91 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 5110546473..19efbb5275 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-deprecated/input'; +import { type SelectOption } from 'twenty-ui/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/RecordChip.tsx b/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx index 6f2ac9ae95..8aa86413f2 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-deprecated/components'; -import { type TriggerEventType } from 'twenty-ui-deprecated/utilities'; +} from 'twenty-ui/components'; +import { type TriggerEventType } from 'twenty-ui/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 d968b0472f..3e22834241 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-deprecated/utilities'; +import { type Nullable } from 'twenty-ui/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 833bf928dc..9013d7d2cc 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-deprecated/display'; +import { IconUserCircle } from 'twenty-ui/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 8a37bdb823..f162dddbb3 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,10 +1,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { useApplyObjectFilterDropdownFilterValue } from '@/object-record/object-filter-dropdown/hooks/useApplyObjectFilterDropdownFilterValue'; import { useObjectFilterDropdownFilterValue } from '@/object-record/object-filter-dropdown/hooks/useObjectFilterDropdownFilterValue'; @@ -14,7 +11,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-deprecated/display'; +import { IconCheck } from 'twenty-ui/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 12b5300e6a..50f111c137 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,10 +16,7 @@ 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-deprecated/navigation'; +import { MenuItem, MenuItemMultiSelectAvatar } from 'twenty-ui/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 81971dc0c1..11d0647dc3 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,10 +15,7 @@ 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-deprecated/navigation'; +import { MenuItem, MenuItemMultiSelectAvatar } from 'twenty-ui/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 24cc2b7b19..29f8f6e151 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-deprecated/display'; +import { IconX } from 'twenty-ui/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 4981feb886..51d25ada37 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { useIcons } from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 ee5a9cb48b..aa6683369f 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-deprecated/input'; +import { type SelectOption } from 'twenty-ui/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 6947b25111..e2e98a4337 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 @@ -25,7 +25,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-deprecated/navigation'; +import { MenuItem, MenuItemMultiSelect } from 'twenty-ui/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 b1d8f3534f..841e78a8a4 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 bdf3c91471..35d3c59ea4 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-deprecated/display'; -import { MenuItemMultiSelectAvatar } from 'twenty-ui-deprecated/navigation'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Avatar } from 'twenty-ui/display'; +import { MenuItemMultiSelectAvatar } from 'twenty-ui/navigation'; +import { themeCssVariables } from 'twenty-ui/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 db348ba931..6d8604c925 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-deprecated/display'; +import { IconUserCircle } from 'twenty-ui/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 9f78c44cd2..192f6d923b 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-deprecated/display'; +} from 'twenty-ui/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 af8891f282..21d8efb407 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,12 +14,8 @@ 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-deprecated/display'; -import { MenuItem, MenuItemSelect } from 'twenty-ui-deprecated/navigation'; +import { IconChevronLeft, IconSettings, useIcons } from 'twenty-ui/display'; +import { MenuItem, MenuItemSelect } from 'twenty-ui/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 fabbd1cb5f..8bb9c97060 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-deprecated/components'; +import { Pill } from 'twenty-ui/components'; import { IconCalendarMonth, IconCalendarWeek, IconChevronLeft, IconTimelineEvent, -} from 'twenty-ui-deprecated/display'; -import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/display'; +import { MenuItemSelect } from 'twenty-ui/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 ff190aa1e1..36f7143d2e 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 8e29cef9b8..b4af4521d6 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 3f25ab5c02..dc313387de 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-deprecated/display'; -import { MenuItemNavigate } from 'twenty-ui-deprecated/navigation'; +import { IconChevronLeft, IconEyeOff } from 'twenty-ui/display'; +import { MenuItemNavigate } from 'twenty-ui/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 00fecd7f55..42bf13b584 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-deprecated/display'; -import { MenuItem, UndecoratedLink } from 'twenty-ui-deprecated/navigation'; +import { IconChevronLeft, IconSettings } from 'twenty-ui/display'; +import { MenuItem, UndecoratedLink } from 'twenty-ui/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 d1d758d963..5b54617da9 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-deprecated/display'; -import { MenuItem, UndecoratedLink } from 'twenty-ui-deprecated/navigation'; +import { IconChevronLeft, IconSettings } from 'twenty-ui/display'; +import { MenuItem, UndecoratedLink } from 'twenty-ui/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 a84f635853..35cba6b982 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,12 +34,8 @@ import { IconLayoutSidebarRight, IconTable, OverflowingTextWithTooltip, -} from 'twenty-ui-deprecated/display'; -import { - MenuItem, - MenuItemSelect, - MenuItemToggle, -} from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/display'; +import { MenuItem, MenuItemSelect, MenuItemToggle } from 'twenty-ui/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 2c9a28e98c..4703cd5af4 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-deprecated/display'; -import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/display'; +import { MenuItemSelect } from 'twenty-ui/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 ed683afdd4..2a4f1aa7f7 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,14 +15,8 @@ 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-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { OverflowingTextWithTooltip, useIcons } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 0fc5cff0d2..858bb4b18f 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,16 +23,12 @@ 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-deprecated/display'; +import { IconChevronLeft, IconSettings, useIcons } from 'twenty-ui/display'; import { MenuItem, MenuItemSelect, UndecoratedLink, -} from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/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 4fb497018e..432ec23f02 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-deprecated/display'; -import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/display'; +import { MenuItemSelect } from 'twenty-ui/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 9bcae20a25..38d4a236c8 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-deprecated/display'; +} from 'twenty-ui/display'; import { MenuItem, MenuItemNavigate, MenuItemToggle, -} from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/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 5efe3bf0e9..2f8659134e 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-deprecated/display'; -import { MenuItem, MenuItemSelect } from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/display'; +import { MenuItem, MenuItemSelect } from 'twenty-ui/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 b3bc966671..c819b8adce 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 7d4b631df1..877b9f646d 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconX, useIcons } from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 4b715b010c..fe8366738f 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 737da08064..fdedc6ef34 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-deprecated/components'; +import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui/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 d3ba570514..3e6d7fec7c 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 5287f261ef..279c8cd730 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 7a728e1800..beb5153035 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-deprecated/theme-constants'; -import { AnimatedEaseInOut } from 'twenty-ui-deprecated/utilities'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { AnimatedEaseInOut } from 'twenty-ui/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 040b1aa2cf..77dd1f34ce 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,15 +20,11 @@ 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; import { isDefined } from 'twenty-shared/utils'; -import { ChipVariant } from 'twenty-ui-deprecated/components'; -import { IconEye, IconEyeOff } from 'twenty-ui-deprecated/display'; -import { - Checkbox, - CheckboxVariant, - LightIconButton, -} from 'twenty-ui-deprecated/input'; +import { ChipVariant } from 'twenty-ui/components'; +import { IconEye, IconEyeOff } from 'twenty-ui/display'; +import { Checkbox, CheckboxVariant, LightIconButton } from 'twenty-ui/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 8c5a757c39..b855379a98 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-deprecated/navigation'; +import { NotificationCounter } from 'twenty-ui/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 ed9ad5f257..e8c4502614 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 9bb79056c6..cb9d782889 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 fccc7a4ad3..fff4fbb5f7 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,10 +1,7 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; import { SkeletonTheme } from 'react-loading-skeleton'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 8b677a1daa..896efb37f0 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; import { getCssCompatibleDraggableProps } from '@/ui/layout/draggable-list/utils/getCssCompatibleDraggableProps'; 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 296347cf81..95159a9784 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-deprecated/navigation'; +import { MenuItem } from 'twenty-ui/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 7721e6dc63..53a644335f 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useObjectPermissionsForObject } from '@/object-record/hooks/useObjectPermissionsForObject'; import { RecordBoardContext } from '@/object-record/record-board/contexts/RecordBoardContext'; @@ -20,9 +20,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-deprecated/components'; -import { IconDotsVertical, IconPlus } from 'twenty-ui-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { Tag } from 'twenty-ui/components'; +import { IconDotsVertical, IconPlus } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/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 162a8f3b78..c496123610 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-deprecated/components'; -import { AppTooltip, TooltipDelay } from 'twenty-ui-deprecated/display'; +import { Tag } from 'twenty-ui/components'; +import { AppTooltip, TooltipDelay } from 'twenty-ui/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 b57fffaa09..1931d07031 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 148f236c72..59211df675 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-deprecated/navigation'; +import { MenuItem } from 'twenty-ui/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 e4091af212..fd5043224c 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { type IconComponent } from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 cff6e019ee..411e144f77 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-deprecated/display'; +import { IconCheck, IconChevronLeft } from 'twenty-ui/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 9b84aa9ed8..3b04df05b5 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 19ef1a57ac..cd5a09054d 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 @@ -8,11 +8,8 @@ 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-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconPlus } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 a7e36c2a5f..2857f59fcd 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-deprecated/components'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui/components'; +import { themeCssVariables } from 'twenty-ui/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 f61efb659c..569f68e9bd 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 @@ -11,12 +11,9 @@ 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-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconPlus } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/input'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 9b841ca10b..b008bd49f3 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,12 +18,9 @@ import { isDefined, turnPlainDateToShiftedDateInSystemTimeZone, } from 'twenty-shared/utils'; -import { - IconChevronLeft, - IconChevronRight, -} from 'twenty-ui-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconChevronLeft, IconChevronRight } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 a8bfc207d2..7095b9d96e 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 a49e347682..f944ce0ab1 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 e544385abb..73cc0668d6 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 6a17bf524b..1d33955090 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 dd23231816..2212a551b5 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,10 +20,7 @@ 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-deprecated/testing'; +import { ComponentDecorator, RouterDecorator } from 'twenty-ui/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 66e4075718..2685945cfd 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-deprecated/utilities'; +import { AnimatedEaseInOut } from 'twenty-ui/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 88d01edc88..695d55ba61 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 74298ef279..23b83f78fa 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-deprecated/components'; -import { Checkbox, CheckboxVariant } from 'twenty-ui-deprecated/input'; +import { ChipVariant } from 'twenty-ui/components'; +import { Checkbox, CheckboxVariant } from 'twenty-ui/input'; import { isRecordCalendarCardSelectedComponentFamilyState } from '@/object-record/record-calendar/record-calendar-card/states/isRecordCalendarCardSelectedComponentFamilyState'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 67f04b087b..3a31517778 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 34c5e1cef9..7a6a4d375e 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 7dd83130de..5a9c38d764 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 99a7819f2d..e35c8ac42e 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 ca708c2a6e..d7c921ce47 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 1fb0631268..f628b4e48a 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-deprecated/layout'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Section } from 'twenty-ui/layout'; +import { themeCssVariables } from 'twenty-ui/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 502dbf08d0..dbade26a6f 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { IconArrowMerge } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/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 6c64571c56..d6f600a85a 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 f573a2ccd4..b71a73ae30 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { IconForbid, IconPencil } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/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 28da05e09a..8c581922d6 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { IconPlus } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/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 0032af65fb..276cd2ddbf 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; -import { AnimatedEaseInOut } from 'twenty-ui-deprecated/utilities'; +} from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/input'; +import { MenuItem } from 'twenty-ui/navigation'; +import { AnimatedEaseInOut } from 'twenty-ui/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 d5de90e809..82b66f828f 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { IconPlus } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/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 6be391ab1f..4e69622bd9 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { IconForbid, IconPencil } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/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 c1fc076aee..93d03139db 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 4266be8086..1051c18fb1 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconCopy } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 f1778b82ba..af3a3b58bb 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-deprecated/utilities'; +import { type TriggerEventType } from 'twenty-ui/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 18f64a0cba..d2065e6c31 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,10 +1,7 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconX } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconX } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 235994acfc..699cb7ce7b 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; -import { useIsMobile } from 'twenty-ui-deprecated/utilities'; +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'; 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 b202d77d6f..11fefb120a 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,12 +27,9 @@ 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-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconPlus } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { MenuItem } from 'twenty-ui/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 4716c5b858..5a1089d27f 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-deprecated/display'; -import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; +import { IconCheck, IconCircleOff, IconX } from 'twenty-ui/display'; +import { ThemeContext } from 'twenty-ui/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 a01b0c195b..8056f0fc7a 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 87c25993fa..2c4b17ac23 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,11 +5,8 @@ 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-deprecated/display'; -import { type SelectOption } from 'twenty-ui-deprecated/input'; +import { IconCircleOff, type IconComponentProps } from 'twenty-ui/display'; +import { type SelectOption } from 'twenty-ui/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 2c6ae69508..e281246a87 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-deprecated/display'; -import { type SelectOption } from 'twenty-ui-deprecated/input'; +import { type IconComponentProps } from 'twenty-ui/display'; +import { type SelectOption } from 'twenty-ui/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 099e968d84..1402f7fdf7 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,11 +4,8 @@ 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-deprecated/display'; -import { type SelectOption } from 'twenty-ui-deprecated/input'; +import { IconCircleOff, type IconComponentProps } from 'twenty-ui/display'; +import { type SelectOption } from 'twenty-ui/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 d8a4cbe951..6df65e6a47 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-deprecated/display'; +import { IconCircleOff } from 'twenty-ui/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 001d6027dd..04e858bfc7 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-deprecated/theme-constants'; -import { type Nullable } from 'twenty-ui-deprecated/utilities'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { type Nullable } from 'twenty-ui/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 998f078ae2..4be6858601 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-deprecated/utilities'; +import { type Nullable } from 'twenty-ui/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 0a3941b302..4c1febabdc 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; type FormFieldInputInnerContainerProps = { hasRightElement: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormMorphRelationToOneFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormMorphRelationToOneFieldInput.tsx index d9fc622421..37d2dd5979 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormMorphRelationToOneFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormMorphRelationToOneFieldInput.tsx @@ -18,7 +18,7 @@ import { t } from '@lingui/core/macro'; import { isString } from '@sniptt/guards'; import { useId } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; import { type JsonValue } from 'type-fest'; const StyledReadonlyContainer = styled.div` 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 5abc47bd36..a082ee4f00 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,13 +22,10 @@ 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-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'; +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'; 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 caf13a16ae..c2313d8af1 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 727c2bf4a5..80833fa557 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-deprecated/display'; -import { type SelectOption } from 'twenty-ui-deprecated/input'; -import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; +import { IconCircleOff } from 'twenty-ui/display'; +import { type SelectOption } from 'twenty-ui/input'; +import { ThemeContext } from 'twenty-ui/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 11fc0dfd11..030a97773a 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconForbid } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 17caa7bcc5..1f2308b67b 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,11 +18,8 @@ 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-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconChevronDown, IconForbid } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 89a30fef44..a1a8c705cf 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,11 +10,8 @@ import { } from 'react'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronDown, IconUserCircle } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconChevronDown, IconUserCircle } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 0d0889bac5..5b635a85c5 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconUserCircle } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 80a04dd691..06ce31d65f 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 a261d19d2a..3e173d8acc 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-deprecated/display'; -import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; +import { IconAlertTriangle } from 'twenty-ui/display'; +import { ThemeContext } from 'twenty-ui/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 e14ffb9306..ade6102fc7 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 62d5fbf9ff..c8703c2792 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,10 +3,7 @@ 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-deprecated/testing'; +import { ComponentDecorator, RouterDecorator } from 'twenty-ui/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__/FormRawJsonFieldInput.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/__stories__/FormRawJsonFieldInput.stories.tsx index 1a373c95f8..a3c46f337a 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-deprecated/utilities'; +import { getUserDevice } from 'twenty-ui/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 fbc6afd8f9..32db4d05f2 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-deprecated/utilities'; +import { getUserDevice } from 'twenty-ui/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 04331e32ea..d8cd8c8ef4 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,10 +2,7 @@ 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-deprecated/testing'; +import { ComponentDecorator, RouterDecorator } from 'twenty-ui/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 d533248a9d..444b97a22b 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-deprecated/utilities'; +import { getUserDevice } from 'twenty-ui/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 81e5f5b71c..0f127b1adf 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 b3056d569f..bc660aaea5 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-deprecated/display'; +import { IconPencil } from 'twenty-ui/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 fc1c9dfc9a..6f25b9c827 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-deprecated/display'; +import { type IconComponent } from 'twenty-ui/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 67f86b84f7..2a981969d8 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-deprecated/components'; +import { ChipSize } from 'twenty-ui/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 a6b13aa2db..16ea2edf66 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,11 +1,8 @@ import { styled } from '@linaria/react'; import { Trans } from '@lingui/react/macro'; import { useContext } from 'react'; -import { IconLock } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconLock } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 ff7b66a17c..e75d03bf30 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,10 +4,7 @@ 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-deprecated/json-visualizer'; +import { isTwoFirstDepths, JsonTree } from 'twenty-ui/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 6b0b3ef1e7..fab447f299 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-deprecated/components'; +import { Tag } from 'twenty-ui/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 8d90f72d76..cdd8f1661e 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 54f44ffd60..35516072b5 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 84fb04d59e..4e5089d327 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 04148e042c..9b7e462b90 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 1b5c7115a1..70dc83a0c9 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 35c536dc37..096d819e98 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 8f2add76ef..4243bbd771 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 94ede94fa8..70042d7ad3 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 65a09abc97..2f9b2e9c38 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 b7e7556e24..8afc38d8d4 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 cdf782ec68..cb99db20f0 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 d586c59802..cbb8e9f403 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 915f3ecb9c..c6ec70c1ae 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 f1e3592761..be8fe5bb44 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 7cf4139216..9050ab15ac 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 2b6bfb80d0..d3e48f1819 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 5f7980c71d..566a1d714b 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 6b797631ac..e588fe57d7 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 fb17c71b2d..7d2f542450 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 ee97a1f1cd..b735d65351 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 f53eefba72..c1087b5708 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-deprecated/input'; +import { type SelectOption } from 'twenty-ui/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 a19225deb1..82959f7c6e 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-deprecated/utilities'; +import { type Nullable } from 'twenty-ui/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 1d3a34a495..1d7c0e8268 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-deprecated/utilities'; +import { type Nullable } from 'twenty-ui/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 6c03f99fbe..56c6a0d056 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-deprecated/components'; +import { Chip, ChipVariant } from 'twenty-ui/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 355d4b382b..2bdab5e8b9 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-deprecated/display'; +import { IconForbid } from 'twenty-ui/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 30cd344575..4990d5b5f8 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 7e61b0c6d5..5f2fb98e0b 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconCheck, IconPlus } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/input'; +import { MenuItem } from 'twenty-ui/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 85a037fec5..7b9dd8fa7f 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 052ca2ee51..3101a6cf75 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 11829207a5..95d6454ca4 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,13 +9,10 @@ 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-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 { 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 { 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 4c7f7e1497..ef79e910f7 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-deprecated/display'; +import { IconForbid } from 'twenty-ui/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 07f5571818..752ec6e7e9 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,12 +12,9 @@ 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-deprecated/display'; -import { FloatingIconButton } from 'twenty-ui-deprecated/input'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconLayoutSidebarLeftCollapse } from 'twenty-ui/display'; +import { FloatingIconButton } from 'twenty-ui/input'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 851299e1dc..8d512599d1 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-deprecated/input'; +import { type SelectOption } from 'twenty-ui/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 596cc20d10..81c5eede67 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 43f7332063..42c8e5df35 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-deprecated/display'; +import { type IconComponent } from 'twenty-ui/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 cac128f854..040ee8d3df 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-deprecated/theme'; +import { type ThemeColor } from 'twenty-ui/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 5c4434059f..74596bde84 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-deprecated/display'; +import { type AvatarType } from 'twenty-ui/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 0f7440ede4..225ee9bcfd 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-deprecated/display'; +import { IconPencil, type IconComponent } from 'twenty-ui/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 e1f4121087..694f99b0df 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-deprecated/components'; -import { IconEye, IconEyeOff } from 'twenty-ui-deprecated/display'; -import { MenuItemDraggable } from 'twenty-ui-deprecated/navigation'; +import { Tag } from 'twenty-ui/components'; +import { IconEye, IconEyeOff } from 'twenty-ui/display'; +import { MenuItemDraggable } from 'twenty-ui/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 2855dfffce..1d65ebca16 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-deprecated/display'; +} from 'twenty-ui/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 f1a974d402..65a9dff018 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-deprecated/display'; +import { type IconComponent } from 'twenty-ui/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 a03cb4478b..1bc290bebc 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-deprecated/theme'; +import { type ThemeColor } from 'twenty-ui/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 b238f47b51..d1cdc9e9a4 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 @@ -12,7 +12,7 @@ import { RecordIndexEmptyStateNotShared } from '@/object-record/record-index/com import { RecordIndexFiltersToContextStoreEffect } from '@/object-record/record-index/components/RecordIndexFiltersToContextStoreEffect'; import { useHasCurrentViewNonReadableFields } from '@/object-record/record-index/hooks/useHasCurrentViewNonReadableFields'; import { ViewType } from '@/views/types/ViewType'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 84fc85cbd3..3f03e07c2f 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-deprecated/layout'; +} from 'twenty-ui/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 2c4d2fdac4..b90d6563cc 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 dbb2dae20f..4297cdf0b3 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-deprecated/navigation'; -import { Tag } from 'twenty-ui-deprecated/components'; +import { MenuItem } from 'twenty-ui/navigation'; +import { Tag } from 'twenty-ui/components'; const StyledMenuItemContainer = styled.div` width: calc(100% - 2 * var(--horizontal-padding)); diff --git a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexSkeletonLoader.tsx b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexSkeletonLoader.tsx index 776225e257..c920dea2a7 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexSkeletonLoader.tsx +++ b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexSkeletonLoader.tsx @@ -1,7 +1,7 @@ import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLoader'; import { styled } from '@linaria/react'; import Skeleton from 'react-loading-skeleton'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; import { PageContentSkeletonLoader } from '~/loading/components/PageContentSkeletonLoader'; const StyledSecondaryBar = styled.div` 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 2ee3d420ed..d39990c32b 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-deprecated/utilities'; +import { useIsMobile } from 'twenty-ui/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 4c9c8fed34..8b45437e51 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-deprecated/display'; +import { useIcons } from 'twenty-ui/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 4f305e799e..ff99d68d71 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-deprecated/display'; +import { useIcons } from 'twenty-ui/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 b55959e733..62b08f637b 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,9 +1,6 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext'; import { useFieldFocus } from '@/object-record/record-field/ui/hooks/useFieldFocus'; @@ -16,7 +13,7 @@ import { AppTooltip, OverflowingTextWithTooltip, TooltipDelay, -} from 'twenty-ui-deprecated/display'; +} from 'twenty-ui/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 2e4976b4eb..187cc3a7b0 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-deprecated/display'; +import { type IconComponent } from 'twenty-ui/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 a0d48d7ae4..e64daaefa5 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 32421aebd7..621580c83c 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-deprecated/display'; -import { FloatingIconButton } from 'twenty-ui-deprecated/input'; -import { AnimatedContainer } from 'twenty-ui-deprecated/utilities'; +import { type IconComponent } from 'twenty-ui/display'; +import { FloatingIconButton } from 'twenty-ui/input'; +import { AnimatedContainer } from 'twenty-ui/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 64691aeeaf..eae8e62fec 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 0dc18142ab..6ef8bdfe08 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 31cfc047fd..a2e4e22868 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 c65a767bd9..1983be89ac 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 f7a28843e5..a4b8ead4c5 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,10 +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, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 0ca7a8d12b..748214db2b 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 b58d848e18..bd02997a6d 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-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconArrowMerge } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 38e4f2fb8e..745317ed09 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-deprecated/layout'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Section } from 'twenty-ui/layout'; +import { themeCssVariables } from 'twenty-ui/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 0f10d4f7c4..4d47fc4c15 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-deprecated/display'; +import { IconArrowMerge, IconSettings } from 'twenty-ui/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 9e0a3ebb2d..e54d115168 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-deprecated/display'; +} from 'twenty-ui/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 5a58c9e277..81e783a874 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-deprecated/navigation'; +import { MenuItem } from 'twenty-ui/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 413c803fe7..3774e5fa9c 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 @@ -22,7 +22,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-deprecated/display'; +import { IconPlus } from 'twenty-ui/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 ad4e8b6e68..3e47edd39b 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 d1a34c55af..bd4cb168b1 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-deprecated/display'; -import { MenuItemMultiSelectAvatar } from 'twenty-ui-deprecated/navigation'; +import { Avatar } from 'twenty-ui/display'; +import { MenuItemMultiSelectAvatar } from 'twenty-ui/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 2f91511bd2..cb2f074b10 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-deprecated/display'; -import { MenuItemSelectAvatar } from 'twenty-ui-deprecated/navigation'; +import { Avatar } from 'twenty-ui/display'; +import { MenuItemSelectAvatar } from 'twenty-ui/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 873eeabb1a..968c8766bd 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-deprecated/display'; -import { MenuItemSelect } from 'twenty-ui-deprecated/navigation'; +import { type IconComponent } from 'twenty-ui/display'; +import { MenuItemSelect } from 'twenty-ui/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 c2de5304d1..7637005237 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 @@ -19,7 +19,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-deprecated/display'; +import { IconPlus } from 'twenty-ui/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 809bc675c9..947ba90d36 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-deprecated/display'; -import { ComponentDecorator } from 'twenty-ui-deprecated/testing'; +import { IconUserCircle } from 'twenty-ui/display'; +import { ComponentDecorator } from 'twenty-ui/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 8f6eaa9b6b..60d7ade549 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 2721d8e4d2..01f1326273 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-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Button } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 2bc79bf8aa..2867d51cea 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 37b7727cc0..a5197924ce 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 00256fa710..e19de57414 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 5fd6496622..4b8adf4bd0 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-deprecated/display'; +import { IconPlus } from 'twenty-ui/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 1a3983d873..3a342e7412 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-deprecated/utilities'; +import { useIsMobile } from 'twenty-ui/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 33d1bc697d..77e3643340 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 64d5f36702..16c29dfcc8 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 5da9a6d2c9..59fbec76a5 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 2467bb597e..3b8e98f7e4 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 @@ -7,8 +7,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-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; +import { type IconComponent } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/input'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, @@ -16,7 +16,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, type AnimatedPlaceholderType, -} from 'twenty-ui-deprecated/layout'; +} from 'twenty-ui/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 68b43beb54..d4bbbd3a7e 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-deprecated/display'; +import { IconPlus } from 'twenty-ui/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 1e63f072e3..a3bf64821e 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-deprecated/display'; +import { IconPlus } from 'twenty-ui/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 18caa7f2c9..8083e7fa51 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-deprecated/display'; +import { IconPlus } from 'twenty-ui/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 d926dfb0f5..027e486057 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-deprecated/display'; +import { IconSettings } from 'twenty-ui/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 30f4f3f6f1..11869c21d7 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-deprecated/display'; +import { IconFilterOff } from 'twenty-ui/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 204ccc23d4..55d609a27e 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 2a039ebad6..147960206f 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 d0c93e1e25..b5a728dfb8 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 8390cdf8d7..cb7ac8af33 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 6b9c06eecf..b43e62056e 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,10 +34,7 @@ import { import { styled } from '@linaria/react'; import { useMemo } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { - MOBILE_VIEWPORT, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/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 dabc8568e8..79de3b6b5f 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 07e0daff2d..9a243f34e6 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,11 +1,8 @@ import { styled } from '@linaria/react'; -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'; +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'; 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 144b783e54..760c338a86 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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-deprecated/input'; +import { Checkbox } from 'twenty-ui/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 1026088b41..1ce388fb73 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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-deprecated/input'; +import { Checkbox } from 'twenty-ui/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 369fe2bf05..3fe442e02d 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 656775a0fa..4644b26f00 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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-deprecated/input'; +import { IconListViewGrip } from 'twenty-ui/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 37cda79fc3..b31442109d 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-deprecated/display'; +import { IconArrowUpRight, IconPencil } from 'twenty-ui/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 127bafb711..e70b8dcc45 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 320bfbbe21..83ab668dfc 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 60a12bd62c..e4429d1ab8 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-deprecated/theme-constants'; -import { useIsMobile } from 'twenty-ui-deprecated/utilities'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { useIsMobile } from 'twenty-ui/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 b75b41b3ab..fc994f123e 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 6ff12ce008..eae1a0a920 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,10 +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, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 4c413e6305..6010329e53 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 d47ae779b8..86edf074b6 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 30c35889e9..801d7b3f40 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,11 +13,7 @@ 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-deprecated/display'; +import { IconArrowUpRight, IconCopy, IconMail } from 'twenty-ui/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 075687c792..44ec099ec1 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 e6c944fc99..78ed602035 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,9 +1,6 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { - MOBILE_VIEWPORT, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/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 35d1425a46..3eef2d0219 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-deprecated/display'; +import { IconChevronLeft } from 'twenty-ui/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 7994a9eada..c2520043b7 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconCheck } from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 9874b25a72..526bc4ab82 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconCheck } from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 7f2cc1a899..e14ce49963 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; import { isDefined } from 'twenty-shared/utils'; -import { OverflowingTextWithTooltip } from 'twenty-ui-deprecated/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/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 4540366834..a30d25b706 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,11 +10,8 @@ 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-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconChevronDown } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 0baed33848..e6090427ee 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-deprecated/display'; +import { useIcons } from 'twenty-ui/display'; import { MOBILE_VIEWPORT, ThemeContext, themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/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 5b287ac19d..d4377a1814 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 625f407fdb..056469978f 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,11 +18,8 @@ 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-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconPlus } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 edbb4aeefb..b842a78b33 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 5cf2afd538..25f1cf043d 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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-deprecated/input'; +import { Checkbox } from 'twenty-ui/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 227862add0..d370ae5a52 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,10 +12,7 @@ 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-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 bd91d5ab0c..6cd38732dc 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 dbd84fbc1d..09a8b004ce 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 @@ -6,10 +6,10 @@ import { canCreateRecordsForObjectMetadataItem } from '@/object-record/utils/can 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; -import { useIsMobile } from 'twenty-ui-deprecated/utilities'; +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'; 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 3efa68a445..9bcb6841aa 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 ed72260197..0e13efa125 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-deprecated/display'; -import { MenuItem, UndecoratedLink } from 'twenty-ui-deprecated/navigation'; +import { IconSettings, useIcons } from 'twenty-ui/display'; +import { MenuItem, UndecoratedLink } from 'twenty-ui/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 c3bd6bfbe5..73903edcc7 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-deprecated/theme-constants'; -import { useIsMobile } from 'twenty-ui-deprecated/utilities'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { useIsMobile } from 'twenty-ui/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 97d2af3207..ab60a04fe6 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,12 +16,9 @@ import { findByProperty, sumByProperty, } from 'twenty-shared/utils'; -import { type IconComponent } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; -import { useIsMobile } from 'twenty-ui-deprecated/utilities'; +import { type IconComponent } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; +import { useIsMobile } from 'twenty-ui/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 70a3b3fe18..5cb4fae6b9 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 54329c70fe..83e17dd44e 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 c56d854ae4..fad9578d91 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-deprecated/navigation'; +import { NotificationCounter } from 'twenty-ui/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 7b26065103..8f778ab6e8 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,9 +1,6 @@ import { styled } from '@linaria/react'; import { useCallback, useContext } from 'react'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { RecordBoardColumnHeaderAggregateDropdown } from '@/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdown'; import { visibleRecordFieldsComponentSelector } from '@/object-record/record-field/states/visibleRecordFieldsComponentSelector'; @@ -37,10 +34,10 @@ import { isDefined, sumByProperty, } from 'twenty-shared/utils'; -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'; +import { Tag } from 'twenty-ui/components'; +import { IconChevronDown } from 'twenty-ui/display'; +import { AnimatedLightIconButton } from 'twenty-ui/input'; +import { useIsMobile } from 'twenty-ui/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 20a90397aa..5e51614d2a 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 { canCreateRecordsForObjectMetadataItem } from '@/object-record/utils/can 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-deprecated/display'; +import { IconPlus } from 'twenty-ui/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 cc75d455c4..f10488ec70 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-deprecated/display'; +import { IconArrowDown } from 'twenty-ui/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 bf4fdca392..f1af6a6fa6 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 c39fc45198..22a2aba844 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 9ed70fb86f..9e98d695a3 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 2ec2a59da4..76099fbeab 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 d974601379..af65146540 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 ffe9895ff6..37ed6391db 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 51a7954d00..0bcc5a99f8 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; import { Key } from 'ts-key-enum'; -import { IconBoxMultiple } from 'twenty-ui-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; +import { IconBoxMultiple } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/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 9c83b2d01e..48fa94c369 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-deprecated/layout'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Section } from 'twenty-ui/layout'; +import { themeCssVariables } from 'twenty-ui/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 ed356629bf..c787eb462a 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,11 +11,8 @@ 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-deprecated/display'; -import { - MenuItem, - MenuItemMultiSelectAvatar, -} from 'twenty-ui-deprecated/navigation'; +import { Avatar } from 'twenty-ui/display'; +import { MenuItem, MenuItemMultiSelectAvatar } from 'twenty-ui/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 cfc881f044..ae25b496f8 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,7 +1,4 @@ -import { - type AvatarType, - type IconComponent, -} from 'twenty-ui-deprecated/display'; +import { type AvatarType, type IconComponent } from 'twenty-ui/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 056dc9d389..fe967e1137 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-deprecated/display'; +import { useIcons } from 'twenty-ui/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-deprecated/display', () => ({ +jest.mock('twenty-ui/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 60ee561dc6..ec40839fa6 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-deprecated/display'; +import { useIcons } from 'twenty-ui/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 d71b9824d2..8d0ed0be79 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-deprecated/display'; +import { type AvatarType } from 'twenty-ui/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 639856c5ff..413a1bba9d 100644 --- a/packages/twenty-front/src/modules/onboarding/components/OnboardingModalCircularIcon.tsx +++ b/packages/twenty-front/src/modules/onboarding/components/OnboardingModalCircularIcon.tsx @@ -1,10 +1,7 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { type IconComponent } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { type IconComponent } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 7a6cb9d412..b124404da8 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 ca74f87d20..8d680f84c9 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 f20b76fc2d..db9e35af7c 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 ff13dbe570..2cdf9c7723 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridResizeHandle.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridResizeHandle.tsx @@ -5,11 +5,8 @@ import { IconRadiusBottomRight, IconRadiusTopLeft, IconRadiusTopRight, -} from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 3be40b65b2..b3bf87fefa 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 dd41aac82d..7205b5595e 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-deprecated/display'; -import { TabButton } from 'twenty-ui-deprecated/input'; +import { IconPlus, useIcons } from 'twenty-ui/display'; +import { TabButton } from 'twenty-ui/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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 4b16fd9cb5..b700d4500f 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 d1adb936fd..402a61bd9a 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconPlus, useIcons } from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 d569873ebd..05ddbd3eb9 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 27492d82f6..548c5bd951 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-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { StyledTabContainer, TabContent } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 730581dcab..4d4184cd4f 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-deprecated/input'; +import { TabButton } from 'twenty-ui/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 5d7b81d179..eff6a12ae8 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabMenuItemSelectAvatar.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabMenuItemSelectAvatar.tsx @@ -3,18 +3,15 @@ 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { IconPencil } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/input'; import { StyledHoverableMenuItemBase, StyledMenuItemIconCheck, StyledMenuItemLabel, StyledMenuItemLeftContent, -} from 'twenty-ui-deprecated/navigation'; -import { - themeCssVariables, - ThemeContext, -} from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/navigation'; +import { themeCssVariables, ThemeContext } from 'twenty-ui/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 0294d5f735..59e8080b28 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-deprecated/input'; -import { MenuItemSelectAvatar } from 'twenty-ui-deprecated/navigation'; -import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; +import { StyledTabContainer, TabContent } from 'twenty-ui/input'; +import { MenuItemSelectAvatar } from 'twenty-ui/navigation'; +import { ThemeContext } from 'twenty-ui/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 ddc8f47b02..c6c475f1b6 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-deprecated/utilities'; +import { useIsMobile } from 'twenty-ui/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 1fc048d5e3..8bc046271f 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-deprecated/theme-constants'; -import { useIsMobile } from 'twenty-ui-deprecated/utilities'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { useIsMobile } from 'twenty-ui/utilities'; import { getCssCompatibleDraggableProps } from '@/ui/layout/draggable-list/utils/getCssCompatibleDraggableProps'; 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 86e7047022..809b7d9661 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-deprecated/utilities'; +import { useIsMobile } from 'twenty-ui/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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 8ceb63df70..245bf2d65f 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-deprecated/testing'; +import { ComponentWithRouterDecorator } from 'twenty-ui/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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 d5d3a80fbf..702c4f58cb 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-deprecated/theme-constants'; +import { MOBILE_VIEWPORT } from 'twenty-ui/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 b9ca595a2b..cccf9afd7c 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-deprecated/layout'; +} from 'twenty-ui/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 70f54f25cb..1d7358a665 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-deprecated/display'; +import { AppTooltip } from 'twenty-ui/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 30c3ae25f3..78749603f5 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 @@ -2,7 +2,7 @@ import { useCurrentWidget } from '@/page-layout/widgets/hooks/useCurrentWidget'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { type FallbackProps } from 'react-error-boundary'; -import { AppTooltip, Status } from 'twenty-ui-deprecated/display'; +import { AppTooltip, Status } from 'twenty-ui/display'; type PageLayoutWidgetInvalidConfigDisplayProps = FallbackProps; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetStatusDisplay.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetStatusDisplay.tsx index dba150562d..09405fbaa3 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetStatusDisplay.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetStatusDisplay.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { AppTooltip, Status } from 'twenty-ui-deprecated/display'; +import { AppTooltip, Status } from 'twenty-ui/display'; import { type ThemeColor } from 'twenty-ui/theme'; const StyledContainer = 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 1a3233799b..2665f45fd1 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,12 +9,9 @@ import { IconListSearch, IconPlus, IconSquarePlus, -} from 'twenty-ui-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/navigation'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 1d99a15b77..467b4063bf 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, @@ -8,7 +8,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui-deprecated/layout'; +} from 'twenty-ui/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 68f8f88dbb..c2a0406bc7 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; +} from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/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 2b743672be..04f778a38b 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-deprecated/display'; -import { ThemeContext } from 'twenty-ui-deprecated/theme-constants'; +import { IconLock } from 'twenty-ui/display'; +import { ThemeContext } from 'twenty-ui/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 1429203360..b3077966cc 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 ff99591c94..4f1d6d8df2 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 8dcff2b26b..5c6b273f7f 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,10 +4,7 @@ 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-deprecated/testing'; +import { CatalogDecorator, type CatalogStory } from 'twenty-ui/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 eee4086247..7ac1bd306b 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; -import { getOsControlSymbol } from 'twenty-ui-deprecated/utilities'; +import { IconArrowBackUp, IconSend, IconX } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { getOsControlSymbol } from 'twenty-ui/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 89cd58f517..30dcf13ad6 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-deprecated/display'; -import { Button } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconArrowsVertical } from 'twenty-ui/display'; +import { Button } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 2b09668dd0..c8f2de154e 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-deprecated/layout'; +} from 'twenty-ui/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 8fe15d8cc0..7fabc444d3 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconPencil } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 5d39ecbf97..454f8673dd 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 6c64426521..af252efe8b 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 a0335da614..09db6ed9b5 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 b83b514671..148a0cfaaa 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 03a9cb8d99..c46b2122e1 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 1b9f06c2c6..d762334665 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 da29510d86..e843140004 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; +import { IconPencil, IconPlus } from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/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 c4778e4d78..548e4ceebd 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 89b82bd51c..89e4bd7082 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,10 +8,7 @@ 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-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 5db051ccd6..44d7ff94bc 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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { IconChevronDown } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 acf2f99e8a..68c0274e72 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 2d4d65c30c..80548e4578 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 c6fc52ccab..0e8b1d0f5d 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconNewSection } from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 52e88fcf57..0a560ab049 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-deprecated/display'; -import { MenuItemDraggable } from 'twenty-ui-deprecated/navigation'; +import { IconEye, IconEyeOff, useIcons } from 'twenty-ui/display'; +import { MenuItemDraggable } from 'twenty-ui/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 6eb1e12d44..90b8051e80 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,11 +1,8 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconGripVertical, Label } from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconGripVertical, Label } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 a45259d464..b2aab93b76 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-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +} from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/input'; +import { MenuItem } from 'twenty-ui/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 ad606bde3d..5348453d92 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 @@ -18,7 +18,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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 606769348a..a0d8fabca6 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-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Button } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 e198bf5d3e..33a1966333 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-deprecated/display'; -import { MenuItem } from 'twenty-ui-deprecated/navigation'; +import { IconNewSection } from 'twenty-ui/display'; +import { MenuItem } from 'twenty-ui/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 01eba7e09a..593495cfbd 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-deprecated/layout'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/layout'; +import { themeCssVariables } from 'twenty-ui/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 8b8fb4d247..70ae775168 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,14 +1,8 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; -import { IconChevronDown } from 'twenty-ui-deprecated/display'; -import { - AnimatedExpandableContainer, - Section, -} from 'twenty-ui-deprecated/layout'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconChevronDown } from 'twenty-ui/display'; +import { AnimatedExpandableContainer, Section } from 'twenty-ui/layout'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 458a847159..e19c7ebf45 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 c2653f5416..fca42fabab 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 180aa9c089..2b585985ac 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 1fc97100d5..dc0630435f 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 e11d7dd03e..b635d4b2eb 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 9bad16454e..919de8782f 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 c4a7ebe3fd..a737f902e9 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 0c50041cd8..dfa6ba868f 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 368222ea06..9f43b8721d 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,12 +17,9 @@ import { IconChevronLeft, IconChevronRight, OverflowingTextWithTooltip, -} from 'twenty-ui-deprecated/display'; -import { LightIconButton } from 'twenty-ui-deprecated/input'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { LightIconButton } from 'twenty-ui/input'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 4445935940..be773c6379 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,11 +7,8 @@ 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-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconArrowUpRight } from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 bdd91f27a7..3c3defcadf 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 ae241b1fe8..57414f1046 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 7c067b4435..abdd6ce426 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,10 +2,7 @@ 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-deprecated/testing'; +import { CatalogDecorator, ComponentDecorator } from 'twenty-ui/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 65b36a5f24..06ac1f477a 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 18e395dbb2..56e39af884 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,10 +3,7 @@ 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-deprecated/testing'; +import { CatalogDecorator, ComponentDecorator } from 'twenty-ui/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 20356f811d..570c5c6883 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,10 +3,7 @@ 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-deprecated/testing'; +import { CatalogDecorator, ComponentDecorator } from 'twenty-ui/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 a859b29e1e..c5d63d1c05 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-deprecated/testing'; +import { ComponentDecorator } from 'twenty-ui/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 8787aabc56..87297646f0 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,11 +7,8 @@ import { H1TitleFontColor, IconTrendingDown, IconTrendingUp, -} from 'twenty-ui-deprecated/display'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +} from 'twenty-ui/display'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 3d0ee1b969..fdc5c46ed7 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 23d0b0e96f..7293d0008e 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 2681e5238d..3b669ac087 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 f565a90a12..e9e07f9046 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 ac9994159a..1461ad6823 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 e22000b4a2..d92146d2e3 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 eb50ea47c1..8fbbe40517 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 8b85ea06a6..c45a536c9f 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-deprecated/theme-constants'; +import { ThemeContext } from 'twenty-ui/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 cdc25e2aa4..962150e349 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,10 +28,7 @@ import { useRef, } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 a7f849a141..2c63e03309 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,10 +4,7 @@ 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-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 0dbb2ca35c..aad6bb2d17 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-deprecated/theme'; +import { type ThemeColor } from 'twenty-ui/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 7721cfc844..8da21d9c2c 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-deprecated/theme-constants'; +import { type ThemeType } from 'twenty-ui/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 1bd3f29780..5abcdcb3db 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-deprecated/theme'; +import { type ThemeColor } from 'twenty-ui/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 2c32113727..d467450474 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-deprecated/theme'; +import { type ThemeColor, MAIN_COLOR_NAMES } from 'twenty-ui/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 4ff05c397e..401ab2e3d3 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-deprecated/utilities'; +import { useIsMobile } from 'twenty-ui/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 dc32dbce19..7d46c20801 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 d87b5e6fab..6b020abcae 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,10 +1,7 @@ import { styled } from '@linaria/react'; import { type BlockNoteColor } from '@/page-layout/widgets/standalone-rich-text/types/BlockNoteColor'; -import { - themeCssVariables, - ThemeContext, -} from 'twenty-ui-deprecated/theme-constants'; +import { themeCssVariables, ThemeContext } from 'twenty-ui/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 cc4538de7d..f5b2459055 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-deprecated/display'; +import { IconCheck } from 'twenty-ui/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,10 +10,7 @@ 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-deprecated/theme-constants'; +import { themeCssVariables, ThemeContext } from 'twenty-ui/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 f1f843cf73..d82d9307fe 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,16 +11,12 @@ import { } from '@blocknote/react'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { - IconColorSwatch, - IconPlus, - IconTrash, -} from 'twenty-ui-deprecated/display'; +import { IconColorSwatch, IconPlus, IconTrash } from 'twenty-ui/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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 28f019a992..b29fa9a199 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 b04b852bb3..504d1df7fc 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,10 +12,7 @@ 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-deprecated/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 7cb7da4c01..64dc723769 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 947b7da107..96b1eafdff 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-deprecated/display'; +} from 'twenty-ui/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 27b8fe9906..957006d92e 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 7172430403..547811841a 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 ee385a3e88..ffe5fb3c6c 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,20 +5,14 @@ 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-deprecated/display'; -import { IconButton } from 'twenty-ui-deprecated/input'; +import { IconTrash, OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { IconButton } from 'twenty-ui/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-deprecated/theme-constants'; +import { themeCssVariables, ThemeContext } from 'twenty-ui/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 b687089664..db47ad1355 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,10 +1,7 @@ import { styled } from '@linaria/react'; import { motion } from 'framer-motion'; -import { IconGripVertical } from 'twenty-ui-deprecated/display'; -import { - themeCssVariables, - ThemeContext, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconGripVertical } from 'twenty-ui/display'; +import { themeCssVariables, ThemeContext } from 'twenty-ui/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 8693a5eac7..42accc4cc5 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-deprecated/input'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Button } from 'twenty-ui/input'; +import { themeCssVariables } from 'twenty-ui/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 fa1e5c2992..406f4b376f 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-deprecated/display'; -import { Section } from 'twenty-ui-deprecated/layout'; +import { H2Title } from 'twenty-ui/display'; +import { Section } from 'twenty-ui/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 bccd9d5369..f52ad6af89 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 bf073e725e..a589c2f4c3 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistTableRow.tsx @@ -2,11 +2,8 @@ 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-deprecated/input'; -import { - IconX, - OverflowingTextWithTooltip, -} from 'twenty-ui-deprecated/display'; +import { IconButton } from 'twenty-ui/input'; +import { IconX, OverflowingTextWithTooltip } from 'twenty-ui/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 856a7179a3..155d05721a 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-deprecated/display'; -import { Card } from 'twenty-ui-deprecated/layout'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { H2Title, IconUserPlus } from 'twenty-ui/display'; +import { Card } from 'twenty-ui/layout'; +import { themeCssVariables } from 'twenty-ui/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 cf177d5ad8..457f895d1e 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelsGeneral.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelsGeneral.tsx @@ -8,8 +8,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-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { H2Title } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 e9f4811a31..cfafd1aecf 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 507950ffe5..87558b6895 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 163250b070..a0ab6adcae 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 1a39166fbd..feea78b549 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-deprecated/display'; +import { IconPlus } from 'twenty-ui/display'; -import { Button } from 'twenty-ui-deprecated/input'; -import { Section } from 'twenty-ui-deprecated/layout'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Button } from 'twenty-ui/input'; +import { Section } from 'twenty-ui/layout'; +import { themeCssVariables } from 'twenty-ui/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 49bf21ab2b..fb05e4d5fc 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsRowRightContainer.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsRowRightContainer.tsx @@ -5,8 +5,8 @@ import { computeSyncStatus } from '@/settings/accounts/utils/computeSyncStatus'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { Status } from 'twenty-ui-deprecated/display'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { Status } from 'twenty-ui/display'; +import { themeCssVariables } from 'twenty-ui/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 9829ffea98..4a8fb8b6a1 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectionForm.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectionForm.tsx @@ -9,12 +9,9 @@ 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-deprecated/display'; -import { Section } from 'twenty-ui-deprecated/layout'; -import { - MOBILE_VIEWPORT, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { H2Title } from 'twenty-ui/display'; +import { Section } from 'twenty-ui/layout'; +import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/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 daa0d3b0d2..2915570c6d 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-deprecated/feedback'; +import { Loader } from 'twenty-ui/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 d6b6de6d52..32e494756d 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsListEmptyStateCard.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsListEmptyStateCard.tsx @@ -11,16 +11,9 @@ 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-deprecated/display'; -import { UndecoratedLink } from 'twenty-ui-deprecated/navigation'; -import { - ThemeContext, - themeCssVariables, -} from 'twenty-ui-deprecated/theme-constants'; +import { IconAt, IconGoogle, IconMicrosoft } from 'twenty-ui/display'; +import { UndecoratedLink } from 'twenty-ui/navigation'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/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 a4c795d218..11a37f567a 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 8d9e4c227a..418a4cca08 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageChannelDetails.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageChannelDetails.tsx @@ -7,13 +7,9 @@ import { MessageChannelType, type MessageFolderImportPolicy, } from 'twenty-shared/types'; -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 { H2Title, IconBriefcase, IconUsers } from 'twenty-ui/display'; +import { Card, Section } from 'twenty-ui/layout'; +import { themeCssVariables } from 'twenty-ui/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 a055b60baf..25279d8a77 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-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/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 2779ec4411..98e921d465 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-deprecated/display'; -import { Section } from 'twenty-ui-deprecated/layout'; +import { H2Title } from 'twenty-ui/display'; +import { Section } from 'twenty-ui/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 5f633fd330..a4c835771c 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-deprecated/navigation'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { ClickToActionLink } from 'twenty-ui/navigation'; +import { themeCssVariables } from 'twenty-ui/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 7ebe77e351..3ce9ee7978 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-deprecated/input'; -import { Card, CardContent } from 'twenty-ui-deprecated/layout'; +import { Radio } from 'twenty-ui/input'; +import { Card, CardContent } from 'twenty-ui/layout'; import { isDefined } from 'twenty-shared/utils'; -import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; type SettingsAccountsRadioSettingsCardProps