From 8034c7725fbef4273342e8177d0034110b52fea8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Rapha=C3=ABl=20Bosi?= <71827178+bosiraphael@users.noreply.github.com> Date: Thu, 18 Jun 2026 10:31:29 +0200 Subject: [PATCH] Reorganize twenty-ui into best-practice component domains and per-component folders (#21745) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Reorganizes `twenty-ui`'s component organization to follow how the best UI libraries (MUI, Mantine, Base UI, Polaris) structure their source, now that the package has stabilized. **Taxonomy** — dissolves the meaningless `components/` junk-drawer and the 107-file `display/` mega-category. New domains/subpaths: `data-display`, `typography`, `icon`, `surfaces`; `feedback` and `layout` absorb the rest (banners/callout/info + placeholders → feedback; modal/card → surfaces; motion + separators → layout). **Per-component layout** — every component is now `//.tsx` with colocated styles/stories/types, `internal/` for private helpers and `parts/` for re-exported compound sub-parts. The redundant inner `/components/` is gone. `icon` and `json-visualizer` are kept as cohesive subsystems. **Also:** adds a tree-shakeable root barrel (`import { Button } from 'twenty-ui'`), the generator now owns `individual-entry.ts`, and a real barrel-leak bug is fixed (private `internals/` parts were leaking into the public API). Consumer imports (~1.2k files) and the `twenty-sdk` UI aggregator were updated by codemod. The change is **export-neutral** except 16 intentionally-removed private internals symbols (all verified unconsumed). Gates green: typecheck, lint, build, size-limit, storybook. Review in cubic --- .../src/hooks/useCopyToClipboard.tsx | 2 +- .../components/UserOrMetadataLoader.tsx | 2 +- .../components/CalendarDayCardContent.tsx | 2 +- .../components/CalendarEventDetails.tsx | 4 +- .../CalendarEventNotSharedContent.tsx | 2 +- .../CalendarEventParticipantsAvatarGroup.tsx | 2 +- ...arEventParticipantsResponseStatusField.tsx | 2 +- .../calendar/components/CalendarEventRow.tsx | 2 +- .../components/CalendarEventsCard.tsx | 6 +- .../calendar/components/CalendarMonthCard.tsx | 2 +- .../activities/components/ActivityList.tsx | 2 +- .../activities/components/ActivityRow.tsx | 2 +- .../activities/components/ParticipantChip.tsx | 2 +- .../emails/components/ComposeEmailButton.tsx | 2 +- .../components/EmailAttachmentsField.tsx | 2 +- .../emails/components/EmailLoader.tsx | 4 +- .../components/EmailThreadBottomBar.tsx | 2 +- .../components/EmailThreadMessageBody.tsx | 2 +- .../EmailThreadMessageReceivers.tsx | 2 +- .../components/EmailThreadMessageSender.tsx | 2 +- .../components/EmailThreadNotShared.tsx | 3 +- .../emails/components/EmailThreadPreview.tsx | 2 +- .../emails/components/EmailsCard.tsx | 2 +- .../components/EmptyInboxPlaceholder.tsx | 4 +- .../files/components/AttachmentDropdown.tsx | 2 +- .../files/components/AttachmentList.tsx | 4 +- .../files/components/AttachmentRow.tsx | 3 +- .../files/components/DocumentViewer.tsx | 2 +- .../activities/files/components/DropZone.tsx | 2 +- .../activities/files/components/FilesCard.tsx | 4 +- .../components/ActivityTargetsInlineCell.tsx | 2 +- .../activities/notes/components/NotesCard.tsx | 4 +- .../tasks/components/AddTaskButton.tsx | 2 +- .../tasks/components/TaskGroups.tsx | 4 +- .../activities/tasks/components/TaskRow.tsx | 3 +- .../components/TimelineCard.tsx | 2 +- .../activity/components/EventRowActivity.tsx | 2 +- .../rows/components/EventCardToggleButton.tsx | 2 +- .../components/EventIconDynamicComponent.tsx | 2 +- .../components/EventFieldDiffLabel.tsx | 2 +- .../EventRelationFieldDiffValues.tsx | 2 +- .../message/components/EventCardMessage.tsx | 2 +- .../EventCardMessageBodyNotShared.tsx | 2 +- .../components/BubbleMenuIconButton.tsx | 2 +- .../components/EditLinkPopover.tsx | 2 +- .../components/ImageBubbleMenu.tsx | 2 +- .../components/LinkBubbleMenu.tsx | 2 +- .../components/TextBubbleMenu.tsx | 2 +- .../components/TurnIntoBlockDropdown.tsx | 2 +- .../WorkflowSendEmailAttachments.tsx | 2 +- .../slash-command/DefaultSlashCommands.ts | 2 +- .../extensions/slash-command/SlashCommand.ts | 2 +- .../hooks/useTurnIntoBlockOptions.ts | 2 +- .../AiChatApiKeyNotConfiguredMessage.tsx | 2 +- .../AiChatAssistantMessageRenderer.tsx | 2 +- .../modules/ai/components/AiChatBanner.tsx | 4 +- .../components/AiChatCompactionIndicator.tsx | 2 +- .../ai/components/AiChatErrorMessage.tsx | 2 +- .../ai/components/AiChatQueuedMessages.tsx | 2 +- .../components/AiChatScrollToBottomButton.tsx | 2 +- .../components/AiChatThreadFilterDropdown.tsx | 2 +- .../AiChatThreadFilterDropdownGroupByMenu.tsx | 2 +- ...atThreadFilterDropdownLastActivityMenu.tsx | 2 +- .../AiChatThreadFilterDropdownRootMenu.tsx | 2 +- .../AiChatThreadFilterDropdownStatusMenu.tsx | 2 +- .../ai/components/AiChatThreadItemMenu.tsx | 2 +- .../ai/components/AiChatThreadListItem.tsx | 2 +- .../ai/components/CodeExecutionDisplay.tsx | 2 +- .../NavigationDrawerAiChatThreadItem.tsx | 2 +- .../ai/components/ReasoningSummaryDisplay.tsx | 2 +- .../src/modules/ai/components/RecordLink.tsx | 2 +- .../ai/components/RoutingDebugDisplay.tsx | 2 +- .../ai/components/RoutingStatusDisplay.tsx | 2 +- .../SettingsAgentModelCapabilities.tsx | 2 +- .../modules/ai/components/TerminalOutput.tsx | 2 +- .../ai/components/ThinkingStepsDisplay.tsx | 5 +- .../ai/components/ToolStepRenderer.tsx | 2 +- .../internal/AgentChatFilePreview.tsx | 4 +- .../internal/AgentChatFileUploadButton.tsx | 2 +- .../internal/AiChatContextUsageButton.tsx | 2 +- .../components/internal/SendMessageButton.tsx | 2 +- .../default-suggested-prompts.ts | 2 +- .../ai/constants/OutputFieldTypeOptions.ts | 2 +- .../src/modules/ai/utils/getToolIcon.ts | 2 +- .../src/modules/app/components/App.tsx | 2 +- .../applications/components/AppChip.tsx | 7 +- .../components/AppConnectionHeader.tsx | 3 +- .../src/modules/auth/components/Logo.tsx | 2 +- .../src/modules/auth/components/Title.tsx | 2 +- .../auth/components/VerifyEmailEffect.tsx | 2 +- .../__stories__/VerifyEmailEffect.stories.tsx | 2 +- .../modules/auth/constants/AuthModalConfig.ts | 2 +- .../components/EmailVerificationSent.tsx | 9 +- .../components/SignInUpGlobalScopeForm.tsx | 9 +- .../components/SignInUpWorkspaceScopeForm.tsx | 2 +- .../EmailVerificationSent.stories.tsx | 2 +- .../components/internal/LastUsedPill.tsx | 2 +- .../internal/SignInUpPasswordField.tsx | 2 +- .../SignInUpSSOIdentityProviderSelection.tsx | 2 +- ...gnInUpTwoFactorAuthenticationProvision.tsx | 2 +- .../internal/SignInUpWithGoogle.tsx | 3 +- .../internal/SignInUpWithMicrosoft.tsx | 3 +- .../components/internal/SignInUpWithSSO.tsx | 3 +- .../blocks/MentionInlineContent.tsx | 2 +- .../components/BlockEditor.tsx | 2 +- .../components/CustomSideMenu.tsx | 2 +- .../components/CustomSideMenuOptions.tsx | 2 +- .../modules/blocknote-editor/types/types.ts | 2 +- .../blocknote-editor/utils/getSlashMenu.ts | 2 +- .../RecordIndexCommandMenuDropdown.tsx | 2 +- ...RecordPageSidePanelCommandMenuDropdown.tsx | 2 +- .../RecordShowSidePanelOpenRecordButton.tsx | 2 +- .../components/CommandMenuItemRenderer.tsx | 2 +- ...nnedCommandMenuItemsInlineMeasurements.tsx | 2 +- .../components/CommandMenuItemEditButton.tsx | 4 +- ...andMenuItemEditRecordSelectionDropdown.tsx | 6 +- .../CommandMenuItemOptionsDropdown.tsx | 2 +- .../SidePanelCommandMenuItemEditPage.tsx | 2 +- ...HeadlessOpenSidePanelPageEngineCommand.tsx | 2 +- ...EngineComponentKeyHeadlessComponentMap.tsx | 2 +- .../hooks/useCommandMenuItemClick.ts | 2 +- .../components/CommandMenuButton.tsx | 8 +- .../components/CommandMenuItem.tsx | 2 +- .../components/CommandMenuItemNumberInput.tsx | 2 +- .../components/CommandMenuItemTextInput.tsx | 2 +- .../components/CommandMenuOpenContainer.tsx | 2 +- .../__stories__/CommandMenu.stories.tsx | 2 +- .../hooks/__tests__/useCommandMenu.test.tsx | 2 +- .../__tests__/useWorkflowCommandMenu.test.tsx | 2 +- .../components/AppRootErrorFallback.tsx | 2 +- .../components/internal/AppErrorDisplay.tsx | 4 +- .../file/components/AttachmentChip.tsx | 4 +- .../src/modules/file/components/FileIcon.tsx | 2 +- .../modules/file/utils/fileIconMappings.ts | 2 +- ...useFrontComponentExecutionContext.test.tsx | 2 +- .../useFrontComponentExecutionContext.ts | 2 +- .../components/InformationBanner.tsx | 5 +- .../InformationBannerDeletedRecord.tsx | 2 +- .../InformationBannerIsImpersonating.tsx | 2 +- .../InformationBannerMaintenance.tsx | 2 +- ...tionBannerReconnectAccountEmailAliases.tsx | 2 +- ...econnectAccountInsufficientPermissions.tsx | 2 +- .../components/KeyboardShortcutMenuDialog.tsx | 2 +- .../components/LayoutCustomizationBar.tsx | 2 +- .../LayoutCustomizationBarMenuDropdown.tsx | 2 +- .../hooks/useEnterLayoutCustomizationMode.ts | 2 +- ...cationInstallPermissionValidationModal.tsx | 2 +- .../buildPermissionSummaryFromRoleManifest.ts | 2 +- .../components/MentionMenuListItem.tsx | 2 +- .../mention/components/MentionRecordChip.tsx | 2 +- .../components/MentionSuggestionMenu.tsx | 2 +- .../components/NavigationMenuItemIcon.tsx | 6 +- .../components/AddToNavigationDragHandle.tsx | 7 +- .../dnd/hooks/useHandleAddToNavigationDrop.ts | 2 +- .../components/NavigationMenuItemFolder.tsx | 2 +- .../NavigationMenuItemFolderContent.tsx | 2 +- .../NavigationMenuItemFolderDnd.tsx | 2 +- ...ItemFolderNavigationDrawerItemDropdown.tsx | 2 +- .../components/LinkIconWithLinkOverlay.tsx | 3 +- .../NavigationMenuItemLinkDisplay.tsx | 2 +- ...igationDrawerItemForObjectMetadataItem.tsx | 3 +- .../NavigationMenuItemPageLayoutDisplay.tsx | 2 +- .../favorites/components/FavoritesSection.tsx | 2 +- .../components/FavoritesSectionDispatcher.tsx | 2 +- .../workspace/components/WorkspaceSection.tsx | 2 +- .../components/ObjectIconWithViewOverlay.tsx | 3 +- .../NavigationMenuItemBackButton.tsx | 2 +- .../WorkspaceSectionAddMenuItemButton.tsx | 2 +- .../edit/hooks/useOpenAddItemToFolderPage.ts | 2 +- .../useOpenNavigationMenuItemInSidePanel.ts | 2 +- .../components/SidePanelEditColorOption.tsx | 2 +- .../SidePanelEditFolderPickerSubPage.tsx | 3 +- .../SidePanelEditOrganizeActions.tsx | 2 +- .../components/SidePanelEditOwnerSection.tsx | 2 +- .../SidePanelNavigationMenuItemEditPage.tsx | 2 +- .../SidePanelNewSidebarItemMainMenu.tsx | 5 +- .../SidePanelNewSidebarItemObjectSubPage.tsx | 2 +- ...ewSidebarItemObjectSystemPickerSubPage.tsx | 2 +- .../SidePanelNewSidebarItemRecordItem.tsx | 3 +- ...lNewSidebarItemViewObjectPickerSubView.tsx | 3 +- ...dePanelNewSidebarItemViewPickerSubView.tsx | 2 +- .../SidePanelObjectPickerSubView.tsx | 3 +- .../hooks/useAddFolderToNavigationMenu.ts | 2 +- .../hooks/useAddLinkToNavigationMenu.ts | 2 +- ...seNavigationMenuItemEditOrganizeActions.ts | 2 +- .../MainNavigationDrawerTabsRow.tsx | 8 +- .../components/MobileNavigationBar.tsx | 2 +- .../NavigationDrawerOtherSection.tsx | 2 +- .../components/SettingsNavigationDrawer.tsx | 2 +- .../components/ObjectMetadataIcon.tsx | 3 +- .../hooks/useObjectMetadataSelectHelpers.ts | 2 +- .../utils/getIconForObjectType.ts | 2 +- .../AdvancedFilterAddFilterRuleSelect.tsx | 2 +- ...ancedFilterCompositeSubFieldSelectMenu.tsx | 2 +- ...FilterRecordFilterGroupOptionsDropdown.tsx | 2 +- ...ancedFilterRecordFilterOptionsDropdown.tsx | 2 +- ...cedFilterRelationTargetFieldSelectMenu.tsx | 2 +- .../hooks/useRecordFilterField.ts | 2 +- ...dFilterSidePanelCreateRootFilterButton.tsx | 2 +- .../object-record/components/RecordChip.tsx | 2 +- .../ObjectFilterDropdownActorSelect.tsx | 2 +- .../ObjectFilterDropdownBooleanSelect.tsx | 2 +- .../ObjectFilterDropdownFilterInputHeader.tsx | 2 +- ...jectFilterDropdownFilterSelectMenuItem.tsx | 2 +- .../ObjectFilterDropdownRecordPinnedItems.tsx | 2 +- .../ObjectFilterDropdownRecordSelect.tsx | 2 +- .../utils/getActorSourceMultiSelectOptions.ts | 2 +- ...ctOptionsDropdownCalendarFieldsContent.tsx | 2 +- ...jectOptionsDropdownCalendarViewContent.tsx | 4 +- .../ObjectOptionsDropdownCustomView.tsx | 4 +- .../ObjectOptionsDropdownDefaultView.tsx | 2 +- .../ObjectOptionsDropdownFieldsContent.tsx | 2 +- ...jectOptionsDropdownHiddenFieldsContent.tsx | 2 +- ...tionsDropdownHiddenRecordGroupsContent.tsx | 2 +- .../ObjectOptionsDropdownLayoutContent.tsx | 4 +- ...jectOptionsDropdownLayoutOpenInContent.tsx | 2 +- .../ObjectOptionsDropdownMenuViewName.tsx | 3 +- ...ptionsDropdownRecordGroupFieldsContent.tsx | 2 +- ...tOptionsDropdownRecordGroupSortContent.tsx | 2 +- ...jectOptionsDropdownRecordGroupsContent.tsx | 2 +- ...ObjectOptionsDropdownVisibilityContent.tsx | 4 +- .../components/ObjectSortDropdownButton.tsx | 2 +- .../RecordBoardClickOutsideEffect.tsx | 2 +- .../components/RecordBoardCard.tsx | 2 +- .../components/RecordBoardCardHeader.tsx | 4 +- .../RecordBoardCardMultiDragCounterChip.tsx | 2 +- .../components/RecordBoardColumnHeader.tsx | 4 +- ...ardColumnHeaderAggregateDropdownButton.tsx | 4 +- ...mnHeaderAggregateDropdownFieldsContent.tsx | 7 +- ...dColumnHeaderAggregateDropdownMenuItem.tsx | 2 +- ...nHeaderAggregateDropdownOptionsContent.tsx | 2 +- .../RecordBoardColumnNewRecordButton.tsx | 2 +- .../components/RecordCalendar.tsx | 2 +- .../components/RecordCalendarAddNew.tsx | 2 +- .../components/RecordCalendarTopBar.tsx | 2 +- .../components/RecordCalendarCard.tsx | 2 +- .../components/RecordCalendarCardHeader.tsx | 2 +- .../RecordDetailDuplicatesSection.tsx | 2 +- ...lMorphRelationSectionDropdownManyToOne.tsx | 2 +- ...lMorphRelationSectionDropdownOneToMany.tsx | 2 +- .../RecordDetailRelationRecordsListItem.tsx | 4 +- ...ordDetailRelationSectionDropdownToMany.tsx | 2 +- ...cordDetailRelationSectionDropdownToOne.tsx | 2 +- .../ui/components/LightCopyIconButton.tsx | 2 +- .../ui/form-types/components/BaseChip.tsx | 2 +- .../components/FormAdvancedTextFieldInput.tsx | 2 +- .../components/FormArrayFieldInput.tsx | 2 +- .../components/FormBooleanFieldInput.tsx | 2 +- .../components/FormCallingCodeSelectInput.tsx | 2 +- .../FormCountryMultiSelectInput.tsx | 2 +- .../components/FormCountrySelectInput.tsx | 2 +- .../components/FormCurrencyFieldInput.tsx | 2 +- .../components/FormMultiSelectFieldInput.tsx | 2 +- .../components/FormSelectFieldInput.tsx | 2 +- .../components/FormSingleRecordFieldChip.tsx | 2 +- .../components/FormSingleRecordPicker.tsx | 2 +- .../FormWorkspaceMemberFilterValueInput.tsx | 2 +- ...WorkspaceMemberFilterValueInputTrigger.tsx | 2 +- .../ui/form-types/components/VariableChip.tsx | 2 +- .../hooks/__tests__/useGetButtonIcon.test.tsx | 2 +- .../record-field/ui/hooks/useGetButtonIcon.ts | 2 +- .../display/components/ChipFieldDisplay.tsx | 2 +- .../components/ForbiddenFieldDisplay.tsx | 2 +- .../components/MultiSelectFieldDisplay.tsx | 2 +- .../input/components/FilesFieldMenuItem.tsx | 2 +- .../MorphRelationManyToOneFieldInput.tsx | 2 +- .../input/components/MultiItemFieldInput.tsx | 2 +- .../components/MultiItemFieldMenuItem.tsx | 2 +- .../input/components/RawJsonFieldInput.tsx | 2 +- .../RelationManyToOneFieldInput.tsx | 2 +- .../input/components/RichTextFieldInput.tsx | 2 +- .../record-field/ui/types/FieldDefinition.ts | 2 +- .../record-field/ui/types/RecordChipData.ts | 2 +- .../ui/utils/getFieldButtonIcon.ts | 2 +- .../RecordGroupMenuItemDraggable.tsx | 4 +- .../hooks/useRecordGroupActions.ts | 2 +- .../record-group/types/RecordGroupActions.ts | 2 +- .../RecordIndexEmptyStateNotShared.tsx | 2 +- .../RecordIndexPageKanbanAddMenuItem.tsx | 2 +- .../components/RecordInlineCell.tsx | 2 +- .../RecordInlineCellAnchoredPortalContext.tsx | 2 +- .../components/RecordInlineCellContainer.tsx | 2 +- .../components/RecordInlineCellContext.tsx | 2 +- .../components/RecordInlineCellEditButton.tsx | 4 +- .../components/MergeRecordsFooter.tsx | 2 +- .../hooks/useMergeRecordsContainerTabs.ts | 2 +- .../utils/getPositionNumberIcon.ts | 2 +- .../components/MultipleRecordPicker.tsx | 2 +- .../MultipleRecordPickerMenuItemContent.tsx | 2 +- .../components/SingleRecordPickerMenuItem.tsx | 2 +- .../SingleRecordPickerMenuItems.tsx | 2 +- .../SingleRecordPickerMenuItemsWithSearch.tsx | 2 +- .../SingleRecordPicker.stories.tsx | 2 +- .../RecordTableNoRecordGroupAddNew.tsx | 2 +- .../RecordTableEmptyStateDisplay.tsx | 4 +- ...ordTableEmptyStateNoGroupNoRecordAtAll.tsx | 2 +- ...dTableEmptyStateNoRecordFoundForFilter.tsx | 2 +- .../RecordTableEmptyStateReadOnly.tsx | 2 +- .../RecordTableEmptyStateRemote.tsx | 2 +- .../RecordTableEmptyStateSoftDelete.tsx | 2 +- .../components/RecordTableCellButtons.tsx | 4 +- .../components/RecordTableCellEditButton.tsx | 2 +- .../useGetSecondaryRecordTableCellButton.ts | 2 +- ...eColumnAggregateDropdownSubmenuContent.tsx | 2 +- ...egateFooterAggregateOperationMenuItems.tsx | 2 +- ...dTableColumnAggregateFooterMenuContent.tsx | 2 +- .../RecordTableColumnAggregateFooterValue.tsx | 2 +- ...ordTableColumnAggregateFooterValueCell.tsx | 2 +- .../components/RecordTableColumnHead.tsx | 2 +- .../RecordTableColumnHeadDropdownMenu.tsx | 2 +- .../RecordTableHeaderAddColumnButton.tsx | 2 +- ...bleHeaderLabelIdentifierCellPlusButton.tsx | 2 +- .../RecordTableHeaderPlusButtonContent.tsx | 2 +- .../components/RecordTableActionRow.tsx | 2 +- .../RecordTableRowMultiDragCounterChip.tsx | 2 +- .../RecordTableRecordGroupSection.tsx | 4 +- .../RecordTableRecordGroupSectionAddNew.tsx | 2 +- .../RecordTableRecordGroupSectionLoadMore.tsx | 2 +- .../RecordTitleCellTextFieldDisplay.tsx | 2 +- .../RecordTitleCellUuidFieldDisplay.tsx | 2 +- .../RecordTitleFullNameFieldDisplay.tsx | 2 +- .../UpdateMultipleRecordsFooter.tsx | 2 +- .../components/MultipleSelectDropdown.tsx | 2 +- .../select/types/SelectableItem.ts | 3 +- .../useBuildSpreadSheetImportFields.test.tsx | 4 +- .../hooks/useBuildSpreadSheetImportFields.ts | 2 +- .../types/ObjectRecordIdentifier.ts | 2 +- .../OnboardingModalCircularIcon.tsx | 2 +- .../components/PageLayoutGridResizeHandle.tsx | 2 +- .../components/PageLayoutTabList.tsx | 2 +- ...PageLayoutTabListNewTabDropdownContent.tsx | 2 +- .../PageLayoutTabMenuItemSelectAvatar.tsx | 2 +- .../components/DashboardWidgetPlaceholder.tsx | 2 +- .../PageLayoutWidgetForbiddenDisplay.tsx | 2 +- .../PageLayoutWidgetInvalidConfigDisplay.tsx | 3 +- .../PageLayoutWidgetStatusDisplay.tsx | 3 +- .../components/RecordPageAddWidgetSection.tsx | 2 +- .../StandaloneWidgetPlaceholder.tsx | 2 +- .../components/WidgetActionFieldSeeAll.tsx | 8 +- .../widgets/components/WidgetCardShell.tsx | 2 +- .../components/EmailThreadComposer.tsx | 2 +- .../EmailThreadIntermediaryMessages.tsx | 2 +- .../widgets/field/components/FieldWidget.tsx | 2 +- .../components/FieldWidgetEditAction.tsx | 2 +- .../FieldWidgetRelationEditAction.tsx | 2 +- .../components/FieldWidgetShowMoreButton.tsx | 2 +- .../components/FieldsConfigurationEditor.tsx | 2 +- .../FieldsConfigurationFieldEditor.tsx | 2 +- ...ieldsConfigurationGroupDraggableHeader.tsx | 3 +- .../FieldsConfigurationGroupDropdown.tsx | 2 +- .../FieldsConfigurationUngroupedEditor.tsx | 2 +- .../fields/components/FieldsWidget.tsx | 2 +- .../components/FieldsWidgetGroupContainer.tsx | 2 +- .../graph/components/GraphWidgetLegend.tsx | 7 +- .../graph/components/GraphWidgetTooltip.tsx | 2 +- .../components/GraphWidgetAggregateChart.tsx | 8 +- .../DashboardColorSelectionMenu.tsx | 2 +- .../components/DashboardEditorSideMenu.tsx | 2 +- .../utils/getDashboardSlashMenu.ts | 2 +- .../components/WidgetCardHeader.tsx | 3 +- .../widget-card/components/WidgetGrip.tsx | 2 +- .../SettingsAccountsBlocklistSection.tsx | 2 +- .../SettingsAccountsBlocklistTableRow.tsx | 3 +- ...SettingsAccountsCalendarChannelDetails.tsx | 5 +- ...ettingsAccountsCalendarChannelsGeneral.tsx | 2 +- ...tingsAccountsConnectedAccountsListCard.tsx | 2 +- ...untsConnectedAccountsRowRightContainer.tsx | 2 +- .../SettingsAccountsConnectionForm.tsx | 2 +- .../SettingsAccountsListEmptyStateCard.tsx | 2 +- .../SettingsAccountsMessageChannelDetails.tsx | 6 +- .../SettingsAccountsNewEmailGroupChannel.tsx | 2 +- .../SettingsAccountsRadioSettingsCard.tsx | 2 +- .../SettingsAccountsRowDropdownMenu.tsx | 2 +- .../SettingsAccountsSettingsSection.tsx | 3 +- .../SettingsAccountsToggleSettingCard.tsx | 2 +- .../SettingsConnectedAccountIcon.tsx | 2 +- .../components/SettingsNewAccountSection.tsx | 2 +- .../SettingsAccountsMessageFolderIcon.tsx | 2 +- .../SettingsAccountsMessageFoldersCard.tsx | 2 +- .../SettingsMessageFoldersEmptyStateCard.tsx | 2 +- .../SettingsMessageFoldersTreeItem.tsx | 2 +- .../ai/components/ModelsDevProviderLogo.tsx | 2 +- .../ai/components/SettingsAdminAI.tsx | 6 +- .../SettingsAdminAiProviderListCard.tsx | 3 +- .../ai/constants/ModelIconConfig.ts | 2 +- .../ai/constants/ProviderConfig.ts | 2 +- .../ai/utils/getModelsDevLogoIcon.tsx | 2 +- .../admin-panel/ai/utils/getProviderIcon.ts | 2 +- .../apps/components/SettingsAdminApps.tsx | 5 +- .../SettingsAdminChatThreadMessageList.tsx | 2 +- .../components/SettingsAdminContent.tsx | 2 +- .../components/SettingsAdminGeneral.tsx | 10 +- .../SettingsAdminServerAdminAccess.tsx | 3 +- .../components/SettingsAdminServerAdmins.tsx | 8 +- .../SettingsAdminVersionContainer.tsx | 2 +- .../SettingsAdminWorkspaceBillingContent.tsx | 6 +- .../SettingsAdminWorkspaceContent.tsx | 9 +- .../ConfigVariableFilterDropdown.tsx | 2 +- .../ConfigVariableOptionsDropdownContent.tsx | 2 +- .../SettingsAdminConfigVariables.tsx | 2 +- ...ngsAdminHealthAccountSyncCountersTable.tsx | 2 +- .../components/SettingsAdminHealthStatus.tsx | 2 +- .../SettingsAdminHealthStatusListCard.tsx | 2 +- ...ettingsAdminHealthStatusRightContainer.tsx | 2 +- .../components/SettingsAdminJobStateBadge.tsx | 2 +- .../SettingsAdminQueueJobRowDropdownMenu.tsx | 2 +- .../SettingsAdminQueueJobsTable.tsx | 2 +- .../SettingsAdminUpgradeStatusListCard.tsx | 2 +- ...ttingsAdminUpgradeStatusRightContainer.tsx | 2 +- ...SettingsAdminWorkerQueueMetricsSection.tsx | 3 +- ...ttingsAdminWorkspacesByHealthAccordion.tsx | 5 +- ...ttingsAdminWorkspacesStatusSummaryCard.tsx | 4 +- .../SettingsAdminMaintenanceMode.tsx | 7 +- .../SettingsAdminSigningKeysTable.tsx | 5 +- .../components/SettingsAiModelHoverCard.tsx | 9 +- .../ai/components/SettingsAiModelsTable.tsx | 3 +- .../modules/settings/ai/utils/getModelIcon.ts | 2 +- .../SettingsApplicationAboutSidebar.tsx | 4 +- .../components/SettingsBillingContent.tsx | 3 +- .../SettingsBillingCreditsSection.tsx | 10 +- .../SettingsBillingSubscriptionInfo.tsx | 4 +- .../components/SubscriptionBenefit.tsx | 2 +- .../billing/components/internal/PlansTags.tsx | 2 +- .../internal/ResourceCreditPriceSelector.tsx | 2 +- .../SettingsBillingLabelValueItem.tsx | 3 +- .../internal/SubscriptionInfoRowContainer.tsx | 2 +- .../AdvancedSettingsContentWrapperWithDot.tsx | 2 +- .../SaveAndCancelButtons.tsx | 2 +- .../SaveAndCancelButtons/SaveButton.tsx | 2 +- .../settings/components/SettingsCard.tsx | 6 +- .../settings/components/SettingsCounter.tsx | 2 +- .../SettingsCustomizeVideoModal.tsx | 2 +- .../components/SettingsDatabaseEventsForm.tsx | 2 +- .../components/SettingsDatePickerInput.tsx | 2 +- .../components/SettingsDiscoveryHeroCard.tsx | 2 +- .../components/SettingsDnsRecordsTable.tsx | 3 +- .../SettingsEnterpriseFeatureGateCard.tsx | 4 +- .../components/SettingsItemTypeTag.tsx | 3 +- .../settings/components/SettingsListCard.tsx | 4 +- .../SettingsListItemCardContent.tsx | 4 +- .../components/SettingsListSkeletonCard.tsx | 2 +- .../SettingsMorphRelationMultiSelect.tsx | 2 +- .../SettingsOptionCardContentButton.tsx | 6 +- .../SettingsOptionCardContentCounter.tsx | 6 +- .../SettingsOptionCardContentSelect.tsx | 6 +- .../SettingsOptionCardContentToggle.tsx | 6 +- .../SettingsOptionIconCustomizer.tsx | 2 +- ...ttingsOptionCardContentCounter.stories.tsx | 2 +- ...ettingsOptionCardContentSelect.stories.tsx | 2 +- ...ettingsOptionCardContentToggle.stories.tsx | 2 +- .../settings/components/SettingsRadioCard.tsx | 4 +- .../components/SettingsRadioCardContainer.tsx | 2 +- .../settings/components/SettingsStatsGrid.tsx | 2 +- .../settings/components/SettingsTableCard.tsx | 7 +- .../components/SettingsTableListSection.tsx | 3 +- .../__stories__/SettingsCard.stories.tsx | 2 +- .../layout/SettingsWizardStepBar.tsx | 2 +- .../components/ConfigVariableEdit.tsx | 3 +- .../components/ConfigVariableTable.tsx | 6 +- .../SettingsDataModelPreviewFormCard.tsx | 2 +- .../data-model/constants/RelationTypes.ts | 5 +- .../SettingsCompositeFieldTypeConfigs.ts | 2 +- .../constants/SettingsFieldCurrencyCodes.ts | 2 +- .../SettingsNonCompositeFieldTypeConfigs.ts | 2 +- .../components/MultiSelectAddressFields.tsx | 2 +- .../SettingsDataModelFieldAddressForm.tsx | 2 +- .../SettingsDataModelFieldBooleanForm.tsx | 2 +- .../BooleanDataModelSelectOptions.ts | 2 +- .../SettingsDataModelFieldIconLabelForm.tsx | 9 +- .../SettingsDataModelFieldIsUniqueForm.tsx | 2 +- .../SettingsDataModelFieldMaxValuesForm.tsx | 2 +- ...ettingsDataModelFieldOnClickActionForm.tsx | 2 +- .../SettingsObjectNewFieldSelector.tsx | 3 +- .../text/SettingsDataModelFieldTextForm.tsx | 2 +- .../SettingsDataModelFieldCurrencyForm.tsx | 6 +- .../SettingsDataModelFieldDateForm.tsx | 2 +- ...ingsDataModelFieldRelationJunctionForm.tsx | 2 +- .../SettingsDataModelFieldNumberForm.tsx | 2 +- .../constants/NumberDataModelSelectOptions.ts | 2 +- .../SettingsDataModelFieldPhonesForm.tsx | 2 +- .../components/AddSelectOptionMenuItem.tsx | 2 +- .../SettingsDataModelFieldSelectForm.tsx | 4 +- ...tingsDataModelFieldSelectFormOptionRow.tsx | 4 +- .../SettingsDataModelFieldPreview.tsx | 2 +- .../SettingsDataModelFieldPreviewWidget.tsx | 2 +- .../SettingsDataModelRelationFieldPreview.tsx | 2 +- ...DataModelRelationFieldPreviewSubWidget.tsx | 2 +- .../components/SettingsDataModelOverview.tsx | 2 +- ...sDataModelOverviewFieldWithoutRelation.tsx | 2 +- .../SettingsDataModelOverviewObject.tsx | 2 +- .../SettingsObjectIndexFieldsForm.tsx | 2 +- .../utils/buildIndexableSelectOptions.ts | 2 +- ...ettingsAvailableStandardObjectsSection.tsx | 2 +- .../SettingsObjectFieldDataType.tsx | 2 +- ...tingsObjectFieldDisabledActionDropdown.tsx | 2 +- .../SettingsObjectFieldItemTableRow.tsx | 2 +- .../SettingsObjectRelationItemTableRow.tsx | 2 +- .../SettingsObjectRelationsTable.tsx | 2 +- .../components/tabs/ObjectFields.tsx | 3 +- .../components/tabs/ObjectLayout.tsx | 3 +- .../components/tabs/ObjectSettings.tsx | 3 +- .../tabs/SettingsObjectIndexesSection.tsx | 2 +- .../tabs/SettingsObjectSearchSection.tsx | 4 +- .../SettingsDataModelObjectSummary.tsx | 3 +- .../SettingsObjectInactiveMenuDropDown.tsx | 2 +- .../SettingsDataModelObjectAboutForm.tsx | 12 +- ...SettingsDataModelObjectIdentifiersForm.tsx | 2 +- ...ettingsDataModelObjectSettingsFormCard.tsx | 2 +- .../developers/components/ApiKeyInput.tsx | 2 +- .../SettingsApiKeysFieldItemTableRow.tsx | 2 +- .../SettingsDevelopersRoleSelector.tsx | 2 +- .../SettingsDevelopersWebhookForm.tsx | 3 +- .../SettingsDevelopersWebhookTableRow.tsx | 6 +- .../components/WebhookEntitySelect.tsx | 2 +- .../components/SettingPublicDomain.tsx | 3 +- .../SettingPublicDomainRowDropdownMenu.tsx | 2 +- .../components/SettingsCustomDomain.tsx | 3 +- .../components/SettingsDomainRecords.tsx | 2 +- .../SettingsPublicDomainsListCard.tsx | 3 +- .../domains/components/SettingsSubdomain.tsx | 2 +- .../SettingsWorkspaceDomainCard.tsx | 3 +- .../SettingsEmailingDomainVerifyButton.tsx | 2 +- .../components/EnterprisePlanModal.tsx | 2 +- .../event-logs/components/EventLogFilters.tsx | 2 +- .../event-logs/components/SettingsLogs.tsx | 4 +- .../hooks/useSettingsNavigationItems.tsx | 3 +- .../lab/components/SettingsLabContent.tsx | 4 +- .../components/SettingsLayoutItemsStats.tsx | 2 +- .../SettingsLogicFunctionNewForm.tsx | 6 +- .../SettingsLogicFunctionCodeEditorTab.tsx | 3 +- ...FunctionTabEnvironmentVariableTableRow.tsx | 4 +- .../tabs/SettingsLogicFunctionTestTab.tsx | 4 +- .../tabs/SettingsLogicFunctionTriggersTab.tsx | 3 +- ...ettingsLogicFunctionHttpTriggerSection.tsx | 2 +- .../SettingsLogicFunctionTriggerSection.tsx | 2 +- .../members/components/MemberInfosTab.tsx | 2 +- .../components/MemberPermissionsTab.tsx | 8 +- .../components/PlaygroundSetupForm.tsx | 2 +- .../components/SettingsMcpSetup.tsx | 2 +- ...ttingsPlaygroundFormSchemaSelectOptions.ts | 2 +- .../profile/components/DeleteAccount.tsx | 2 +- .../profile/components/DeleteWorkspace.tsx | 3 +- .../profile/components/EmailField.tsx | 9 +- .../components/SetOrChangePassword.tsx | 2 +- .../components/SettingsRolesDefaultRole.tsx | 6 +- .../roles/components/SettingsRolesList.tsx | 4 +- .../components/SettingsRolesTableRow.tsx | 11 +- .../components/RoleAssignmentSection.tsx | 3 +- ...oleAssignmentConfirmationModalSubtitle.tsx | 2 +- .../SettingsRoleAssignmentTable.tsx | 3 +- .../SettingsRoleAssignmentTableRow.tsx | 9 +- ...RolePermissionsObjectLevelObjectPicker.tsx | 3 +- ...RolePermissionsObjectLevelOverrideCell.tsx | 2 +- ...tingsRolePermissionsObjectLevelSection.tsx | 2 +- ...ingsRolePermissionsObjectLevelTableRow.tsx | 2 +- ...ionsObjectLevelTableRowOptionsDropdown.tsx | 2 +- ...sObjectLevelObjectFieldPermissionTable.tsx | 3 +- ...ObjectFieldPermissionTableAllHeaderRow.tsx | 2 +- ...jectLevelObjectFieldPermissionTableRow.tsx | 2 +- .../components/OverridableCheckbox.tsx | 4 +- ...ssionsObjectLevelObjectFormObjectLevel.tsx | 2 +- ...LevelPermissionFieldSelectSubFieldMenu.tsx | 2 +- ...ordLevelPermissionFilterBuilderContent.tsx | 2 +- ...evelRecordLevelPermissionMeValueSelect.tsx | 2 +- ...ctLevelRecordLevelPermissionValueInput.tsx | 3 +- ...velRecordLevelPermissionVariablePicker.tsx | 2 +- ...rmissionsObjectLevelRecordLevelSection.tsx | 6 +- .../SettingsRolePermissionsObjectsSection.tsx | 2 +- .../SettingsRoleObjectPermissionIconConfig.ts | 2 +- ...SettingsRolePermissionsSettingsSection.tsx | 6 +- .../SettingsRolePermissionsToolSection.tsx | 6 +- .../useActionRolePermissionFlagConfig.ts | 2 +- .../useSettingsRolePermissionFlagConfig.ts | 2 +- ...ettingsRolePermissionsSettingPermission.ts | 2 +- .../components/SettingsRoleApplicability.tsx | 3 +- .../components/SettingsRoleSettings.tsx | 2 +- .../roles/role/components/SettingsRole.tsx | 2 +- .../SettingsSSOIdentitiesProvidersForm.tsx | 3 +- ...SettingsSSOIdentitiesProvidersListCard.tsx | 2 +- ...gsSSOIdentityProviderRowRightContainer.tsx | 2 +- .../components/SSO/SettingsSSOOIDCForm.tsx | 3 +- .../components/SSO/SettingsSSOSAMLForm.tsx | 12 +- .../SettingsSecuritySSORowDropdownMenu.tsx | 2 +- .../SettingsSecurityAuthBypassOptionsList.tsx | 4 +- ...ttingsSecurityAuthProvidersOptionsList.tsx | 4 +- .../SettingsSecurityEditableProfileFields.tsx | 2 +- .../components/SettingsSecuritySettings.tsx | 7 +- .../security/components/Toggle2FA.tsx | 2 +- .../SettingsApprovedAccessDomainsListCard.tsx | 3 +- ...ityApprovedAccessDomainRowDropdownMenu.tsx | 2 +- .../guessSSOIdentityProviderIconByUrl.ts | 2 +- .../DeleteTwoFactorAuthenticationMethod.tsx | 2 +- ...ttingsWorkspaceUnsubscribeTopicSection.tsx | 3 +- .../SettingsUsageAnalyticsSection.tsx | 3 +- .../components/UsageBreakdownPieSection.tsx | 2 +- .../components/UsageByUserTableSection.tsx | 4 +- .../components/UsageDailyChartSection.tsx | 2 +- ...sWorkspaceEmailChannelDomainStatusCell.tsx | 2 +- .../SettingsWorkspaceEmailGroupSourceCell.tsx | 3 +- .../components/ToggleImpersonate.tsx | 4 +- .../components/SidePanelAskAiInfo.tsx | 2 +- .../components/SidePanelBackButton.tsx | 2 +- .../components/SidePanelContextChip.tsx | 2 +- .../SidePanelContextRecordChipAvatars.tsx | 2 +- .../components/SidePanelFolderInfo.tsx | 3 +- .../side-panel/components/SidePanelGroup.tsx | 2 +- .../SidePanelItemWithAddToNavigationDrag.tsx | 2 +- .../components/SidePanelLinkInfo.tsx | 2 +- .../SidePanelMultipleRecordsInfo.tsx | 2 +- .../SidePanelObjectFilterDropdown.tsx | 2 +- .../SidePanelObjectFilterDropdownContent.tsx | 3 +- .../SidePanelObjectViewRecordInfo.tsx | 2 +- .../components/SidePanelPageInfo.tsx | 6 +- .../SidePanelPageLayoutInfoContent.tsx | 2 +- .../components/SidePanelRecordInfo.tsx | 2 +- .../components/SidePanelToggleButton.tsx | 2 +- .../side-panel/components/SidePanelTopBar.tsx | 2 +- .../SidePanelTopBarRightCornerIcon.tsx | 2 +- .../components/SidePanelWorkflowStepInfo.tsx | 2 +- .../__tests__/SidePanelTopBar.test.tsx | 2 +- .../hooks/usePageLayoutHeaderInfo.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 | 6 +- .../hooks/useOpenFrontComponentInSidePanel.ts | 2 +- .../useOpenMergeRecordsPageInSidePanel.tsx | 2 +- .../hooks/useOpenRecordInSidePanel.ts | 2 +- .../useOpenRecordsSearchPageInSidePanel.ts | 2 +- .../hooks/useOpenRichTextInSidePanel.ts | 2 +- ...enUpdateMultipleRecordsPageInSidePanel.tsx | 2 +- .../side-panel/hooks/useSidePanelMenu.ts | 2 +- .../hooks/useUpdateSidePanelPageInfo.ts | 2 +- .../SidePanelSubPageNavigationHeader.tsx | 2 +- .../SidePanelCampaignComposerPage.tsx | 2 +- .../components/SidePanelComposeEmailPage.tsx | 2 +- .../components/CanvasTabSettingsContent.tsx | 4 +- .../ChartFiltersDeletedFieldsWarning.tsx | 2 +- .../components/ChartLimitInfoBanner.tsx | 2 +- .../NewFieldDefaultVisibilityToggle.tsx | 2 +- .../components/RegularTabSettingsContent.tsx | 4 +- ...nelPageLayoutDashboardWidgetTypeSelect.tsx | 2 +- ...elPageLayoutRecordPageWidgetTypeSelect.tsx | 2 +- .../components/WidgetSettingsFooter.tsx | 2 +- .../WidgetSettingsManageSection.tsx | 4 +- .../WidgetSettingsPlacementSection.tsx | 2 +- .../SidePanelDashboardRecordTableSettings.tsx | 2 +- ...egateOperationSelectionDropdownContent.tsx | 2 +- .../ChartColorGradientOption.tsx | 2 +- .../ChartColorPaletteOption.tsx | 2 +- .../ChartDataSourceDropdownContent.tsx | 2 +- ...onForAggregateOperationDropdownContent.tsx | 2 +- ...roupByFieldSelectionCompositeFieldView.tsx | 2 +- ...oupByFieldSelectionDropdownContentBase.tsx | 2 +- ...ByFieldSelectionMorphRelationFieldView.tsx | 2 +- ...ByFieldSelectionTargetObjectFieldsView.tsx | 2 +- .../ChartManualSortSubMenuContent.tsx | 4 +- ...rtRatioOptionBooleanSelectableListItem.tsx | 2 +- ...tioOptionValueSelectionDropdownContent.tsx | 2 +- .../FieldWidgetFieldDropdownContent.tsx | 2 +- .../FieldWidgetLayoutDropdownContent.tsx | 2 +- .../SidePanelRecordPageFieldSettings.tsx | 2 +- .../SidePanelRecordPageFieldsSettings.tsx | 2 +- ...TableFieldsDropdownHiddenFieldsContent.tsx | 2 +- ...ableFieldsDropdownVisibleFieldsContent.tsx | 2 +- .../RecordTableSettingsFieldVisibility.tsx | 2 +- .../RecordTableSettingsSorts.tsx | 2 +- .../RecordTableSettingsSortsContent.tsx | 2 +- .../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/SidePanelSearchRecordsPage.tsx | 2 +- .../components/WorkflowActionMenuItems.tsx | 2 +- .../hooks/useSidePanelWorkflowNavigation.ts | 2 +- .../SidePanelWorkflowCreateStepContent.tsx | 2 +- .../SidePanelWorkflowEditStepTypeContent.tsx | 2 +- .../SidePanelWorkflowRunViewStepContent.tsx | 2 +- ...ePanelWorkflowSelectTriggerTypeContent.tsx | 2 +- .../states/sidePanelNavigationStackState.ts | 2 +- .../states/sidePanelPageInfoState.ts | 2 +- .../BackgroundMockNavigationDrawer.tsx | 2 +- .../components/BackgroundMockPage.tsx | 4 +- .../components/BackgroundMockTable.tsx | 8 +- .../components/BackgroundMockTableRow.tsx | 10 +- .../components/BackgroundMockViewBar.tsx | 7 +- .../BackgroundMockNavigationItems.ts | 2 +- .../constants/BackgroundMockOtherItems.ts | 2 +- ...ColumnSelectFieldSelectDropdownContent.tsx | 2 +- ...umnSelectSubFieldSelectDropdownContent.tsx | 3 +- .../components/MatchColumnToFieldSelect.tsx | 2 +- .../SpreadSheetImportModalCloseButton.tsx | 2 +- .../components/StepNavigationButton.tsx | 2 +- .../steps/components/ImportDataStep.tsx | 2 +- .../MatchColumnsStep/MatchColumnsStep.tsx | 2 +- .../SubMatchingSelectDropdownButton.tsx | 4 +- .../components/SubMatchingSelectInput.tsx | 2 +- .../components/TemplateColumn.tsx | 2 +- .../components/UnmatchColumnBanner.tsx | 3 +- .../SelectHeaderStep/SelectHeaderStep.tsx | 2 +- .../SelectSheetStep/SelectSheetStep.tsx | 2 +- .../components/SpreadsheetImportStepper.tsx | 2 +- .../SpreadsheetImportStepperContainer.tsx | 2 +- .../components/UploadStep/UploadStep.tsx | 2 +- .../ValidationStep/ValidationStep.tsx | 4 +- .../ValidationStep/components/columns.tsx | 2 +- .../types/SpreadsheetImportField.ts | 2 +- .../types/SpreadsheetImportFieldOption.ts | 2 +- .../display/components/LinkifiedTextBody.tsx | 2 +- .../snack-bar-manager/components/SnackBar.tsx | 4 +- .../field/display/components/ActorDisplay.tsx | 4 +- .../field/display/components/ArrayDisplay.tsx | 2 +- .../display/components/BooleanDisplay.tsx | 2 +- .../display/components/CurrencyDisplay.tsx | 2 +- .../ui/field/display/components/FileChip.tsx | 2 +- .../components/GlobalFilePreviewModal.tsx | 2 +- .../display/components/MultiSelectDisplay.tsx | 2 +- .../display/components/SelectDisplay.tsx | 4 +- .../field/display/components/TextDisplay.tsx | 2 +- .../display/components/UploadFileChip.tsx | 2 +- .../field/input/components/CurrencyInput.tsx | 2 +- .../ui/field/input/components/RatingInput.tsx | 2 +- .../__stories__/MultiSelectInput.stories.tsx | 2 +- .../ui/input/components/IconPicker.tsx | 8 +- .../ui/input/components/ImageInput.tsx | 2 +- .../input/components/MultiSelectControl.tsx | 9 +- .../modules/ui/input/components/Select.tsx | 2 +- .../ui/input/components/SelectControl.tsx | 8 +- .../ui/input/components/SelectInput.tsx | 2 +- .../modules/ui/input/components/TextInput.tsx | 4 +- .../ui/input/components/TitleInput.tsx | 2 +- .../components/__stories__/Select.stories.tsx | 2 +- .../country/components/CountrySelect.tsx | 2 +- .../CurrencyPickerDropdownButton.tsx | 2 +- .../internal/date/components/DatePicker.tsx | 2 +- .../date/components/DatePickerHeader.tsx | 2 +- .../date/components/DateTimePicker.tsx | 2 +- .../date/components/DateTimePickerHeader.tsx | 2 +- .../PhoneCountryPickerDropdownButton.tsx | 2 +- .../hooks/__tests__/useIconPicker.test.tsx | 2 +- .../ui/input/states/iconPickerState.ts | 2 +- .../__stories__/DraggableItem.stories.tsx | 2 +- .../__stories__/DraggableList.stories.tsx | 2 +- .../DropdownMenuHeaderLeftComponent.tsx | 7 +- .../components/DropdownMenuInnerSelect.tsx | 2 +- .../StyledDropdownMenuSubheader.tsx | 2 +- .../__stories__/Dropdown.stories.tsx | 6 +- .../DropdownMenuHeader.stories.tsx | 8 +- .../components/ExpandableList.tsx | 6 +- .../__stories__/ExpandableList.stories.tsx | 2 +- .../layout/hero/components/HeroPlayButton.tsx | 2 +- .../modal/components/ConfirmationModal.tsx | 10 +- .../modal/components/ModalStatefulWrapper.tsx | 2 +- .../components/__stories__/Modal.stories.tsx | 2 +- .../modal/types/ModalStatefulWrapperProps.ts | 2 +- .../ui/layout/page/components/PageHeader.tsx | 7 +- .../components/ShowPageSummaryCard.tsx | 9 +- .../types/SidePanelFooterCommandMenuItem.ts | 2 +- .../layout/tab-list/components/TabAvatar.tsx | 2 +- .../components/TabListHiddenMeasurements.tsx | 2 +- .../tab-list/components/TabMoreButton.tsx | 2 +- .../__stories__/Tablist.stories.tsx | 2 +- .../layout/tab-list/types/SingleTabProps.ts | 2 +- .../table/components/SortableTableHeader.tsx | 6 +- .../layout/table/components/TableSection.tsx | 3 +- .../layout/table/types/TableFieldMetadata.ts | 2 +- .../components/MobileBreadcrumb.tsx | 2 +- .../components/MenuItemWithOptionDropdown.tsx | 2 +- .../__stories__/NavigationBar.stories.tsx | 2 +- ...ltiWorkspaceDropdownClickableComponent.tsx | 2 +- ...ultiWorkspaceDropdownDefaultComponents.tsx | 4 +- ...MultiWorkspaceDropdownThemesComponents.tsx | 2 +- ...kspaceDropdownWorkspacesListComponents.tsx | 2 +- .../MultiWorkspacesDropdownStyles.tsx | 2 +- .../components/AvailableWorkspaceItem.tsx | 2 +- .../components/NavigationDrawerBackButton.tsx | 2 +- .../NavigationDrawerCollapseButton.tsx | 2 +- .../components/NavigationDrawerHeader.tsx | 2 +- .../components/NavigationDrawerInput.tsx | 2 +- .../components/NavigationDrawerItem.tsx | 10 +- .../NavigationDrawerSectionTitle.tsx | 3 +- .../__stories__/NavigationDrawer.stories.tsx | 4 +- .../NavigationDrawerItem.stories.tsx | 2 +- .../navigation/step-bar/components/Step.tsx | 2 +- .../modules/ui/theme/hooks/useColorScheme.ts | 2 +- .../components/AdvancedFilterChip.tsx | 2 +- .../views/components/AnyFieldSearchChip.tsx | 2 +- ...nyFieldSearchDropdownContentMenuHeader.tsx | 2 +- .../views/components/SoftDeleteFilterChip.tsx | 2 +- .../views/components/SortOrFilterChip.tsx | 2 +- .../components/UpdateViewButtonGroup.tsx | 2 +- .../ViewBarDetailsAddFilterButton.tsx | 2 +- ...wBarFilterDropdownAdvancedFilterButton.tsx | 4 +- ...erDropdownAnyFieldSearchButtonMenuItem.tsx | 2 +- ...pdownAnyFieldSearchInputDropdownHeader.tsx | 2 +- .../ViewBarFilterDropdownFieldSelectMenu.tsx | 2 +- ...ewBarFilterDropdownFieldSelectMenuItem.tsx | 2 +- ...BarFilterDropdownFilterInputMenuHeader.tsx | 2 +- .../ViewFieldsHiddenDropdownSection.tsx | 2 +- .../ViewFieldsSearchDropdownSection.tsx | 2 +- .../ViewFieldsVisibleDropdownSection.tsx | 2 +- .../components/EditableFilterChip.tsx | 2 +- .../EditableFilterChipDropdownMenuHeader.tsx | 2 +- .../components/EditableRelationFilterChip.tsx | 2 +- .../components/EditableSortChip.tsx | 2 +- .../src/modules/views/types/ViewType.ts | 2 +- .../ViewPickerContentCreateMode.tsx | 2 +- .../components/ViewPickerContentEditMode.tsx | 2 +- .../components/ViewPickerDropdown.tsx | 8 +- .../components/ViewPickerListContent.tsx | 2 +- .../components/ViewPickerOptionDropdown.tsx | 2 +- ...rkflowEditUpdateEventFieldsMultiSelect.tsx | 2 +- .../WorkflowStepExecutionResult.tsx | 4 +- ...RunWorkflowRunOpeningInSidePanelEffects.ts | 2 +- .../components/WorkflowDiagramCanvasBase.tsx | 2 +- .../WorkflowDiagramCreateStepElement.tsx | 2 +- .../WorkflowDiagramRightClickCommandMenu.tsx | 2 +- .../WorkflowRunVisualizerEffect.tsx | 2 +- .../utils/getWorkflowRunStatusTagProps.ts | 2 +- .../utils/getWorkflowVersionStatusTagProps.ts | 2 +- .../WorkflowDiagramDefaultEdgeEditable.tsx | 2 +- .../components/WorkflowDiagramEdgeLabel.tsx | 2 +- .../WorkflowDiagramEmptyTriggerReadonly.tsx | 2 +- .../WorkflowDiagramStepNodeEditable.tsx | 2 +- .../WorkflowDiagramStepNodeIcon.tsx | 2 +- ...rkflowDiagramStepNodeLogicFunctionIcon.tsx | 2 +- .../WorkflowDiagramStepNodeReadonly.tsx | 2 +- .../components/WorkflowNodeLabel.tsx | 2 +- .../components/WorkflowRunDiagramStepNode.tsx | 2 +- .../WorkflowRunStepLogsAiAgentDetail.tsx | 2 +- .../WorkflowRunStepLogsCodeDetail.tsx | 2 +- .../WorkflowRunStepLogsDetail.tsx | 2 +- .../WorkflowRunStepLogsEmailDetail.tsx | 2 +- .../WorkflowRunStepLogsHttpRequestDetail.tsx | 2 +- .../WorkflowRunStepLogsToolCallRow.tsx | 2 +- .../WorkflowDropdownStepOutputItems.tsx | 7 +- .../components/WorkflowRunStepInputDetail.tsx | 2 +- .../components/WorkflowStepFooter.tsx | 2 +- .../WorkflowStepFilterAddFilterRuleSelect.tsx | 2 +- ...kflowStepFilterAddRootStepFilterButton.tsx | 2 +- .../WorkflowStepFilterFieldSelect.tsx | 2 +- ...WorkflowStepFilterGroupOptionsDropdown.tsx | 2 +- .../WorkflowStepFilterOptionsDropdown.tsx | 2 +- .../WorkflowAiAgentPermissionsFlagRow.tsx | 2 +- ...orkflowAiAgentPermissionsPermissionRow.tsx | 2 +- .../components/WorkflowEditActionAiAgent.tsx | 2 +- .../WorkflowOutputSchemaBuilder.tsx | 7 +- .../components/WorkflowCodeEditor.tsx | 2 +- .../components/WorkflowEditActionCode.tsx | 2 +- .../WorkflowEditActionCreateRecord.tsx | 2 +- .../WorkflowEditActionDeleteRecord.tsx | 2 +- .../WorkflowEditActionEmailBase.tsx | 3 +- .../WorkflowEditActionUpdateRecord.tsx | 2 +- .../WorkflowEditActionUpsertRecord.tsx | 2 +- .../components/WorkflowEditActionDelay.tsx | 7 +- .../WorkflowEditActionFindRecords.tsx | 2 +- .../components/WorkflowFindRecordsSorts.tsx | 2 +- .../WorkflowObjectDropdownContent.tsx | 2 +- .../WorkflowEditActionFormBuilder.tsx | 4 +- .../WorkflowEditActionFormFieldSettings.tsx | 2 +- .../constants/FormSelectFieldTypeOptions.ts | 2 +- .../components/BodyInput.tsx | 2 +- .../components/KeyValuePairInput.tsx | 2 +- .../WorkflowEditActionHttpRequest.tsx | 2 +- .../WorkflowEditActionIfElseBody.tsx | 3 +- .../WorkflowIteratorSubStepSwitcher.tsx | 2 +- .../WorkflowEditActionLogicFunction.tsx | 7 +- .../WorkflowEditTriggerDatabaseEventForm.tsx | 2 +- .../components/WorkflowEditTriggerManual.tsx | 2 +- .../WorkflowEditTriggerWebhookForm.tsx | 2 +- .../constants/CronTriggerIntervalOptions.ts | 2 +- .../ManualTriggerAvailabilityOptions.ts | 6 +- .../ManualTriggerAvailabilityTypeOptions.ts | 2 +- .../constants/ManualTriggerIsPinnedOptions.ts | 6 +- .../WebhookTriggerAuthenticationOptions.ts | 2 +- .../WebhookTriggerHttpMethodOptions.ts | 6 +- .../components/WorkflowVariablesDropdown.tsx | 2 +- .../WorkflowVariablesDropdownStepItems.tsx | 7 +- .../WorkflowVariablesDropdownSteps.tsx | 3 +- .../hooks/useVariableDropdown.ts | 2 +- .../components/WorkspaceInviteLink.tsx | 2 +- .../components/WorkspaceInviteTeam.tsx | 2 +- .../twenty-front/src/pages/auth/Authorize.tsx | 7 +- .../src/pages/auth/PasswordReset.tsx | 4 +- .../twenty-front/src/pages/auth/SignInUp.tsx | 4 +- .../src/pages/not-found/NotFound.tsx | 2 +- .../src/pages/onboarding/BookCall.tsx | 4 +- .../src/pages/onboarding/BookCallDecision.tsx | 2 +- .../src/pages/onboarding/ChooseYourPlan.tsx | 2 +- .../src/pages/onboarding/CreateProfile.tsx | 4 +- .../src/pages/onboarding/CreateWorkspace.tsx | 4 +- .../src/pages/onboarding/InviteTeam.tsx | 5 +- .../src/pages/onboarding/PaymentSuccess.tsx | 6 +- .../src/pages/onboarding/SyncEmails.tsx | 4 +- .../page-layout/StandalonePageHeader.tsx | 2 +- .../settings/accounts/SettingsAccounts.tsx | 2 +- ...tingsAccountsConfigurationStepCalendar.tsx | 2 +- ...SettingsAccountsConfigurationStepEmail.tsx | 2 +- .../SettingsAdminAiProviderDetail.tsx | 4 +- ...AdminApplicationRegistrationDangerZone.tsx | 12 +- ...ingsAdminApplicationRegistrationDetail.tsx | 4 +- ...nApplicationRegistrationGeneralToggles.tsx | 5 +- .../SettingsAdminIndicatorHealthStatus.tsx | 2 +- .../SettingsAdminInferredVersion.tsx | 3 +- .../SettingsAdminInstanceStatus.tsx | 6 +- .../admin-panel/SettingsAdminNewAiModel.tsx | 3 +- .../SettingsAdminNewAiProvider.tsx | 4 +- .../admin-panel/SettingsAdminQueueDetail.tsx | 2 +- .../admin-panel/SettingsAdminUserDetail.tsx | 4 +- .../SettingsAdminWorkspaceChatThread.tsx | 2 +- .../SettingsAdminWorkspaceDetail.tsx | 10 +- .../SettingsAdminWorkspacesStatus.tsx | 2 +- .../src/pages/settings/ai/SettingsAI.tsx | 2 +- .../pages/settings/ai/SettingsAgentForm.tsx | 2 +- .../settings/ai/SettingsAgentTurnDetail.tsx | 3 +- .../pages/settings/ai/SettingsAiPrompts.tsx | 2 +- .../pages/settings/ai/SettingsSkillForm.tsx | 9 +- .../pages/settings/ai/SettingsToolDetail.tsx | 3 +- .../ai/components/SettingsAgentEvalsTab.tsx | 2 +- .../ai/components/SettingsAgentLogsTab.tsx | 5 +- .../ai/components/SettingsAgentRoleTab.tsx | 3 +- .../components/SettingsAgentSettingsTab.tsx | 3 +- .../ai/components/SettingsAgentSkillsTab.tsx | 3 +- .../components/SettingsAgentSkillsTable.tsx | 2 +- .../ai/components/SettingsAgentToolsTab.tsx | 3 +- .../ai/components/SettingsAgentToolsTable.tsx | 2 +- .../ai/components/SettingsAiAgentTableRow.tsx | 3 +- .../ai/components/SettingsAiAgentsTable.tsx | 2 +- .../ai/components/SettingsAiModelsTab.tsx | 12 +- .../ai/components/SettingsAiOverviewTab.tsx | 9 +- .../ai/components/SettingsAiUsageTab.tsx | 2 +- .../SettingsSkillInactiveMenuDropDown.tsx | 2 +- .../ai/components/SettingsSkillTableRow.tsx | 3 +- .../ai/components/SettingsToolIcon.tsx | 5 +- .../components/SettingsToolParameterTable.tsx | 6 +- .../ai/components/SettingsToolTableRow.tsx | 2 +- .../api-webhooks/SettingsApiWebhooks.tsx | 4 +- .../SettingsApplicationConnectionDetail.tsx | 12 +- .../SettingsApplicationDetails.tsx | 2 +- ...ettingsApplicationFrontComponentDetail.tsx | 2 +- ...SettingsApplicationRegistrationDetails.tsx | 5 +- .../applications/SettingsApplications.tsx | 2 +- .../SettingsAvailableApplicationDetails.tsx | 4 +- .../components/SettingsAppModalLayout.tsx | 4 +- ...ingsApplicationConnectScopePickerModal.tsx | 2 +- .../SettingsApplicationContentSubtable.tsx | 7 +- .../SettingsApplicationDataTable.tsx | 2 +- .../SettingsApplicationDataTableRow.tsx | 2 +- ...ingsApplicationRegistrationGeneralInfo.tsx | 6 +- ...ngsApplicationRegistrationGeneralStats.tsx | 4 +- ...plicationRegistrationRedirectURIsTable.tsx | 3 +- ...pplicationRegistrationShareLinkButtons.tsx | 2 +- .../SettingsApplicationTableRow.tsx | 4 +- .../SettingsApplicationVersionContainer.tsx | 2 +- .../components/SettingsApplicationsTable.tsx | 3 +- .../SettingsAvailableApplicationCard.tsx | 4 +- ...sApplicationCommandMenuItemSettingsTab.tsx | 2 +- .../SettingsApplicationConnectionsSection.tsx | 8 +- .../SettingsApplicationDetailAboutTab.tsx | 7 +- .../SettingsApplicationDetailContentTab.tsx | 2 +- ...icationDetailEnvironmentVariablesTable.tsx | 9 +- ...gsApplicationFrontComponentSettingsTab.tsx | 2 +- ...ttingsApplicationRegistrationConfigTab.tsx | 3 +- ...ApplicationRegistrationDistributionTab.tsx | 4 +- ...tingsApplicationRegistrationGeneralTab.tsx | 2 +- ...ettingsApplicationRegistrationOAuthTab.tsx | 3 +- .../tabs/SettingsApplicationsAvailableTab.tsx | 2 +- .../tabs/SettingsApplicationsDeveloperTab.tsx | 14 +- .../billing/SettingsUsageUserDetail.tsx | 2 +- .../settings/community/SettingsCommunity.tsx | 4 +- .../settings/data-model/SettingsNewObject.tsx | 2 +- .../data-model/SettingsObjectDetailPage.tsx | 2 +- .../data-model/SettingsObjectFieldEdit.tsx | 8 +- .../data-model/SettingsObjectFieldTable.tsx | 2 +- .../data-model/SettingsObjectIndexTable.tsx | 2 +- .../data-model/SettingsObjectTable.tsx | 2 +- .../settings/data-model/SettingsObjects.tsx | 4 +- .../SettingsObjectNewFieldConfigure.tsx | 2 +- .../new-index/SettingsObjectNewIndex.tsx | 4 +- .../SettingsDevelopersApiKeyDetail.tsx | 3 +- .../api-keys/SettingsDevelopersApiKeysNew.tsx | 2 +- .../webhooks/components/SettingsWebhooks.tsx | 3 +- .../settings/email/SettingsWorkspaceEmail.tsx | 4 +- ...ttingsWorkspaceEmailGroupChannelDetail.tsx | 4 +- .../SettingsWorkspaceNewUnsubscribeTopic.tsx | 6 +- ...ettingsWorkspaceUnsubscribeTopicDetail.tsx | 6 +- .../enterprise/SettingsEnterprise.tsx | 4 +- .../components/OrganizationAdornment.tsx | 2 +- .../settings/general/SettingsGeneral.tsx | 3 +- .../pages/settings/layout/SettingsLayout.tsx | 4 +- .../SettingsLayoutDetailScaffold.tsx | 2 +- .../components/SettingsLayoutItemTable.tsx | 2 +- .../SettingsLogicFunctionDetail.tsx | 2 +- .../members/SettingsWorkspaceMember.tsx | 2 +- .../members/SettingsWorkspaceMembers.tsx | 2 +- .../SettingsWorkspaceMembersInviteTab.tsx | 13 +- .../tabs/SettingsWorkspaceMembersTeamTab.tsx | 9 +- .../settings/profile/SettingsProfile.tsx | 4 +- .../SettingsTwoFactorAuthenticationMethod.tsx | 2 +- .../components/SettingsExperience.tsx | 2 +- .../SettingsSecurityApprovedAccessDomain.tsx | 2 +- .../decorators/IconsProviderDecorator.tsx | 2 +- .../src/testing/decorators/PageDecorator.tsx | 2 +- packages/twenty-sdk/src/ui/index.ts | 80 ++++----- packages/twenty-ui/.size-limit.json | 38 ++-- packages/twenty-ui/package.json | 50 ++++-- packages/twenty-ui/project.json | 14 +- packages/twenty-ui/scripts/generateBarrels.ts | 36 ++++ packages/twenty-ui/src/components/index.ts | 19 -- .../AnimatedCheckmark}/AnimatedCheckmark.tsx | 0 .../Avatar}/Avatar.module.scss | 0 .../Avatar}/Avatar.module.scss.d.ts | 0 .../Avatar}/Avatar.tsx | 8 +- .../Avatar}/__stories__/Avatar.stories.tsx | 4 +- .../constants/AvatarPropertiesBySize.ts | 0 .../Avatar}/states/invalidAvatarUrlsAtomV2.ts | 0 .../Avatar}/types/AvatarSize.ts | 0 .../Avatar}/types/AvatarType.ts | 0 .../AvatarGroup}/AvatarGroup.module.scss | 0 .../AvatarGroup}/AvatarGroup.module.scss.d.ts | 0 .../AvatarGroup}/AvatarGroup.tsx | 0 .../__stories__/AvatarGroup.stories.tsx | 13 +- .../AvatarOrIcon}/AvatarOrIcon.module.scss | 0 .../AvatarOrIcon.module.scss.d.ts | 0 .../AvatarOrIcon}/AvatarOrIcon.tsx | 6 +- .../__stories__/AvatarOrIcon.stories.tsx | 6 +- .../Checkmark}/Checkmark.module.scss | 0 .../Checkmark}/Checkmark.module.scss.d.ts | 0 .../Checkmark}/Checkmark.tsx | 2 +- .../__stories__/Checkmark.stories.tsx | 4 +- .../Chip}/Chip.module.scss | 0 .../Chip}/Chip.module.scss.d.ts | 0 .../chip => data-display/Chip}/Chip.tsx | 2 +- .../Chip}/__stories__/Chip.stories.tsx | 13 +- .../Chip}/constants/LinkChipClickOutsideId.ts | 0 .../ColorSample}/ColorSample.module.scss | 0 .../ColorSample}/ColorSample.module.scss.d.ts | 0 .../ColorSample}/ColorSample.tsx | 0 .../__stories__/ColorSample.stories.tsx | 4 +- .../CommandBlock}/CommandBlock.module.scss | 0 .../CommandBlock.module.scss.d.ts | 0 .../CommandBlock}/CommandBlock.tsx | 0 .../LinkChip}/LinkChip.module.scss | 0 .../LinkChip}/LinkChip.module.scss.d.ts | 0 .../LinkChip}/LinkChip.tsx | 4 +- .../__stories__/LinkChip.stories.tsx | 10 +- .../NotificationCounter.module.scss | 0 .../NotificationCounter.module.scss.d.ts | 0 .../NotificationCounter.tsx | 0 .../Pill/Pill.module.scss | 0 .../Pill/Pill.module.scss.d.ts | 0 .../Pill/Pill.tsx | 2 +- .../Pill/__stories__/Pill.stories.ts | 4 +- .../Status}/Status.module.scss | 0 .../Status}/Status.module.scss.d.ts | 0 .../Status}/Status.tsx | 2 +- .../Status}/__stories__/Status.stories.tsx | 4 +- .../StyledTintedIconTileContainer.module.scss | 0 ...edTintedIconTileContainer.module.scss.d.ts | 0 .../StyledTintedIconTileContainer.tsx | 0 .../tag => data-display/Tag}/Tag.module.scss | 0 .../Tag}/Tag.module.scss.d.ts | 0 .../tag => data-display/Tag}/Tag.tsx | 4 +- .../Tag}/__stories__/Tag.stories.tsx | 6 +- .../TintedIconTile}/TintedIconTile.tsx | 6 +- .../tintedIconTileColorShades.constant.ts | 0 .../internal/utils/getColorFromTheme.ts | 0 .../utils/getIconTileColorShades.ts | 4 +- packages/twenty-ui/src/data-display/index.ts | 44 +++++ .../AnimatedPlaceholder.module.scss | 0 .../AnimatedPlaceholder.module.scss.d.ts | 0 .../AnimatedPlaceholder.tsx | 8 +- .../constants/Background.ts | 0 .../constants/DarkBackground.ts | 0 .../constants/DarkMovingImage.ts | 0 .../constants/MovingImage.ts | 0 .../Banner}/Banner.module.scss | 0 .../Banner}/Banner.module.scss.d.ts | 0 .../components => feedback/Banner}/Banner.tsx | 0 .../__stories__/Banner.stories.module.scss | 0 .../Banner.stories.module.scss.d.ts | 0 .../Banner}/__stories__/Banner.stories.tsx | 14 +- .../Callout}/Callout.module.scss | 0 .../Callout}/Callout.module.scss.d.ts | 0 .../callout => feedback/Callout}/Callout.tsx | 4 +- .../Callout}/__stories__/Callout.stories.tsx | 6 +- .../CircularProgressBar.tsx | 0 .../CircularProgressBar.stories.tsx | 2 +- .../EmptyPlaceholderStyled.module.scss | 0 .../EmptyPlaceholderStyled.module.scss.d.ts | 0 .../EmptyPlaceholderStyled.tsx | 0 .../ErrorPlaceholderStyled.module.scss | 0 .../ErrorPlaceholderStyled.module.scss.d.ts | 0 .../ErrorPlaceholderStyled.tsx | 0 .../Info}/Info.module.scss | 0 .../Info}/Info.module.scss.d.ts | 0 .../components => feedback/Info}/Info.tsx | 4 +- .../Info}/__stories__/Info.stories.tsx | 4 +- .../InlineBanner}/InlineBanner.module.scss | 0 .../InlineBanner.module.scss.d.ts | 0 .../InlineBanner}/InlineBanner.tsx | 8 +- .../components => Loader}/Loader.module.scss | 0 .../Loader.module.scss.d.ts | 0 .../{loader/components => Loader}/Loader.tsx | 0 .../__stories__/Loader.stories.tsx | 2 +- .../ProgressBar.module.scss | 0 .../ProgressBar.module.scss.d.ts | 0 .../ProgressBar.tsx | 0 .../__stories__/ProgressBar.stories.tsx | 4 +- .../hooks/useProgressAnimation.ts | 0 .../SidePanelInformationBanner.module.scss | 0 ...idePanelInformationBanner.module.scss.d.ts | 0 .../SidePanelInformationBanner.tsx | 7 +- .../SidePanelInformationBanner.stories.tsx | 4 +- packages/twenty-ui/src/feedback/index.ts | 38 +++- .../{display => }/icon/components/Icon.tsx | 4 +- .../icon/components/IconAddressBook.tsx | 2 +- .../icon/components/IconBrandAnthropic.tsx | 2 +- .../icon/components/IconBrandGemini.tsx | 2 +- .../icon/components/IconBrandGroq.tsx | 2 +- .../icon/components/IconBrandMistral.tsx | 2 +- .../icon/components/IconBrandXai.tsx | 2 +- .../IconChartBarHorizontal.module.scss | 0 .../IconChartBarHorizontal.module.scss.d.ts | 0 .../components/IconChartBarHorizontal.tsx | 4 +- .../icon/components/IconGmail.tsx | 2 +- .../icon/components/IconGoogle.tsx | 2 +- .../icon/components/IconGoogleCalendar.tsx | 2 +- .../icon/components/IconLock.tsx | 2 +- .../icon/components/IconMicrosoft.tsx | 0 .../icon/components/IconMicrosoftCalendar.tsx | 0 .../icon/components/IconMicrosoftOutlook.tsx | 0 .../icon/components/IconModelClaude.tsx | 2 +- .../icon/components/IconProviderOpenai.tsx | 2 +- .../icon/components/IconRelationManyToOne.tsx | 2 +- .../icon/components/IconTrashXOff.tsx | 2 +- .../icon/components/IconTwentyStar.tsx | 2 +- .../icon/components/IconTwentyStarFilled.tsx | 2 +- .../icon/components/IllustrationIconArray.tsx | 4 +- .../IllustrationIconCalendarEvent.tsx | 4 +- .../IllustrationIconCalendarTime.tsx | 4 +- .../components/IllustrationIconCurrency.tsx | 4 +- .../icon/components/IllustrationIconFile.tsx | 4 +- .../icon/components/IllustrationIconJson.tsx | 4 +- .../icon/components/IllustrationIconLink.tsx | 4 +- .../icon/components/IllustrationIconMail.tsx | 4 +- .../components/IllustrationIconManyToMany.tsx | 4 +- .../icon/components/IllustrationIconMap.tsx | 4 +- .../components/IllustrationIconNumbers.tsx | 4 +- .../components/IllustrationIconOneToMany.tsx | 4 +- .../components/IllustrationIconOneToOne.tsx | 4 +- .../icon/components/IllustrationIconPhone.tsx | 4 +- .../components/IllustrationIconSetting.tsx | 4 +- .../icon/components/IllustrationIconStar.tsx | 4 +- .../icon/components/IllustrationIconTag.tsx | 4 +- .../icon/components/IllustrationIconTags.tsx | 4 +- .../icon/components/IllustrationIconText.tsx | 4 +- .../components/IllustrationIconToggle.tsx | 4 +- .../icon/components/IllustrationIconUid.tsx | 4 +- .../icon/components/IllustrationIconUser.tsx | 4 +- .../IllustrationIconWrapper.module.scss | 0 .../IllustrationIconWrapper.module.scss.d.ts | 0 .../components/IllustrationIconWrapper.tsx | 0 .../icon/components/TablerIcons.ts | 0 .../components/ThinkingOrbitLoaderIcon.tsx | 2 +- .../components/__stories__/Icon.stories.tsx | 4 +- .../icon/hooks/__tests__/useIcons.test.ts | 4 +- .../src/{display => }/icon/hooks/useIcons.ts | 4 +- .../twenty-ui/src/{display => icon}/index.ts | 160 ++++++----------- .../icon/providers/IconsProvider.tsx | 2 +- .../icon/providers/internal/AllIcons.ts | 0 .../{display => }/icon/states/iconsState.ts | 2 +- .../{display => }/icon/types/IconComponent.ts | 0 packages/twenty-ui/src/index.ts | 24 ++- packages/twenty-ui/src/individual-entry.ts | 17 +- .../AdvancedSettingsToggle.module.scss | 0 .../AdvancedSettingsToggle.module.scss.d.ts | 0 .../AdvancedSettingsToggle.tsx | 0 .../AnimatedButton.module.scss | 0 .../AnimatedButton.module.scss.d.ts | 0 .../AnimatedButton.tsx | 4 +- .../AnimatedLightIconButton.module.scss | 0 .../AnimatedLightIconButton.module.scss.d.ts | 0 .../AnimatedLightIconButton.tsx | 4 +- .../AnimatedLightIconButton.stories.tsx | 6 +- .../components => }/Button/Button.module.scss | 0 .../Button/Button.module.scss.d.ts | 0 .../{button/components => }/Button/Button.tsx | 10 +- .../__stories__/Button.stories.tsx | 4 +- .../components => }/Button/constant.ts | 0 .../Button/internal/ButtonHotKeys.module.scss | 0 .../internal/ButtonHotKeys.module.scss.d.ts | 0 .../Button/internal/ButtonHotKeys.tsx | 2 +- .../Button/internal/ButtonIcon.module.scss | 0 .../internal/ButtonIcon.module.scss.d.ts | 0 .../Button/internal/ButtonIcon.tsx | 2 +- .../Button/internal/ButtonSoon.module.scss | 0 .../internal/ButtonSoon.module.scss.d.ts | 0 .../Button/internal/ButtonSoon.tsx | 2 +- .../Button/internal/ButtonText.module.scss | 0 .../internal/ButtonText.module.scss.d.ts | 0 .../Button/internal/ButtonText.tsx | 0 .../ButtonGroup.module.scss | 0 .../ButtonGroup.module.scss.d.ts | 0 .../ButtonGroup.tsx | 2 +- .../__stories__/ButtonGroup.stories.tsx | 6 +- .../CardPicker.module.scss | 0 .../CardPicker.module.scss.d.ts | 0 .../{components => CardPicker}/CardPicker.tsx | 2 +- .../Checkbox.module.scss | 0 .../Checkbox.module.scss.d.ts | 0 .../{components => Checkbox}/Checkbox.tsx | 2 +- .../__stories__/Checkbox.stories.tsx | 2 +- .../CodeEditor.module.scss | 0 .../CodeEditor.module.scss.d.ts | 0 .../components => CodeEditor}/CodeEditor.tsx | 10 +- .../constants/BaseCodeEditorThemeId.ts | 0 .../utils/getBaseCodeEditorTheme.ts | 0 .../CodeEditorHeader.module.scss | 0 .../CodeEditorHeader.module.scss.d.ts | 0 .../CodeEditorHeader.tsx | 0 .../ColorPickerButton.module.scss | 0 .../ColorPickerButton.module.scss.d.ts | 0 .../ColorPickerButton.tsx | 4 +- .../__stories__/ColorPickerButton.stories.tsx | 2 +- .../ColorSchemeCard.module.scss | 0 .../ColorSchemeCard.module.scss.d.ts | 0 .../ColorSchemeCard.tsx | 2 +- .../ColorSchemeCard.stories.module.scss | 0 .../ColorSchemeCard.stories.module.scss.d.ts | 0 .../__stories__/ColorSchemeCard.stories.tsx | 2 +- .../ColorSchemePicker.module.scss | 0 .../ColorSchemePicker.module.scss.d.ts | 0 .../ColorSchemePicker.tsx | 2 +- .../FloatingButton.module.scss | 0 .../FloatingButton.module.scss.d.ts | 0 .../FloatingButton.tsx | 2 +- .../__stories__/FloatingButton.stories.tsx | 7 +- .../FloatingButtonGroup.module.scss | 0 .../FloatingButtonGroup.module.scss.d.ts | 0 .../FloatingButtonGroup.tsx | 2 +- .../FloatingButtonGroup.stories.tsx | 9 +- .../FloatingIconButton.module.scss | 0 .../FloatingIconButton.module.scss.d.ts | 0 .../FloatingIconButton.tsx | 2 +- .../FloatingIconButton.stories.tsx | 4 +- .../FloatingIconButtonGroup.module.scss | 0 .../FloatingIconButtonGroup.module.scss.d.ts | 0 .../FloatingIconButtonGroup.tsx | 4 +- .../FloatingIconButtonGroup.stories.tsx | 6 +- .../IconButton.module.scss | 0 .../IconButton.module.scss.d.ts | 0 .../components => IconButton}/IconButton.tsx | 2 +- .../__stories__/IconButton.stories.tsx | 4 +- .../IconButtonGroup.module.scss | 0 .../IconButtonGroup.module.scss.d.ts | 0 .../IconButtonGroup.tsx | 4 +- .../__stories__/IconButtonGroup.stories.tsx | 4 +- .../IconListViewGrip.tsx | 2 +- .../InsideButton.module.scss | 0 .../InsideButton.module.scss.d.ts | 0 .../InsideButton.tsx | 2 +- .../LightButton.module.scss | 0 .../LightButton.module.scss.d.ts | 0 .../LightButton.tsx | 2 +- .../__stories__/LightButton.stories.tsx | 7 +- .../LightIconButton.module.scss | 0 .../LightIconButton.module.scss.d.ts | 0 .../LightIconButton.tsx | 2 +- .../__stories__/LightIconButton.stories.tsx | 4 +- .../LightIconButtonGroup.module.scss | 0 .../LightIconButtonGroup.module.scss.d.ts | 0 .../LightIconButtonGroup.tsx | 7 +- .../MainButton.module.scss | 0 .../MainButton.module.scss.d.ts | 0 .../components => MainButton}/MainButton.tsx | 2 +- .../__stories__/MainButton.stories.tsx | 4 +- .../{components => Radio}/Radio.module.scss | 0 .../Radio.module.scss.d.ts | 0 .../src/input/{components => Radio}/Radio.tsx | 2 +- .../__stories__/Radio.stories.tsx | 2 +- .../{components => RadioGroup}/RadioGroup.tsx | 2 +- .../RoundedIconButton.module.scss | 0 .../RoundedIconButton.module.scss.d.ts | 0 .../RoundedIconButton.tsx | 2 +- .../__stories__/RoundedIconButton.stories.tsx | 4 +- .../SearchInput.module.scss | 0 .../SearchInput.module.scss.d.ts | 0 .../SearchInput.tsx | 4 +- .../__stories__/SearchInput.stories.tsx | 2 +- .../TabButton/TabButton.module.scss | 0 .../TabButton/TabButton.module.scss.d.ts | 0 .../components => }/TabButton/TabButton.tsx | 16 +- .../__stories__/TabButton.stories.module.scss | 0 .../TabButton.stories.module.scss.d.ts | 0 .../__stories__/TabButton.stories.tsx | 4 +- .../parts}/StyledTabBase.module.scss | 0 .../parts}/StyledTabBase.module.scss.d.ts | 0 .../parts}/StyledTabBase.tsx | 0 .../parts}/TabContent.tsx | 7 +- .../{components => Toggle}/Toggle.module.scss | 0 .../Toggle.module.scss.d.ts | 0 .../input/{components => Toggle}/Toggle.tsx | 0 .../__stories__/Toggle.stories.tsx | 2 +- packages/twenty-ui/src/input/index.ts | 169 +++++++++--------- .../twenty-ui/src/input/types/SelectOption.ts | 2 +- .../components/JsonArrayNode.tsx | 2 +- .../components/JsonNestedNode.tsx | 2 +- .../json-visualizer/components/JsonNode.tsx | 2 +- .../components/JsonObjectNode.tsx | 2 +- .../components/JsonValueNode.tsx | 2 +- .../components/internal/JsonArrow.tsx | 2 +- .../components/internal/JsonNodeLabel.tsx | 2 +- .../AnimatedCircleLoading.module.scss | 0 .../AnimatedCircleLoading.module.scss.d.ts | 0 .../AnimatedCircleLoading.tsx | 0 .../AnimatedContainer}/AnimatedContainer.tsx | 0 .../AnimatedEaseIn}/AnimatedEaseIn.tsx | 0 .../AnimatedEaseInOut}/AnimatedEaseInOut.tsx | 0 .../AnimatedExpandableContainer.tsx | 12 +- ...tedExpandableContainer.stories.module.scss | 0 ...pandableContainer.stories.module.scss.d.ts | 0 .../AnimatedExpandableContainer.stories.tsx | 2 +- .../types/AnimationDimension.ts | 0 .../types/AnimationDurationObject.ts | 0 .../types/AnimationDurations.ts | 3 + .../types/AnimationMode.ts | 0 .../types/AnimationSize.ts | 0 .../utils/getCommonStyles.ts | 4 +- .../utils/getExpandableAnimationConfig.ts | 8 +- .../utils/getTransitionValues.ts | 2 +- .../AnimatedFadeOut}/AnimatedFadeOut.tsx | 0 .../AnimatedIconCrossfade.module.scss | 0 .../AnimatedIconCrossfade.module.scss.d.ts | 0 .../AnimatedIconCrossfade.tsx | 2 +- .../AnimatedRotate.module.scss | 0 .../AnimatedRotate.module.scss.d.ts | 0 .../AnimatedRotate}/AnimatedRotate.tsx | 0 .../AnimatedTextWord.module.scss | 0 .../AnimatedTextWord.module.scss.d.ts | 0 .../AnimatedTextWord}/AnimatedTextWord.tsx | 0 .../AnimatedTranslation.tsx | 0 .../AutogrowWrapper.module.scss | 0 .../AutogrowWrapper.module.scss.d.ts | 0 .../AutogrowWrapper}/AutogrowWrapper.tsx | 0 .../HorizontalSeparator.module.scss | 0 .../HorizontalSeparator.module.scss.d.ts | 0 .../HorizontalSeparator.tsx | 2 +- .../HorizontalSeparator.stories.tsx | 4 +- .../ResizeHandle.module.scss | 0 .../ResizeHandle.module.scss.d.ts | 0 .../ResizeHandle.tsx | 0 .../__stories__/ResizeHandle.stories.tsx | 4 +- .../hooks/useResizeHandle.ts | 0 .../Section.module.scss | 0 .../Section.module.scss.d.ts | 0 .../components => Section}/Section.tsx | 0 .../__stories__/Section.stories.tsx | 6 +- .../types/AnimationDurations.ts | 3 - .../src/layout/animated-placeholder/index.ts | 7 - packages/twenty-ui/src/layout/index.ts | 74 +++----- .../ClickToActionLink.module.scss | 0 .../ClickToActionLink.module.scss.d.ts | 0 .../ClickToActionLink.tsx | 0 .../__stories__/ClickToActionLink.stories.tsx | 4 +- .../ContactLink.module.scss | 0 .../ContactLink.module.scss.d.ts | 0 .../ContactLink.tsx | 0 .../__stories__/ContactLink.stories.tsx | 2 +- .../GithubVersionLink.tsx | 6 +- .../__stories__/GithubVersionLink.stories.tsx | 2 +- .../{link => Link}/constants/Cal.ts | 0 .../{link => Link}/constants/GithubLink.ts | 0 .../constants/TwentyPricingLink.ts | 0 .../MenuItem.module.scss | 0 .../MenuItem.module.scss.d.ts | 0 .../components => MenuItem}/MenuItem.tsx | 25 ++- .../__stories__/MenuItem.stories.tsx | 6 +- .../constants/DefaultColorLabels.ts | 0 .../parts}/MenuItemIcon.tsx | 5 +- .../MenuItemIconBoxContainer.module.scss | 0 .../MenuItemIconBoxContainer.module.scss.d.ts | 0 .../parts}/MenuItemIconBoxContainer.tsx | 0 .../MenuItemIconWithGripSwap.module.scss | 0 .../MenuItemIconWithGripSwap.module.scss.d.ts | 0 .../parts}/MenuItemIconWithGripSwap.tsx | 9 +- .../parts}/MenuItemLeftContent.module.scss | 0 .../MenuItemLeftContent.module.scss.d.ts | 0 .../parts}/MenuItemLeftContent.tsx | 17 +- .../parts}/StyledMenuItemBase.module.scss | 0 .../StyledMenuItemBase.module.scss.d.ts | 0 .../parts}/StyledMenuItemBase.tsx | 4 +- .../types/MenuItemAccent.ts | 0 .../types/MenuItemDraggableGripMode.ts | 0 .../MenuItemAvatar.tsx | 6 +- .../MenuItemDraggable.tsx | 12 +- .../__stories__/MenuItemDraggable.stories.tsx | 6 +- .../MenuItemHotKeys.module.scss | 0 .../MenuItemHotKeys.module.scss.d.ts | 0 .../MenuItemHotKeys.tsx | 0 .../MenuItemMultiSelect.module.scss | 0 .../MenuItemMultiSelect.module.scss.d.ts | 0 .../MenuItemMultiSelect.tsx | 10 +- .../MenuItemMultiSelect.stories.tsx | 4 +- .../MenuItemMultiSelectAvatar.module.scss | 0 ...MenuItemMultiSelectAvatar.module.scss.d.ts | 0 .../MenuItemMultiSelectAvatar.tsx | 6 +- .../MenuItemMultiSelectAvatar.stories.tsx | 4 +- .../MenuItemMultiSelectTag.tsx | 6 +- .../MenuItemNavigate.tsx | 6 +- .../__stories__/MenuItemNavigate.stories.tsx | 4 +- .../MenuItemSelect.module.scss | 0 .../MenuItemSelect.module.scss.d.ts | 0 .../MenuItemSelect.tsx | 12 +- .../__stories__/MenuItemSelect.stories.tsx | 4 +- .../MenuItemSelectAvatar.module.scss | 0 .../MenuItemSelectAvatar.module.scss.d.ts | 0 .../MenuItemSelectAvatar.tsx | 6 +- .../MenuItemSelectAvatar.stories.tsx | 4 +- .../MenuItemSelectColor.tsx | 8 +- .../MenuItemSelectColor.stories.tsx | 4 +- .../MenuItemSelectTag.tsx | 8 +- .../__stories__/MenuItemSelectTag.stories.tsx | 2 +- .../MenuItemSuggestion.module.scss | 0 .../MenuItemSuggestion.module.scss.d.ts | 0 .../MenuItemSuggestion.tsx | 6 +- .../MenuItemToggle.module.scss | 0 .../MenuItemToggle.module.scss.d.ts | 0 .../MenuItemToggle.tsx | 6 +- .../__stories__/MenuItemToggle.stories.tsx | 4 +- .../MenuPicker.module.scss | 0 .../MenuPicker.module.scss.d.ts | 0 .../components => MenuPicker}/MenuPicker.tsx | 8 +- .../MenuPicker.stories.module.scss | 0 .../MenuPicker.stories.module.scss.d.ts | 0 .../__stories__/MenuPicker.stories.tsx | 5 +- .../NavigationBar.module.scss | 0 .../NavigationBar.module.scss.d.ts | 0 .../NavigationBar.tsx | 4 +- .../__stories__/NavigationBar.stories.tsx | 4 +- .../NavigationBarItem.module.scss | 0 .../NavigationBarItem.module.scss.d.ts | 0 .../NavigationBarItem.tsx | 2 +- .../RawLink.module.scss | 0 .../RawLink.module.scss.d.ts | 0 .../{link/components => RawLink}/RawLink.tsx | 0 .../__stories__/RawLink.stories.tsx | 2 +- .../RoundedLink.module.scss | 0 .../RoundedLink.module.scss.d.ts | 0 .../RoundedLink.tsx | 0 .../__stories__/RoundedLink.stories.tsx | 2 +- .../components => SocialLink}/SocialLink.tsx | 2 +- .../__stories__/SocialLink.stories.tsx | 2 +- .../UndecoratedLink.module.scss | 0 .../UndecoratedLink.module.scss.d.ts | 0 .../UndecoratedLink.tsx | 0 .../__stories__/UndecoratedLink.stories.tsx | 4 +- packages/twenty-ui/src/navigation/index.ts | 113 +++++------- .../src/navigation/link/components/index.ts | 8 - .../twenty-ui/src/navigation/link/index.ts | 3 - .../AppTooltip}/AppTooltip.module.scss | 0 .../AppTooltip}/AppTooltip.module.scss.d.ts | 0 .../AppTooltip}/AppTooltip.tsx | 0 .../__stories__/Tooltip.stories.tsx | 2 +- .../Card}/Card.module.scss | 0 .../Card}/Card.module.scss.d.ts | 0 .../components => surfaces/Card}/Card.tsx | 0 .../Card}/__stories__/Card.stories.tsx | 10 +- .../CardContent}/CardContent.module.scss | 0 .../CardContent}/CardContent.module.scss.d.ts | 0 .../CardContent}/CardContent.tsx | 0 .../CardFooter}/CardFooter.module.scss | 0 .../CardFooter}/CardFooter.module.scss.d.ts | 0 .../CardFooter}/CardFooter.tsx | 0 .../CardHeader}/CardHeader.module.scss | 0 .../CardHeader}/CardHeader.module.scss.d.ts | 0 .../CardHeader}/CardHeader.tsx | 0 .../Modal}/Modal.module.scss | 0 .../Modal}/Modal.module.scss.d.ts | 0 .../components => surfaces/Modal}/Modal.tsx | 8 +- .../__stories__/Modal.stories.module.scss | 0 .../Modal.stories.module.scss.d.ts | 0 .../Modal}/__stories__/Modal.stories.tsx | 13 +- .../Modal}/types/ModalOverlay.ts | 0 .../Modal}/types/ModalPadding.ts | 0 .../Modal}/types/ModalProps.ts | 6 +- .../Modal}/types/ModalSize.ts | 0 .../ModalBackdrop}/ModalBackdrop.module.scss | 0 .../ModalBackdrop.module.scss.d.ts | 0 .../ModalBackdrop}/ModalBackdrop.tsx | 2 +- .../ModalContent}/ModalContent.module.scss | 0 .../ModalContent.module.scss.d.ts | 0 .../ModalContent}/ModalContent.tsx | 0 .../ModalFooter}/ModalFooter.module.scss | 0 .../ModalFooter}/ModalFooter.module.scss.d.ts | 0 .../ModalFooter}/ModalFooter.tsx | 0 .../ModalHeader}/ModalHeader.module.scss | 0 .../ModalHeader}/ModalHeader.module.scss.d.ts | 0 .../ModalHeader}/ModalHeader.tsx | 0 .../OverflowingTextWithTooltip.module.scss | 0 ...verflowingTextWithTooltip.module.scss.d.ts | 0 .../OverflowingTextWithTooltip.tsx | 4 +- .../OverflowTextWithTooltip.stories.tsx | 2 +- packages/twenty-ui/src/surfaces/index.ts | 32 ++++ .../H1Title}/H1Title.module.scss | 0 .../H1Title}/H1Title.module.scss.d.ts | 0 .../H1Title}/H1Title.tsx | 0 .../H1Title}/__stories__/H1Title.stories.tsx | 4 +- .../H2Title}/H2Title.module.scss | 0 .../H2Title}/H2Title.module.scss.d.ts | 0 .../H2Title}/H2Title.tsx | 2 +- .../H2Title}/__stories__/H2Title.stories.tsx | 4 +- .../H3Title}/H3Title.module.scss | 0 .../H3Title}/H3Title.module.scss.d.ts | 0 .../H3Title}/H3Title.tsx | 2 +- .../H3Title}/__stories__/H3Title.stories.tsx | 4 +- .../Label}/Label.module.scss | 0 .../Label}/Label.module.scss.d.ts | 0 .../components => typography/Label}/Label.tsx | 0 .../Label}/__stories__/Label.stories.tsx | 4 +- .../LinkifiedText}/LinkifiedText.module.scss | 0 .../LinkifiedText.module.scss.d.ts | 0 .../LinkifiedText}/LinkifiedText.tsx | 0 .../SeparatorLineText.module.scss | 0 .../SeparatorLineText.module.scss.d.ts | 0 .../SeparatorLineText}/SeparatorLineText.tsx | 0 .../__stories__/SeparatorLineText.stories.tsx | 4 +- .../StyledText}/StyledText.module.scss | 0 .../StyledText}/StyledText.module.scss.d.ts | 0 .../StyledText}/StyledText.tsx | 0 packages/twenty-ui/src/typography/index.ts | 21 +++ .../src/utilities/animation/index.ts | 8 - packages/twenty-ui/src/utilities/index.ts | 10 -- .../getDisplayValueByUrlType.test.ts | 2 +- 1580 files changed, 2382 insertions(+), 2404 deletions(-) delete mode 100644 packages/twenty-ui/src/components/index.ts rename packages/twenty-ui/src/{display/checkmark/components => data-display/AnimatedCheckmark}/AnimatedCheckmark.tsx (100%) rename packages/twenty-ui/src/{display/avatar/components => data-display/Avatar}/Avatar.module.scss (100%) rename packages/twenty-ui/src/{display/avatar/components => data-display/Avatar}/Avatar.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/avatar/components => data-display/Avatar}/Avatar.tsx (92%) rename packages/twenty-ui/src/{display/avatar/components => data-display/Avatar}/__stories__/Avatar.stories.tsx (90%) rename packages/twenty-ui/src/{display/avatar => data-display/Avatar}/constants/AvatarPropertiesBySize.ts (100%) rename packages/twenty-ui/src/{display/avatar/components => data-display/Avatar}/states/invalidAvatarUrlsAtomV2.ts (100%) rename packages/twenty-ui/src/{display/avatar => data-display/Avatar}/types/AvatarSize.ts (100%) rename packages/twenty-ui/src/{display/avatar => data-display/Avatar}/types/AvatarType.ts (100%) rename packages/twenty-ui/src/{display/avatar/components => data-display/AvatarGroup}/AvatarGroup.module.scss (100%) rename packages/twenty-ui/src/{display/avatar/components => data-display/AvatarGroup}/AvatarGroup.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/avatar/components => data-display/AvatarGroup}/AvatarGroup.tsx (100%) rename packages/twenty-ui/src/{display/avatar/components => data-display/AvatarGroup}/__stories__/AvatarGroup.stories.tsx (83%) rename packages/twenty-ui/src/{components/avatar-or-icon => data-display/AvatarOrIcon}/AvatarOrIcon.module.scss (100%) rename packages/twenty-ui/src/{components/avatar-or-icon => data-display/AvatarOrIcon}/AvatarOrIcon.module.scss.d.ts (100%) rename packages/twenty-ui/src/{components/avatar-or-icon => data-display/AvatarOrIcon}/AvatarOrIcon.tsx (90%) rename packages/twenty-ui/src/{components/avatar-or-icon => data-display/AvatarOrIcon}/__stories__/AvatarOrIcon.stories.tsx (87%) rename packages/twenty-ui/src/{display/checkmark/components => data-display/Checkmark}/Checkmark.module.scss (100%) rename packages/twenty-ui/src/{display/checkmark/components => data-display/Checkmark}/Checkmark.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/checkmark/components => data-display/Checkmark}/Checkmark.tsx (88%) rename packages/twenty-ui/src/{display/checkmark/components => data-display/Checkmark}/__stories__/Checkmark.stories.tsx (82%) rename packages/twenty-ui/src/{components/chip => data-display/Chip}/Chip.module.scss (100%) rename packages/twenty-ui/src/{components/chip => data-display/Chip}/Chip.module.scss.d.ts (100%) rename packages/twenty-ui/src/{components/chip => data-display/Chip}/Chip.tsx (97%) rename packages/twenty-ui/src/{components/chip => data-display/Chip}/__stories__/Chip.stories.tsx (95%) rename packages/twenty-ui/src/{components/chip => data-display/Chip}/constants/LinkChipClickOutsideId.ts (100%) rename packages/twenty-ui/src/{display/color/components => data-display/ColorSample}/ColorSample.module.scss (100%) rename packages/twenty-ui/src/{display/color/components => data-display/ColorSample}/ColorSample.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/color/components => data-display/ColorSample}/ColorSample.tsx (100%) rename packages/twenty-ui/src/{display/color/components => data-display/ColorSample}/__stories__/ColorSample.stories.tsx (81%) rename packages/twenty-ui/src/{display/command-block/components => data-display/CommandBlock}/CommandBlock.module.scss (100%) rename packages/twenty-ui/src/{display/command-block/components => data-display/CommandBlock}/CommandBlock.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/command-block/components => data-display/CommandBlock}/CommandBlock.tsx (100%) rename packages/twenty-ui/src/{components/chip => data-display/LinkChip}/LinkChip.module.scss (100%) rename packages/twenty-ui/src/{components/chip => data-display/LinkChip}/LinkChip.module.scss.d.ts (100%) rename packages/twenty-ui/src/{components/chip => data-display/LinkChip}/LinkChip.tsx (93%) rename packages/twenty-ui/src/{components/chip => data-display/LinkChip}/__stories__/LinkChip.stories.tsx (94%) rename packages/twenty-ui/src/{navigation/notification-counter/components => data-display/NotificationCounter}/NotificationCounter.module.scss (100%) rename packages/twenty-ui/src/{navigation/notification-counter/components => data-display/NotificationCounter}/NotificationCounter.module.scss.d.ts (100%) rename packages/twenty-ui/src/{navigation/notification-counter/components => data-display/NotificationCounter}/NotificationCounter.tsx (100%) rename packages/twenty-ui/src/{components => data-display}/Pill/Pill.module.scss (100%) rename packages/twenty-ui/src/{components => data-display}/Pill/Pill.module.scss.d.ts (100%) rename packages/twenty-ui/src/{components => data-display}/Pill/Pill.tsx (87%) rename packages/twenty-ui/src/{components => data-display}/Pill/__stories__/Pill.stories.ts (85%) rename packages/twenty-ui/src/{display/status/components => data-display/Status}/Status.module.scss (100%) rename packages/twenty-ui/src/{display/status/components => data-display/Status}/Status.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/status/components => data-display/Status}/Status.tsx (94%) rename packages/twenty-ui/src/{display/status/components => data-display/Status}/__stories__/Status.stories.tsx (94%) rename packages/twenty-ui/src/{display/tinted-icon-tile/components => data-display/StyledTintedIconTileContainer}/StyledTintedIconTileContainer.module.scss (100%) rename packages/twenty-ui/src/{display/tinted-icon-tile/components => data-display/StyledTintedIconTileContainer}/StyledTintedIconTileContainer.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/tinted-icon-tile/components => data-display/StyledTintedIconTileContainer}/StyledTintedIconTileContainer.tsx (100%) rename packages/twenty-ui/src/{components/tag => data-display/Tag}/Tag.module.scss (100%) rename packages/twenty-ui/src/{components/tag => data-display/Tag}/Tag.module.scss.d.ts (100%) rename packages/twenty-ui/src/{components/tag => data-display/Tag}/Tag.tsx (92%) rename packages/twenty-ui/src/{components/tag => data-display/Tag}/__stories__/Tag.stories.tsx (94%) rename packages/twenty-ui/src/{display/tinted-icon-tile/components => data-display/TintedIconTile}/TintedIconTile.tsx (78%) rename packages/twenty-ui/src/{display/tinted-icon-tile => data-display/TintedIconTile}/internal/constants/tintedIconTileColorShades.constant.ts (100%) rename packages/twenty-ui/src/{display/tinted-icon-tile => data-display/TintedIconTile}/internal/utils/getColorFromTheme.ts (100%) rename packages/twenty-ui/src/{display/tinted-icon-tile => data-display/TintedIconTile}/utils/getIconTileColorShades.ts (73%) create mode 100644 packages/twenty-ui/src/data-display/index.ts rename packages/twenty-ui/src/{layout/animated-placeholder/components => feedback/AnimatedPlaceholder}/AnimatedPlaceholder.module.scss (100%) rename packages/twenty-ui/src/{layout/animated-placeholder/components => feedback/AnimatedPlaceholder}/AnimatedPlaceholder.module.scss.d.ts (100%) rename packages/twenty-ui/src/{layout/animated-placeholder/components => feedback/AnimatedPlaceholder}/AnimatedPlaceholder.tsx (88%) rename packages/twenty-ui/src/{layout/animated-placeholder => feedback/AnimatedPlaceholder}/constants/Background.ts (100%) rename packages/twenty-ui/src/{layout/animated-placeholder => feedback/AnimatedPlaceholder}/constants/DarkBackground.ts (100%) rename packages/twenty-ui/src/{layout/animated-placeholder => feedback/AnimatedPlaceholder}/constants/DarkMovingImage.ts (100%) rename packages/twenty-ui/src/{layout/animated-placeholder => feedback/AnimatedPlaceholder}/constants/MovingImage.ts (100%) rename packages/twenty-ui/src/{display/banner/components => feedback/Banner}/Banner.module.scss (100%) rename packages/twenty-ui/src/{display/banner/components => feedback/Banner}/Banner.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/banner/components => feedback/Banner}/Banner.tsx (100%) rename packages/twenty-ui/src/{display/banner/components => feedback/Banner}/__stories__/Banner.stories.module.scss (100%) rename packages/twenty-ui/src/{display/banner/components => feedback/Banner}/__stories__/Banner.stories.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/banner/components => feedback/Banner}/__stories__/Banner.stories.tsx (91%) rename packages/twenty-ui/src/{display/callout => feedback/Callout}/Callout.module.scss (100%) rename packages/twenty-ui/src/{display/callout => feedback/Callout}/Callout.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/callout => feedback/Callout}/Callout.tsx (94%) rename packages/twenty-ui/src/{display/callout => feedback/Callout}/__stories__/Callout.stories.tsx (93%) rename packages/twenty-ui/src/feedback/{progress-bar/components => CircularProgressBar}/CircularProgressBar.tsx (100%) rename packages/twenty-ui/src/feedback/{progress-bar/components => CircularProgressBar}/__stories__/CircularProgressBar.stories.tsx (94%) rename packages/twenty-ui/src/{layout/animated-placeholder/components => feedback/EmptyPlaceholderStyled}/EmptyPlaceholderStyled.module.scss (100%) rename packages/twenty-ui/src/{layout/animated-placeholder/components => feedback/EmptyPlaceholderStyled}/EmptyPlaceholderStyled.module.scss.d.ts (100%) rename packages/twenty-ui/src/{layout/animated-placeholder/components => feedback/EmptyPlaceholderStyled}/EmptyPlaceholderStyled.tsx (100%) rename packages/twenty-ui/src/{layout/animated-placeholder/components => feedback/ErrorPlaceholderStyled}/ErrorPlaceholderStyled.module.scss (100%) rename packages/twenty-ui/src/{layout/animated-placeholder/components => feedback/ErrorPlaceholderStyled}/ErrorPlaceholderStyled.module.scss.d.ts (100%) rename packages/twenty-ui/src/{layout/animated-placeholder/components => feedback/ErrorPlaceholderStyled}/ErrorPlaceholderStyled.tsx (100%) rename packages/twenty-ui/src/{display/info/components => feedback/Info}/Info.module.scss (100%) rename packages/twenty-ui/src/{display/info/components => feedback/Info}/Info.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/info/components => feedback/Info}/Info.tsx (91%) rename packages/twenty-ui/src/{display/info/components => feedback/Info}/__stories__/Info.stories.tsx (92%) rename packages/twenty-ui/src/{display/banner/components => feedback/InlineBanner}/InlineBanner.module.scss (100%) rename packages/twenty-ui/src/{display/banner/components => feedback/InlineBanner}/InlineBanner.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/banner/components => feedback/InlineBanner}/InlineBanner.tsx (80%) rename packages/twenty-ui/src/feedback/{loader/components => Loader}/Loader.module.scss (100%) rename packages/twenty-ui/src/feedback/{loader/components => Loader}/Loader.module.scss.d.ts (100%) rename packages/twenty-ui/src/feedback/{loader/components => Loader}/Loader.tsx (100%) rename packages/twenty-ui/src/feedback/{loader => Loader}/__stories__/Loader.stories.tsx (97%) rename packages/twenty-ui/src/feedback/{progress-bar/components => ProgressBar}/ProgressBar.module.scss (100%) rename packages/twenty-ui/src/feedback/{progress-bar/components => ProgressBar}/ProgressBar.module.scss.d.ts (100%) rename packages/twenty-ui/src/feedback/{progress-bar/components => ProgressBar}/ProgressBar.tsx (100%) rename packages/twenty-ui/src/feedback/{progress-bar/components => ProgressBar}/__stories__/ProgressBar.stories.tsx (87%) rename packages/twenty-ui/src/feedback/{progress-bar => ProgressBar}/hooks/useProgressAnimation.ts (100%) rename packages/twenty-ui/src/{display/banner/components => feedback/SidePanelInformationBanner}/SidePanelInformationBanner.module.scss (100%) rename packages/twenty-ui/src/{display/banner/components => feedback/SidePanelInformationBanner}/SidePanelInformationBanner.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/banner/components => feedback/SidePanelInformationBanner}/SidePanelInformationBanner.tsx (88%) rename packages/twenty-ui/src/{display/banner/components => feedback/SidePanelInformationBanner}/__stories__/SidePanelInformationBanner.stories.tsx (87%) rename packages/twenty-ui/src/{display => }/icon/components/Icon.tsx (73%) rename packages/twenty-ui/src/{display => }/icon/components/IconAddressBook.tsx (88%) rename packages/twenty-ui/src/{display => }/icon/components/IconBrandAnthropic.tsx (84%) rename packages/twenty-ui/src/{display => }/icon/components/IconBrandGemini.tsx (84%) rename packages/twenty-ui/src/{display => }/icon/components/IconBrandGroq.tsx (84%) rename packages/twenty-ui/src/{display => }/icon/components/IconBrandMistral.tsx (84%) rename packages/twenty-ui/src/{display => }/icon/components/IconBrandXai.tsx (86%) rename packages/twenty-ui/src/{display => }/icon/components/IconChartBarHorizontal.module.scss (100%) rename packages/twenty-ui/src/{display => }/icon/components/IconChartBarHorizontal.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display => }/icon/components/IconChartBarHorizontal.tsx (80%) rename packages/twenty-ui/src/{display => }/icon/components/IconGmail.tsx (83%) rename packages/twenty-ui/src/{display => }/icon/components/IconGoogle.tsx (83%) rename packages/twenty-ui/src/{display => }/icon/components/IconGoogleCalendar.tsx (85%) rename packages/twenty-ui/src/{display => }/icon/components/IconLock.tsx (84%) rename packages/twenty-ui/src/{display => }/icon/components/IconMicrosoft.tsx (100%) rename packages/twenty-ui/src/{display => }/icon/components/IconMicrosoftCalendar.tsx (100%) rename packages/twenty-ui/src/{display => }/icon/components/IconMicrosoftOutlook.tsx (100%) rename packages/twenty-ui/src/{display => }/icon/components/IconModelClaude.tsx (84%) rename packages/twenty-ui/src/{display => }/icon/components/IconProviderOpenai.tsx (86%) rename packages/twenty-ui/src/{display => }/icon/components/IconRelationManyToOne.tsx (87%) rename packages/twenty-ui/src/{display => }/icon/components/IconTrashXOff.tsx (86%) rename packages/twenty-ui/src/{display => }/icon/components/IconTwentyStar.tsx (86%) rename packages/twenty-ui/src/{display => }/icon/components/IconTwentyStarFilled.tsx (87%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconArray.tsx (78%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconCalendarEvent.tsx (80%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconCalendarTime.tsx (80%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconCurrency.tsx (79%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconFile.tsx (78%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconJson.tsx (78%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconLink.tsx (78%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconMail.tsx (78%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconManyToMany.tsx (79%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconMap.tsx (78%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconNumbers.tsx (79%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconOneToMany.tsx (79%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconOneToOne.tsx (79%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconPhone.tsx (78%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconSetting.tsx (79%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconStar.tsx (78%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconTag.tsx (78%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconTags.tsx (78%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconText.tsx (78%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconToggle.tsx (78%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconUid.tsx (78%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconUser.tsx (78%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconWrapper.module.scss (100%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconWrapper.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display => }/icon/components/IllustrationIconWrapper.tsx (100%) rename packages/twenty-ui/src/{display => }/icon/components/TablerIcons.ts (100%) rename packages/twenty-ui/src/{display => }/icon/components/ThinkingOrbitLoaderIcon.tsx (93%) rename packages/twenty-ui/src/{display => }/icon/components/__stories__/Icon.stories.tsx (90%) rename packages/twenty-ui/src/{display => }/icon/hooks/__tests__/useIcons.test.ts (92%) rename packages/twenty-ui/src/{display => }/icon/hooks/useIcons.ts (75%) rename packages/twenty-ui/src/{display => icon}/index.ts (53%) rename packages/twenty-ui/src/{display => }/icon/providers/IconsProvider.tsx (86%) rename packages/twenty-ui/src/{display => }/icon/providers/internal/AllIcons.ts (100%) rename packages/twenty-ui/src/{display => }/icon/states/iconsState.ts (64%) rename packages/twenty-ui/src/{display => }/icon/types/IconComponent.ts (100%) rename packages/twenty-ui/src/{navigation/link/components => input/AdvancedSettingsToggle}/AdvancedSettingsToggle.module.scss (100%) rename packages/twenty-ui/src/{navigation/link/components => input/AdvancedSettingsToggle}/AdvancedSettingsToggle.module.scss.d.ts (100%) rename packages/twenty-ui/src/{navigation/link/components => input/AdvancedSettingsToggle}/AdvancedSettingsToggle.tsx (100%) rename packages/twenty-ui/src/input/{button/components => AnimatedButton}/AnimatedButton.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => AnimatedButton}/AnimatedButton.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => AnimatedButton}/AnimatedButton.tsx (99%) rename packages/twenty-ui/src/input/{button/components => AnimatedLightIconButton}/AnimatedLightIconButton.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => AnimatedLightIconButton}/AnimatedLightIconButton.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => AnimatedLightIconButton}/AnimatedLightIconButton.tsx (94%) rename packages/twenty-ui/src/input/{button/components => AnimatedLightIconButton}/__stories__/AnimatedLightIconButton.stories.tsx (93%) rename packages/twenty-ui/src/input/{button/components => }/Button/Button.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => }/Button/Button.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => }/Button/Button.tsx (90%) rename packages/twenty-ui/src/input/{button/components => Button}/__stories__/Button.stories.tsx (99%) rename packages/twenty-ui/src/input/{button/components => }/Button/constant.ts (100%) rename packages/twenty-ui/src/input/{button/components => }/Button/internal/ButtonHotKeys.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => }/Button/internal/ButtonHotKeys.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => }/Button/internal/ButtonHotKeys.tsx (92%) rename packages/twenty-ui/src/input/{button/components => }/Button/internal/ButtonIcon.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => }/Button/internal/ButtonIcon.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => }/Button/internal/ButtonIcon.tsx (93%) rename packages/twenty-ui/src/input/{button/components => }/Button/internal/ButtonSoon.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => }/Button/internal/ButtonSoon.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => }/Button/internal/ButtonSoon.tsx (85%) rename packages/twenty-ui/src/input/{button/components => }/Button/internal/ButtonText.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => }/Button/internal/ButtonText.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => }/Button/internal/ButtonText.tsx (100%) rename packages/twenty-ui/src/input/{button/components => ButtonGroup}/ButtonGroup.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => ButtonGroup}/ButtonGroup.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => ButtonGroup}/ButtonGroup.tsx (94%) rename packages/twenty-ui/src/input/{button/components => ButtonGroup}/__stories__/ButtonGroup.stories.tsx (95%) rename packages/twenty-ui/src/input/{components => CardPicker}/CardPicker.module.scss (100%) rename packages/twenty-ui/src/input/{components => CardPicker}/CardPicker.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{components => CardPicker}/CardPicker.tsx (91%) rename packages/twenty-ui/src/input/{components => Checkbox}/Checkbox.module.scss (100%) rename packages/twenty-ui/src/input/{components => Checkbox}/Checkbox.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{components => Checkbox}/Checkbox.tsx (96%) rename packages/twenty-ui/src/input/{components => Checkbox}/__stories__/Checkbox.stories.tsx (98%) rename packages/twenty-ui/src/input/{code-editor/components => CodeEditor}/CodeEditor.module.scss (100%) rename packages/twenty-ui/src/input/{code-editor/components => CodeEditor}/CodeEditor.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{code-editor/components => CodeEditor}/CodeEditor.tsx (93%) rename packages/twenty-ui/src/input/{code-editor => CodeEditor}/constants/BaseCodeEditorThemeId.ts (100%) rename packages/twenty-ui/src/input/{code-editor/theme => CodeEditor}/utils/getBaseCodeEditorTheme.ts (100%) rename packages/twenty-ui/src/input/{code-editor/components => CodeEditorHeader}/CodeEditorHeader.module.scss (100%) rename packages/twenty-ui/src/input/{code-editor/components => CodeEditorHeader}/CodeEditorHeader.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{code-editor/components => CodeEditorHeader}/CodeEditorHeader.tsx (100%) rename packages/twenty-ui/src/input/{button/components => ColorPickerButton}/ColorPickerButton.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => ColorPickerButton}/ColorPickerButton.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => ColorPickerButton}/ColorPickerButton.tsx (83%) rename packages/twenty-ui/src/input/{button/components => ColorPickerButton}/__stories__/ColorPickerButton.stories.tsx (89%) rename packages/twenty-ui/src/input/{color-scheme/components => ColorSchemeCard}/ColorSchemeCard.module.scss (100%) rename packages/twenty-ui/src/input/{color-scheme/components => ColorSchemeCard}/ColorSchemeCard.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{color-scheme/components => ColorSchemeCard}/ColorSchemeCard.tsx (97%) rename packages/twenty-ui/src/input/{color-scheme/components => ColorSchemeCard}/__stories__/ColorSchemeCard.stories.module.scss (100%) rename packages/twenty-ui/src/input/{color-scheme/components => ColorSchemeCard}/__stories__/ColorSchemeCard.stories.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{color-scheme/components => ColorSchemeCard}/__stories__/ColorSchemeCard.stories.tsx (92%) rename packages/twenty-ui/src/input/{color-scheme/components => ColorSchemePicker}/ColorSchemePicker.module.scss (100%) rename packages/twenty-ui/src/input/{color-scheme/components => ColorSchemePicker}/ColorSchemePicker.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{color-scheme/components => ColorSchemePicker}/ColorSchemePicker.tsx (94%) rename packages/twenty-ui/src/input/{button/components => FloatingButton}/FloatingButton.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => FloatingButton}/FloatingButton.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => FloatingButton}/FloatingButton.tsx (97%) rename packages/twenty-ui/src/input/{button/components => FloatingButton}/__stories__/FloatingButton.stories.tsx (93%) rename packages/twenty-ui/src/input/{button/components => FloatingButtonGroup}/FloatingButtonGroup.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => FloatingButtonGroup}/FloatingButtonGroup.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => FloatingButtonGroup}/FloatingButtonGroup.tsx (96%) rename packages/twenty-ui/src/input/{button/components => FloatingButtonGroup}/__stories__/FloatingButtonGroup.stories.tsx (89%) rename packages/twenty-ui/src/input/{button/components => FloatingIconButton}/FloatingIconButton.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => FloatingIconButton}/FloatingIconButton.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => FloatingIconButton}/FloatingIconButton.tsx (96%) rename packages/twenty-ui/src/input/{button/components => FloatingIconButton}/__stories__/FloatingIconButton.stories.tsx (95%) rename packages/twenty-ui/src/input/{button/components => FloatingIconButtonGroup}/FloatingIconButtonGroup.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => FloatingIconButtonGroup}/FloatingIconButtonGroup.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => FloatingIconButtonGroup}/FloatingIconButtonGroup.tsx (93%) rename packages/twenty-ui/src/input/{button/components => FloatingIconButtonGroup}/__stories__/FloatingIconButtonGroup.stories.tsx (87%) rename packages/twenty-ui/src/input/{button/components => IconButton}/IconButton.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => IconButton}/IconButton.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => IconButton}/IconButton.tsx (97%) rename packages/twenty-ui/src/input/{button/components => IconButton}/__stories__/IconButton.stories.tsx (98%) rename packages/twenty-ui/src/input/{button/components => IconButtonGroup}/IconButtonGroup.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => IconButtonGroup}/IconButtonGroup.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => IconButtonGroup}/IconButtonGroup.tsx (87%) rename packages/twenty-ui/src/input/{button/components => IconButtonGroup}/__stories__/IconButtonGroup.stories.tsx (94%) rename packages/twenty-ui/src/input/{components => IconListViewGrip}/IconListViewGrip.tsx (81%) rename packages/twenty-ui/src/input/{button/components => InsideButton}/InsideButton.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => InsideButton}/InsideButton.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => InsideButton}/InsideButton.tsx (93%) rename packages/twenty-ui/src/input/{button/components => LightButton}/LightButton.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => LightButton}/LightButton.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => LightButton}/LightButton.tsx (95%) rename packages/twenty-ui/src/input/{button/components => LightButton}/__stories__/LightButton.stories.tsx (94%) rename packages/twenty-ui/src/input/{button/components => LightIconButton}/LightIconButton.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => LightIconButton}/LightIconButton.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => LightIconButton}/LightIconButton.tsx (96%) rename packages/twenty-ui/src/input/{button/components => LightIconButton}/__stories__/LightIconButton.stories.tsx (96%) rename packages/twenty-ui/src/input/{button/components => LightIconButtonGroup}/LightIconButtonGroup.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => LightIconButtonGroup}/LightIconButtonGroup.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => LightIconButtonGroup}/LightIconButtonGroup.tsx (90%) rename packages/twenty-ui/src/input/{button/components => MainButton}/MainButton.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => MainButton}/MainButton.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => MainButton}/MainButton.tsx (96%) rename packages/twenty-ui/src/input/{button/components => MainButton}/__stories__/MainButton.stories.tsx (93%) rename packages/twenty-ui/src/input/{components => Radio}/Radio.module.scss (100%) rename packages/twenty-ui/src/input/{components => Radio}/Radio.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{components => Radio}/Radio.tsx (97%) rename packages/twenty-ui/src/input/{components => Radio}/__stories__/Radio.stories.tsx (95%) rename packages/twenty-ui/src/input/{components => RadioGroup}/RadioGroup.tsx (94%) rename packages/twenty-ui/src/input/{button/components => RoundedIconButton}/RoundedIconButton.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => RoundedIconButton}/RoundedIconButton.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => RoundedIconButton}/RoundedIconButton.tsx (93%) rename packages/twenty-ui/src/input/{button/components => RoundedIconButton}/__stories__/RoundedIconButton.stories.tsx (88%) rename packages/twenty-ui/src/input/{components => SearchInput}/SearchInput.module.scss (100%) rename packages/twenty-ui/src/input/{components => SearchInput}/SearchInput.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{components => SearchInput}/SearchInput.tsx (92%) rename packages/twenty-ui/src/input/{components => SearchInput}/__stories__/SearchInput.stories.tsx (94%) rename packages/twenty-ui/src/input/{button/components => }/TabButton/TabButton.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => }/TabButton/TabButton.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => }/TabButton/TabButton.tsx (80%) rename packages/twenty-ui/src/input/{button/components => TabButton}/__stories__/TabButton.stories.module.scss (100%) rename packages/twenty-ui/src/input/{button/components => TabButton}/__stories__/TabButton.stories.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components => TabButton}/__stories__/TabButton.stories.tsx (98%) rename packages/twenty-ui/src/input/{button/components/TabButton/internals/components => TabButton/parts}/StyledTabBase.module.scss (100%) rename packages/twenty-ui/src/input/{button/components/TabButton/internals/components => TabButton/parts}/StyledTabBase.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{button/components/TabButton/internals/components => TabButton/parts}/StyledTabBase.tsx (100%) rename packages/twenty-ui/src/input/{button/components/TabButton/internals/components => TabButton/parts}/TabContent.tsx (84%) rename packages/twenty-ui/src/input/{components => Toggle}/Toggle.module.scss (100%) rename packages/twenty-ui/src/input/{components => Toggle}/Toggle.module.scss.d.ts (100%) rename packages/twenty-ui/src/input/{components => Toggle}/Toggle.tsx (100%) rename packages/twenty-ui/src/input/{components => Toggle}/__stories__/Toggle.stories.tsx (97%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedCircleLoading}/AnimatedCircleLoading.module.scss (100%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedCircleLoading}/AnimatedCircleLoading.module.scss.d.ts (100%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedCircleLoading}/AnimatedCircleLoading.tsx (100%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedContainer}/AnimatedContainer.tsx (100%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedEaseIn}/AnimatedEaseIn.tsx (100%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedEaseInOut}/AnimatedEaseInOut.tsx (100%) rename packages/twenty-ui/src/layout/{animated-expandable-container/components => AnimatedExpandableContainer}/AnimatedExpandableContainer.tsx (76%) rename packages/twenty-ui/src/layout/{animated-expandable-container => AnimatedExpandableContainer}/__stories__/AnimatedExpandableContainer.stories.module.scss (100%) rename packages/twenty-ui/src/layout/{animated-expandable-container => AnimatedExpandableContainer}/__stories__/AnimatedExpandableContainer.stories.module.scss.d.ts (100%) rename packages/twenty-ui/src/layout/{animated-expandable-container => AnimatedExpandableContainer}/__stories__/AnimatedExpandableContainer.stories.tsx (97%) rename packages/twenty-ui/src/layout/{animated-expandable-container => AnimatedExpandableContainer}/types/AnimationDimension.ts (100%) rename packages/twenty-ui/src/layout/{animated-expandable-container => AnimatedExpandableContainer}/types/AnimationDurationObject.ts (100%) create mode 100644 packages/twenty-ui/src/layout/AnimatedExpandableContainer/types/AnimationDurations.ts rename packages/twenty-ui/src/layout/{animated-expandable-container => AnimatedExpandableContainer}/types/AnimationMode.ts (100%) rename packages/twenty-ui/src/layout/{animated-expandable-container => AnimatedExpandableContainer}/types/AnimationSize.ts (100%) rename packages/twenty-ui/src/layout/{animated-expandable-container => AnimatedExpandableContainer}/utils/getCommonStyles.ts (51%) rename packages/twenty-ui/src/layout/{animated-expandable-container => AnimatedExpandableContainer}/utils/getExpandableAnimationConfig.ts (60%) rename packages/twenty-ui/src/layout/{animated-expandable-container => AnimatedExpandableContainer}/utils/getTransitionValues.ts (74%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedFadeOut}/AnimatedFadeOut.tsx (100%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedIconCrossfade}/AnimatedIconCrossfade.module.scss (100%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedIconCrossfade}/AnimatedIconCrossfade.module.scss.d.ts (100%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedIconCrossfade}/AnimatedIconCrossfade.tsx (95%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedRotate}/AnimatedRotate.module.scss (100%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedRotate}/AnimatedRotate.module.scss.d.ts (100%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedRotate}/AnimatedRotate.tsx (100%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedTextWord}/AnimatedTextWord.module.scss (100%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedTextWord}/AnimatedTextWord.module.scss.d.ts (100%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedTextWord}/AnimatedTextWord.tsx (100%) rename packages/twenty-ui/src/{utilities/animation/components => layout/AnimatedTranslation}/AnimatedTranslation.tsx (100%) rename packages/twenty-ui/src/{utilities/dimensions/components => layout/AutogrowWrapper}/AutogrowWrapper.module.scss (100%) rename packages/twenty-ui/src/{utilities/dimensions/components => layout/AutogrowWrapper}/AutogrowWrapper.module.scss.d.ts (100%) rename packages/twenty-ui/src/{utilities/dimensions/components => layout/AutogrowWrapper}/AutogrowWrapper.tsx (100%) rename packages/twenty-ui/src/{display/text/components => layout/HorizontalSeparator}/HorizontalSeparator.module.scss (100%) rename packages/twenty-ui/src/{display/text/components => layout/HorizontalSeparator}/HorizontalSeparator.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/text/components => layout/HorizontalSeparator}/HorizontalSeparator.tsx (96%) rename packages/twenty-ui/src/{display/text/components => layout/HorizontalSeparator}/__stories__/HorizontalSeparator.stories.tsx (72%) rename packages/twenty-ui/src/layout/{resize-handle/components => ResizeHandle}/ResizeHandle.module.scss (100%) rename packages/twenty-ui/src/layout/{resize-handle/components => ResizeHandle}/ResizeHandle.module.scss.d.ts (100%) rename packages/twenty-ui/src/layout/{resize-handle/components => ResizeHandle}/ResizeHandle.tsx (100%) rename packages/twenty-ui/src/layout/{resize-handle/components => ResizeHandle}/__stories__/ResizeHandle.stories.tsx (92%) rename packages/twenty-ui/src/layout/{resize-handle => ResizeHandle}/hooks/useResizeHandle.ts (100%) rename packages/twenty-ui/src/layout/{section/components => Section}/Section.module.scss (100%) rename packages/twenty-ui/src/layout/{section/components => Section}/Section.module.scss.d.ts (100%) rename packages/twenty-ui/src/layout/{section/components => Section}/Section.tsx (100%) rename packages/twenty-ui/src/layout/{section/components => Section}/__stories__/Section.stories.tsx (87%) delete mode 100644 packages/twenty-ui/src/layout/animated-expandable-container/types/AnimationDurations.ts delete mode 100644 packages/twenty-ui/src/layout/animated-placeholder/index.ts rename packages/twenty-ui/src/navigation/{link/components => ClickToActionLink}/ClickToActionLink.module.scss (100%) rename packages/twenty-ui/src/navigation/{link/components => ClickToActionLink}/ClickToActionLink.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{link/components => ClickToActionLink}/ClickToActionLink.tsx (100%) rename packages/twenty-ui/src/navigation/{link/components => ClickToActionLink}/__stories__/ClickToActionLink.stories.tsx (84%) rename packages/twenty-ui/src/navigation/{link/components => ContactLink}/ContactLink.module.scss (100%) rename packages/twenty-ui/src/navigation/{link/components => ContactLink}/ContactLink.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{link/components => ContactLink}/ContactLink.tsx (100%) rename packages/twenty-ui/src/navigation/{link/components => ContactLink}/__stories__/ContactLink.stories.tsx (91%) rename packages/twenty-ui/src/navigation/{link/components => GithubVersionLink}/GithubVersionLink.tsx (69%) rename packages/twenty-ui/src/navigation/{link/components => GithubVersionLink}/__stories__/GithubVersionLink.stories.tsx (85%) rename packages/twenty-ui/src/navigation/{link => Link}/constants/Cal.ts (100%) rename packages/twenty-ui/src/navigation/{link => Link}/constants/GithubLink.ts (100%) rename packages/twenty-ui/src/navigation/{link => Link}/constants/TwentyPricingLink.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItem}/MenuItem.module.scss (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItem}/MenuItem.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItem}/MenuItem.tsx (84%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItem}/__stories__/MenuItem.stories.tsx (98%) rename packages/twenty-ui/src/navigation/{menu/menu-item => MenuItem}/constants/DefaultColorLabels.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/internals/components => MenuItem/parts}/MenuItemIcon.tsx (85%) rename packages/twenty-ui/src/navigation/{menu/menu-item/internals/components => MenuItem/parts}/MenuItemIconBoxContainer.module.scss (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/internals/components => MenuItem/parts}/MenuItemIconBoxContainer.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/internals/components => MenuItem/parts}/MenuItemIconBoxContainer.tsx (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/internals/components => MenuItem/parts}/MenuItemIconWithGripSwap.module.scss (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/internals/components => MenuItem/parts}/MenuItemIconWithGripSwap.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/internals/components => MenuItem/parts}/MenuItemIconWithGripSwap.tsx (88%) rename packages/twenty-ui/src/navigation/{menu/menu-item/internals/components => MenuItem/parts}/MenuItemLeftContent.module.scss (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/internals/components => MenuItem/parts}/MenuItemLeftContent.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/internals/components => MenuItem/parts}/MenuItemLeftContent.tsx (87%) rename packages/twenty-ui/src/navigation/{menu/menu-item/internals/components => MenuItem/parts}/StyledMenuItemBase.module.scss (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/internals/components => MenuItem/parts}/StyledMenuItemBase.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/internals/components => MenuItem/parts}/StyledMenuItemBase.tsx (97%) rename packages/twenty-ui/src/navigation/{menu/menu-item => MenuItem}/types/MenuItemAccent.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item => MenuItem}/types/MenuItemDraggableGripMode.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemAvatar}/MenuItemAvatar.tsx (90%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemDraggable}/MenuItemDraggable.tsx (76%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemDraggable}/__stories__/MenuItemDraggable.stories.tsx (95%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemHotKeys}/MenuItemHotKeys.module.scss (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemHotKeys}/MenuItemHotKeys.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemHotKeys}/MenuItemHotKeys.tsx (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemMultiSelect}/MenuItemMultiSelect.module.scss (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemMultiSelect}/MenuItemMultiSelect.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemMultiSelect}/MenuItemMultiSelect.tsx (78%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemMultiSelect}/__stories__/MenuItemMultiSelect.stories.tsx (94%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemMultiSelectAvatar}/MenuItemMultiSelectAvatar.module.scss (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemMultiSelectAvatar}/MenuItemMultiSelectAvatar.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemMultiSelectAvatar}/MenuItemMultiSelectAvatar.tsx (90%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemMultiSelectAvatar}/__stories__/MenuItemMultiSelectAvatar.stories.tsx (94%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemMultiSelectTag}/MenuItemMultiSelectTag.tsx (86%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemNavigate}/MenuItemNavigate.tsx (81%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemNavigate}/__stories__/MenuItemNavigate.stories.tsx (94%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemSelect}/MenuItemSelect.module.scss (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemSelect}/MenuItemSelect.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemSelect}/MenuItemSelect.tsx (91%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemSelect}/__stories__/MenuItemSelect.stories.tsx (95%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemSelectAvatar}/MenuItemSelectAvatar.module.scss (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemSelectAvatar}/MenuItemSelectAvatar.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemSelectAvatar}/MenuItemSelectAvatar.tsx (89%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemSelectAvatar}/__stories__/MenuItemSelectAvatar.stories.tsx (95%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemSelectColor}/MenuItemSelectColor.tsx (81%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemSelectColor}/__stories__/MenuItemSelectColor.stories.tsx (93%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemSelectTag}/MenuItemSelectTag.tsx (83%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemSelectTag}/__stories__/MenuItemSelectTag.stories.tsx (96%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemSuggestion}/MenuItemSuggestion.module.scss (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemSuggestion}/MenuItemSuggestion.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemSuggestion}/MenuItemSuggestion.tsx (85%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemToggle}/MenuItemToggle.module.scss (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemToggle}/MenuItemToggle.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemToggle}/MenuItemToggle.tsx (88%) rename packages/twenty-ui/src/navigation/{menu/menu-item/components => MenuItemToggle}/__stories__/MenuItemToggle.stories.tsx (95%) rename packages/twenty-ui/src/navigation/{menu/components => MenuPicker}/MenuPicker.module.scss (100%) rename packages/twenty-ui/src/navigation/{menu/components => MenuPicker}/MenuPicker.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{menu/components => MenuPicker}/MenuPicker.tsx (94%) rename packages/twenty-ui/src/navigation/{menu/components => MenuPicker}/__stories__/MenuPicker.stories.module.scss (100%) rename packages/twenty-ui/src/navigation/{menu/components => MenuPicker}/__stories__/MenuPicker.stories.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{menu/components => MenuPicker}/__stories__/MenuPicker.stories.tsx (94%) rename packages/twenty-ui/src/navigation/{navigation-bar/components => NavigationBar}/NavigationBar.module.scss (100%) rename packages/twenty-ui/src/navigation/{navigation-bar/components => NavigationBar}/NavigationBar.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{navigation-bar/components => NavigationBar}/NavigationBar.tsx (78%) rename packages/twenty-ui/src/navigation/{navigation-bar/components => NavigationBar}/__stories__/NavigationBar.stories.tsx (82%) rename packages/twenty-ui/src/navigation/{navigation-bar/components => NavigationBarItem}/NavigationBarItem.module.scss (100%) rename packages/twenty-ui/src/navigation/{navigation-bar/components => NavigationBarItem}/NavigationBarItem.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{navigation-bar/components => NavigationBarItem}/NavigationBarItem.tsx (89%) rename packages/twenty-ui/src/navigation/{link/components => RawLink}/RawLink.module.scss (100%) rename packages/twenty-ui/src/navigation/{link/components => RawLink}/RawLink.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{link/components => RawLink}/RawLink.tsx (100%) rename packages/twenty-ui/src/navigation/{link/components => RawLink}/__stories__/RawLink.stories.tsx (93%) rename packages/twenty-ui/src/navigation/{link/components => RoundedLink}/RoundedLink.module.scss (100%) rename packages/twenty-ui/src/navigation/{link/components => RoundedLink}/RoundedLink.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{link/components => RoundedLink}/RoundedLink.tsx (100%) rename packages/twenty-ui/src/navigation/{link/components => RoundedLink}/__stories__/RoundedLink.stories.tsx (92%) rename packages/twenty-ui/src/navigation/{link/components => SocialLink}/SocialLink.tsx (88%) rename packages/twenty-ui/src/navigation/{link/components => SocialLink}/__stories__/SocialLink.stories.tsx (93%) rename packages/twenty-ui/src/navigation/{link/components => UndecoratedLink}/UndecoratedLink.module.scss (100%) rename packages/twenty-ui/src/navigation/{link/components => UndecoratedLink}/UndecoratedLink.module.scss.d.ts (100%) rename packages/twenty-ui/src/navigation/{link/components => UndecoratedLink}/UndecoratedLink.tsx (100%) rename packages/twenty-ui/src/navigation/{link/components => UndecoratedLink}/__stories__/UndecoratedLink.stories.tsx (86%) delete mode 100644 packages/twenty-ui/src/navigation/link/components/index.ts delete mode 100644 packages/twenty-ui/src/navigation/link/index.ts rename packages/twenty-ui/src/{display/tooltip => surfaces/AppTooltip}/AppTooltip.module.scss (100%) rename packages/twenty-ui/src/{display/tooltip => surfaces/AppTooltip}/AppTooltip.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/tooltip => surfaces/AppTooltip}/AppTooltip.tsx (100%) rename packages/twenty-ui/src/{display/tooltip => surfaces/AppTooltip}/__stories__/Tooltip.stories.tsx (99%) rename packages/twenty-ui/src/{layout/card/components => surfaces/Card}/Card.module.scss (100%) rename packages/twenty-ui/src/{layout/card/components => surfaces/Card}/Card.module.scss.d.ts (100%) rename packages/twenty-ui/src/{layout/card/components => surfaces/Card}/Card.tsx (100%) rename packages/twenty-ui/src/{layout/card/components => surfaces/Card}/__stories__/Card.stories.tsx (73%) rename packages/twenty-ui/src/{layout/card/components => surfaces/CardContent}/CardContent.module.scss (100%) rename packages/twenty-ui/src/{layout/card/components => surfaces/CardContent}/CardContent.module.scss.d.ts (100%) rename packages/twenty-ui/src/{layout/card/components => surfaces/CardContent}/CardContent.tsx (100%) rename packages/twenty-ui/src/{layout/card/components => surfaces/CardFooter}/CardFooter.module.scss (100%) rename packages/twenty-ui/src/{layout/card/components => surfaces/CardFooter}/CardFooter.module.scss.d.ts (100%) rename packages/twenty-ui/src/{layout/card/components => surfaces/CardFooter}/CardFooter.tsx (100%) rename packages/twenty-ui/src/{layout/card/components => surfaces/CardHeader}/CardHeader.module.scss (100%) rename packages/twenty-ui/src/{layout/card/components => surfaces/CardHeader}/CardHeader.module.scss.d.ts (100%) rename packages/twenty-ui/src/{layout/card/components => surfaces/CardHeader}/CardHeader.tsx (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/Modal}/Modal.module.scss (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/Modal}/Modal.module.scss.d.ts (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/Modal}/Modal.tsx (92%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/Modal}/__stories__/Modal.stories.module.scss (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/Modal}/__stories__/Modal.stories.module.scss.d.ts (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/Modal}/__stories__/Modal.stories.tsx (94%) rename packages/twenty-ui/src/{layout/modal => surfaces/Modal}/types/ModalOverlay.ts (100%) rename packages/twenty-ui/src/{layout/modal => surfaces/Modal}/types/ModalPadding.ts (100%) rename packages/twenty-ui/src/{layout/modal => surfaces/Modal}/types/ModalProps.ts (73%) rename packages/twenty-ui/src/{layout/modal => surfaces/Modal}/types/ModalSize.ts (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/ModalBackdrop}/ModalBackdrop.module.scss (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/ModalBackdrop}/ModalBackdrop.module.scss.d.ts (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/ModalBackdrop}/ModalBackdrop.tsx (93%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/ModalContent}/ModalContent.module.scss (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/ModalContent}/ModalContent.module.scss.d.ts (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/ModalContent}/ModalContent.tsx (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/ModalFooter}/ModalFooter.module.scss (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/ModalFooter}/ModalFooter.module.scss.d.ts (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/ModalFooter}/ModalFooter.tsx (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/ModalHeader}/ModalHeader.module.scss (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/ModalHeader}/ModalHeader.module.scss.d.ts (100%) rename packages/twenty-ui/src/{layout/modal/components => surfaces/ModalHeader}/ModalHeader.tsx (100%) rename packages/twenty-ui/src/{display/tooltip => surfaces/OverflowingTextWithTooltip}/OverflowingTextWithTooltip.module.scss (100%) rename packages/twenty-ui/src/{display/tooltip => surfaces/OverflowingTextWithTooltip}/OverflowingTextWithTooltip.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/tooltip => surfaces/OverflowingTextWithTooltip}/OverflowingTextWithTooltip.tsx (96%) rename packages/twenty-ui/src/{display/tooltip => surfaces/OverflowingTextWithTooltip}/__stories__/OverflowTextWithTooltip.stories.tsx (98%) create mode 100644 packages/twenty-ui/src/surfaces/index.ts rename packages/twenty-ui/src/{display/typography/components => typography/H1Title}/H1Title.module.scss (100%) rename packages/twenty-ui/src/{display/typography/components => typography/H1Title}/H1Title.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/typography/components => typography/H1Title}/H1Title.tsx (100%) rename packages/twenty-ui/src/{display/typography/components => typography/H1Title}/__stories__/H1Title.stories.tsx (90%) rename packages/twenty-ui/src/{display/typography/components => typography/H2Title}/H2Title.module.scss (100%) rename packages/twenty-ui/src/{display/typography/components => typography/H2Title}/H2Title.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/typography/components => typography/H2Title}/H2Title.tsx (86%) rename packages/twenty-ui/src/{display/typography/components => typography/H2Title}/__stories__/H2Title.stories.tsx (88%) rename packages/twenty-ui/src/{display/typography/components => typography/H3Title}/H3Title.module.scss (100%) rename packages/twenty-ui/src/{display/typography/components => typography/H3Title}/H3Title.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/typography/components => typography/H3Title}/H3Title.tsx (87%) rename packages/twenty-ui/src/{display/typography/components => typography/H3Title}/__stories__/H3Title.stories.tsx (81%) rename packages/twenty-ui/src/{display/typography/components => typography/Label}/Label.module.scss (100%) rename packages/twenty-ui/src/{display/typography/components => typography/Label}/Label.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/typography/components => typography/Label}/Label.tsx (100%) rename packages/twenty-ui/src/{display/typography/components => typography/Label}/__stories__/Label.stories.tsx (91%) rename packages/twenty-ui/src/{display/components => typography/LinkifiedText}/LinkifiedText.module.scss (100%) rename packages/twenty-ui/src/{display/components => typography/LinkifiedText}/LinkifiedText.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/components => typography/LinkifiedText}/LinkifiedText.tsx (100%) rename packages/twenty-ui/src/{display/text/components => typography/SeparatorLineText}/SeparatorLineText.module.scss (100%) rename packages/twenty-ui/src/{display/text/components => typography/SeparatorLineText}/SeparatorLineText.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/text/components => typography/SeparatorLineText}/SeparatorLineText.tsx (100%) rename packages/twenty-ui/src/{display/text/components => typography/SeparatorLineText}/__stories__/SeparatorLineText.stories.tsx (78%) rename packages/twenty-ui/src/{display/typography/components => typography/StyledText}/StyledText.module.scss (100%) rename packages/twenty-ui/src/{display/typography/components => typography/StyledText}/StyledText.module.scss.d.ts (100%) rename packages/twenty-ui/src/{display/typography/components => typography/StyledText}/StyledText.tsx (100%) create mode 100644 packages/twenty-ui/src/typography/index.ts delete mode 100644 packages/twenty-ui/src/utilities/animation/index.ts diff --git a/packages/twenty-front/src/hooks/useCopyToClipboard.tsx b/packages/twenty-front/src/hooks/useCopyToClipboard.tsx index cdaea46357..d0eed074d9 100644 --- a/packages/twenty-front/src/hooks/useCopyToClipboard.tsx +++ b/packages/twenty-front/src/hooks/useCopyToClipboard.tsx @@ -1,6 +1,6 @@ import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { useLingui } from '@lingui/react/macro'; -import { IconCopy, IconExclamationCircle } from 'twenty-ui/display'; +import { IconCopy, IconExclamationCircle } from 'twenty-ui/icon'; import { useContext } from 'react'; import { ThemeContext } from 'twenty-ui/theme-constants'; export const useCopyToClipboard = () => { diff --git a/packages/twenty-front/src/loading/components/UserOrMetadataLoader.tsx b/packages/twenty-front/src/loading/components/UserOrMetadataLoader.tsx index d44e944055..6b20e83a68 100644 --- a/packages/twenty-front/src/loading/components/UserOrMetadataLoader.tsx +++ b/packages/twenty-front/src/loading/components/UserOrMetadataLoader.tsx @@ -4,7 +4,7 @@ import { useShowAuthModal } from '@/ui/layout/hooks/useShowAuthModal'; import { RootStackingContextZIndices } from '@/ui/layout/constants/RootStackingContextZIndices'; import { NAVIGATION_DRAWER_CONSTRAINTS } from '@/ui/layout/resizable-panel/constants/NavigationDrawerConstraints'; import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; -import { ModalBackdrop } from 'twenty-ui/layout'; +import { ModalBackdrop } from 'twenty-ui/surfaces'; 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 b2de426f03..b32c950e63 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarDayCardContent.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarDayCardContent.tsx @@ -4,7 +4,7 @@ import { useContext } from 'react'; import { CalendarEventRow } from '@/activities/calendar/components/CalendarEventRow'; import { getCalendarEventStartDate } from '@/activities/calendar/utils/getCalendarEventStartDate'; -import { CardContent } from 'twenty-ui/layout'; +import { CardContent } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { type TimelineCalendarEvent } from '~/generated/graphql'; 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 f9b526bf06..91c279d371 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventDetails.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventDetails.tsx @@ -36,8 +36,8 @@ import { ChipAccent, ChipSize, ChipVariant, -} from 'twenty-ui/components'; -import { IconCalendarEvent } from 'twenty-ui/display'; +} from 'twenty-ui/data-display'; +import { IconCalendarEvent } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { beautifyPastDateRelativeToNow } from '~/utils/date-utils'; diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx index fc2b2f190e..4b8319c747 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { Trans } from '@lingui/react/macro'; import { useContext } from 'react'; -import { IconLock } from 'twenty-ui/display'; +import { IconLock } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsAvatarGroup.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsAvatarGroup.tsx index a8ff11d646..e409307367 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsAvatarGroup.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsAvatarGroup.tsx @@ -1,7 +1,7 @@ import { type CalendarEventParticipant } from '@/activities/calendar/types/CalendarEventParticipant'; import { isTimelineCalendarEventParticipant } from '@/activities/calendar/types/guards/IsTimelineCalendarEventParticipant'; import { isDefined } from 'twenty-shared/utils'; -import { Avatar, AvatarGroup } from 'twenty-ui/display'; +import { Avatar, AvatarGroup } from 'twenty-ui/data-display'; import { type TimelineCalendarEventParticipant } from '~/generated/graphql'; type CalendarEventParticipantsAvatarGroupProps = { diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsResponseStatusField.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsResponseStatusField.tsx index 4a1257785b..af999c5c23 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsResponseStatusField.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventParticipantsResponseStatusField.tsx @@ -6,7 +6,7 @@ import { PropertyBox } from '@/object-record/record-inline-cell/property-box/com import { ParticipantChip } from '@/activities/components/ParticipantChip'; import { EllipsisDisplay } from '@/ui/field/display/components/EllipsisDisplay'; import { ExpandableList } from '@/ui/layout/expandable-list/components/ExpandableList'; -import { IconCheck, IconQuestionMark, IconX } from 'twenty-ui/display'; +import { IconCheck, IconQuestionMark, IconX } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledInlineCellBaseContainer = styled.div` diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx index 66fcce2cef..aa6dcb7bf4 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx @@ -15,7 +15,7 @@ import { hasCalendarEventEnded } from '@/activities/calendar/utils/hasCalendarEv import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState'; import { useOpenCalendarEventInSidePanel } from '@/side-panel/hooks/useOpenCalendarEventInSidePanel'; import { useContext } from 'react'; -import { IconArrowRight } from 'twenty-ui/display'; +import { IconArrowRight } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; type CalendarEventRowProps = { diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventsCard.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventsCard.tsx index 349e44833b..c40a4b8e73 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventsCard.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventsCard.tsx @@ -15,7 +15,7 @@ import { SkeletonLoader } from '@/activities/components/SkeletonLoader'; import { useCustomResolver } from '@/activities/hooks/useCustomResolver'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { useTargetRecord } from '@/ui/layout/contexts/useTargetRecord'; -import { H3Title } from 'twenty-ui/display'; +import { H3Title } from 'twenty-ui/typography'; import { AnimatedPlaceholder, AnimatedPlaceholderEmptyContainer, @@ -23,8 +23,8 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, - Section, -} from 'twenty-ui/layout'; +} from 'twenty-ui/feedback'; +import { Section } 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 c443df565e..e169eebb0b 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarMonthCard.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarMonthCard.tsx @@ -2,7 +2,7 @@ import { useContext } from 'react'; import { CalendarDayCardContent } from '@/activities/calendar/components/CalendarDayCardContent'; import { CalendarContext } from '@/activities/calendar/contexts/CalendarContext'; -import { Card } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; type CalendarMonthCardProps = { dayTimes: number[]; diff --git a/packages/twenty-front/src/modules/activities/components/ActivityList.tsx b/packages/twenty-front/src/modules/activities/components/ActivityList.tsx index 59ff8a1211..89f228c245 100644 --- a/packages/twenty-front/src/modules/activities/components/ActivityList.tsx +++ b/packages/twenty-front/src/modules/activities/components/ActivityList.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { Card } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledListContainer = styled.div` diff --git a/packages/twenty-front/src/modules/activities/components/ActivityRow.tsx b/packages/twenty-front/src/modules/activities/components/ActivityRow.tsx index af3b20ee48..1cda1416f4 100644 --- a/packages/twenty-front/src/modules/activities/components/ActivityRow.tsx +++ b/packages/twenty-front/src/modules/activities/components/ActivityRow.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import React from 'react'; -import { CardContent } from 'twenty-ui/layout'; +import { CardContent } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledRowContentContainer = styled.div` diff --git a/packages/twenty-front/src/modules/activities/components/ParticipantChip.tsx b/packages/twenty-front/src/modules/activities/components/ParticipantChip.tsx index 4f69b35f44..aea29ca94f 100644 --- a/packages/twenty-front/src/modules/activities/components/ParticipantChip.tsx +++ b/packages/twenty-front/src/modules/activities/components/ParticipantChip.tsx @@ -4,7 +4,7 @@ import React from 'react'; import { getDisplayNameFromParticipant } from '@/activities/emails/utils/getDisplayNameFromParticipant'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { RecordChip } from '@/object-record/components/RecordChip'; -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledAvatarContainer = styled.span` diff --git a/packages/twenty-front/src/modules/activities/emails/components/ComposeEmailButton.tsx b/packages/twenty-front/src/modules/activities/emails/components/ComposeEmailButton.tsx index 10de2c5eed..4369f9a3a1 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/ComposeEmailButton.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/ComposeEmailButton.tsx @@ -1,5 +1,5 @@ import { useComposeEmailForTargetRecord } from '@/activities/emails/hooks/useComposeEmailForTargetRecord'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; export const ComposeEmailButton = () => { diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailAttachmentsField.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailAttachmentsField.tsx index 432f9af172..4aaec4a530 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailAttachmentsField.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailAttachmentsField.tsx @@ -3,7 +3,7 @@ import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; import { type EmailAttachment } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconUpload } from 'twenty-ui/display'; +import { IconUpload } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { useUploadEmailAttachment } from '@/activities/emails/hooks/useUploadEmailAttachment'; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailLoader.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailLoader.tsx index 2c465b3e31..57514ff6af 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailLoader.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailLoader.tsx @@ -4,8 +4,8 @@ import { AnimatedPlaceholderEmptyContainer, AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, -} from 'twenty-ui/layout'; -import { Loader } from 'twenty-ui/feedback'; + 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 771f075491..fd453c6a6a 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadBottomBar.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadBottomBar.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconArrowBackUp, IconUserCircle } from 'twenty-ui/display'; +import { IconArrowBackUp, IconUserCircle } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBody.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBody.tsx index 0bf2b32297..8d350c76e8 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBody.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBody.tsx @@ -2,7 +2,7 @@ import { styled } from '@linaria/react'; import { motion } from 'framer-motion'; import Linkify from 'linkify-react'; import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { AnimatedEaseInOut } from 'twenty-ui/utilities'; +import { AnimatedEaseInOut } from 'twenty-ui/layout'; const StyledThreadMessageBody = styled(motion.div)` color: ${themeCssVariables.font.color.primary}; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageReceivers.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageReceivers.tsx index 59a1b1830a..60b0e349d0 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageReceivers.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageReceivers.tsx @@ -2,7 +2,7 @@ import { styled } from '@linaria/react'; import { type EmailThreadMessageParticipant } from '@/activities/emails/types/EmailThreadMessageParticipant'; import { getDisplayNameFromParticipant } from '@/activities/emails/utils/getDisplayNameFromParticipant'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; type EmailThreadMessageReceiversProps = { diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx index 4831dc7743..b5650d8896 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx @@ -3,7 +3,7 @@ import { styled } from '@linaria/react'; import { ParticipantChip } from '@/activities/components/ParticipantChip'; import { type EmailThreadMessageParticipant } from '@/activities/emails/types/EmailThreadMessageParticipant'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { AppTooltip, TooltipPosition } from 'twenty-ui/display'; +import { AppTooltip, TooltipPosition } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { dateLocaleState } from '~/localization/states/dateLocaleState'; import { diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadNotShared.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadNotShared.tsx index 9d84f81eb1..100c38babe 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadNotShared.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadNotShared.tsx @@ -1,7 +1,8 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; -import { AppTooltip, IconLock, TooltipDelay } from 'twenty-ui/display'; +import { IconLock } from 'twenty-ui/icon'; +import { AppTooltip, TooltipDelay } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { MessageChannelVisibility } from '~/generated/graphql'; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadPreview.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadPreview.tsx index 3d501b161a..a681a87189 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadPreview.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadPreview.tsx @@ -7,7 +7,7 @@ import { useContext } from 'react'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { MessageChannelVisibility, diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailsCard.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailsCard.tsx index da83e035ce..46e0d6e9be 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailsCard.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailsCard.tsx @@ -14,7 +14,7 @@ import { useCustomResolver } from '@/activities/hooks/useCustomResolver'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { useTargetRecord } from '@/ui/layout/contexts/useTargetRecord'; import { Trans } from '@lingui/react/macro'; -import { H1Title, H1TitleFontColor } from 'twenty-ui/display'; +import { H1Title, H1TitleFontColor } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmptyInboxPlaceholder.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmptyInboxPlaceholder.tsx index 73c21407be..2224ec8351 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmptyInboxPlaceholder.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmptyInboxPlaceholder.tsx @@ -1,6 +1,6 @@ import { useComposeEmailForTargetRecord } from '@/activities/emails/hooks/useComposeEmailForTargetRecord'; import { Trans, useLingui } from '@lingui/react/macro'; -import { IconMail } from 'twenty-ui/display'; +import { IconMail } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { AnimatedPlaceholder, @@ -9,7 +9,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui/feedback'; 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 0f44f6033a..01c684cce8 100644 --- a/packages/twenty-front/src/modules/activities/files/components/AttachmentDropdown.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/AttachmentDropdown.tsx @@ -9,7 +9,7 @@ import { IconDownload, IconPencil, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/activities/files/components/AttachmentList.tsx b/packages/twenty-front/src/modules/activities/files/components/AttachmentList.tsx index 4b37629473..8919828c8d 100644 --- a/packages/twenty-front/src/modules/activities/files/components/AttachmentList.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/AttachmentList.tsx @@ -11,7 +11,7 @@ import { type ActivityTargetableObject } from '@/activities/types/ActivityTarget import { isAttachmentPreviewEnabledState } from '@/client-config/states/isAttachmentPreviewEnabledState'; import { ModalStatefulWrapper } from '@/ui/layout/modal/components/ModalStatefulWrapper'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { ModalContent, ModalHeader } from 'twenty-ui/layout'; +import { ModalContent, ModalHeader } from 'twenty-ui/surfaces'; import { ActivityList } from '@/activities/components/ActivityList'; import { @@ -23,7 +23,7 @@ import { useHasPermissionFlag } from '@/settings/roles/hooks/useHasPermissionFla import { useModal } from '@/ui/layout/modal/hooks/useModal'; import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper'; import { isDefined } from 'twenty-shared/utils'; -import { IconDownload, IconX } from 'twenty-ui/display'; +import { IconDownload, IconX } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { PermissionFlagType } from '~/generated-metadata/graphql'; 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 8f525fd420..21c87e416b 100644 --- a/packages/twenty-front/src/modules/activities/files/components/AttachmentRow.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/AttachmentRow.tsx @@ -17,7 +17,8 @@ import { type AttachmentWithFile } from '@/activities/files/utils/filterAttachme import { FileIcon } from '@/file/components/FileIcon'; import { useHasPermissionFlag } from '@/settings/roles/hooks/useHasPermissionFlag'; import { CoreObjectNameSingular } from 'twenty-shared/types'; -import { IconCalendar, OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { IconCalendar } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { isNavigationModifierPressed } from 'twenty-ui/utilities'; import { PermissionFlagType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/activities/files/components/DocumentViewer.tsx b/packages/twenty-front/src/modules/activities/files/components/DocumentViewer.tsx index 4d7e062890..72c659c998 100644 --- a/packages/twenty-front/src/modules/activities/files/components/DocumentViewer.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/DocumentViewer.tsx @@ -11,7 +11,7 @@ import { styled } from '@linaria/react'; import { Trans, useLingui } from '@lingui/react/macro'; import { useContext, useEffect, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconDownload } from 'twenty-ui/display'; +import { IconDownload } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { getFileNameAndExtension } from '~/utils/file/getFileNameAndExtension'; diff --git a/packages/twenty-front/src/modules/activities/files/components/DropZone.tsx b/packages/twenty-front/src/modules/activities/files/components/DropZone.tsx index c514b3b45c..316328d887 100644 --- a/packages/twenty-front/src/modules/activities/files/components/DropZone.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/DropZone.tsx @@ -4,7 +4,7 @@ import { useContext } from 'react'; import { useDropzone } from 'react-dropzone'; import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal'; -import { IconUpload } from 'twenty-ui/display'; +import { IconUpload } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/activities/files/components/FilesCard.tsx b/packages/twenty-front/src/modules/activities/files/components/FilesCard.tsx index 8e805dba3c..0ece6b0dd4 100644 --- a/packages/twenty-front/src/modules/activities/files/components/FilesCard.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/FilesCard.tsx @@ -12,7 +12,7 @@ import { useHasPermissionFlag } from '@/settings/roles/hooks/useHasPermissionFla import { useTargetRecord } from '@/ui/layout/contexts/useTargetRecord'; import { Trans, useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { AnimatedPlaceholder, @@ -21,7 +21,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui/feedback'; import { PermissionFlagType } from '~/generated-metadata/graphql'; const StyledAttachmentsContainer = styled.div` diff --git a/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx b/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx index 239d3ce435..b7aee545a8 100644 --- a/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx +++ b/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx @@ -16,7 +16,7 @@ import { RecordInlineCellContext } from '@/object-record/record-inline-cell/comp import { RecordInlineCellEditMode } from '@/object-record/record-inline-cell/components/RecordInlineCellEditMode'; import { MultipleRecordPicker } from '@/object-record/record-picker/multiple-record-picker/components/MultipleRecordPicker'; import { useGoBackToPreviousDropdownFocusId } from '@/ui/layout/dropdown/hooks/useGoBackToPreviousDropdownFocusId'; -import { IconArrowUpRight, IconPencil } from 'twenty-ui/display'; +import { IconArrowUpRight, IconPencil } from 'twenty-ui/icon'; type ActivityTargetsInlineCellProps = { activityRecordId: string; diff --git a/packages/twenty-front/src/modules/activities/notes/components/NotesCard.tsx b/packages/twenty-front/src/modules/activities/notes/components/NotesCard.tsx index 7f6883eb12..ecaf1c1822 100644 --- a/packages/twenty-front/src/modules/activities/notes/components/NotesCard.tsx +++ b/packages/twenty-front/src/modules/activities/notes/components/NotesCard.tsx @@ -9,7 +9,7 @@ import { useObjectPermissionsForObject } from '@/object-record/hooks/useObjectPe import { useTargetRecord } from '@/ui/layout/contexts/useTargetRecord'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { AnimatedPlaceholder, @@ -18,7 +18,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui/feedback'; const StyledNotesContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/activities/tasks/components/AddTaskButton.tsx b/packages/twenty-front/src/modules/activities/tasks/components/AddTaskButton.tsx index c99356bcbb..b86b8c8909 100644 --- a/packages/twenty-front/src/modules/activities/tasks/components/AddTaskButton.tsx +++ b/packages/twenty-front/src/modules/activities/tasks/components/AddTaskButton.tsx @@ -4,7 +4,7 @@ import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadata import { CoreObjectNameSingular } from 'twenty-shared/types'; import { useObjectPermissionsForObject } from '@/object-record/hooks/useObjectPermissionsForObject'; import { t } from '@lingui/core/macro'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; export const AddTaskButton = ({ diff --git a/packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx b/packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx index f40280b3d1..caeb6b3abc 100644 --- a/packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx +++ b/packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx @@ -12,7 +12,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { t } from '@lingui/core/macro'; import groupBy from 'lodash.groupby'; import { CoreObjectNameSingular } from 'twenty-shared/types'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { AnimatedPlaceholder, @@ -21,7 +21,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui/feedback'; import { AddTaskButton } from './AddTaskButton'; import { TaskList } from './TaskList'; diff --git a/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx b/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx index 3d8a9a33a2..2439af787e 100644 --- a/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx +++ b/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx @@ -14,7 +14,8 @@ import { StopPropagationContainer } from '@/object-record/record-board/record-bo import { RecordFieldsScopeContextProvider } from '@/object-record/record-field-list/contexts/RecordFieldsScopeContext'; import { FieldContextProvider } from '@/object-record/record-field/ui/components/FieldContextProvider'; import { useContext } from 'react'; -import { IconCalendar, OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { IconCalendar } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { Checkbox, CheckboxShape } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { useCompleteTask } from '@/activities/tasks/hooks/useCompleteTask'; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/components/TimelineCard.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/components/TimelineCard.tsx index 00a6ff56b6..d2a5bc8314 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,7 +14,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui/feedback'; import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledMainContainer = styled.div` diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/activity/components/EventRowActivity.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/activity/components/EventRowActivity.tsx index 697aa33d82..38408aa09d 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,7 +8,7 @@ import { useOpenRecordInSidePanel } from '@/side-panel/hooks/useOpenRecordInSide import { type CoreObjectNameSingular } from 'twenty-shared/types'; import { useGetRecordFromCache } from '@/object-record/cache/hooks/useGetRecordFromCache'; import { isNonEmptyString } from '@sniptt/guards'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; type EventRowActivityProps = EventRowDynamicComponentProps; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventCardToggleButton.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventCardToggleButton.tsx index 4c3ce89b04..702f8ef75e 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,6 +1,6 @@ import { styled } from '@linaria/react'; import { IconButton } from 'twenty-ui/input'; -import { IconChevronDown, IconChevronUp } from 'twenty-ui/display'; +import { IconChevronDown, IconChevronUp } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; type EventCardToggleButtonProps = { diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventIconDynamicComponent.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventIconDynamicComponent.tsx index ba60995bdd..326f93de2b 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventIconDynamicComponent.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventIconDynamicComponent.tsx @@ -6,7 +6,7 @@ import { IconEditCircle, IconRestore, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export const EventIconDynamicComponent = ({ event, diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventFieldDiffLabel.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventFieldDiffLabel.tsx index 720e1260df..2e1751c03f 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,7 +1,7 @@ import { styled } from '@linaria/react'; import { type FieldMetadataItem } from '@/object-metadata/types/FieldMetadataItem'; -import { Icon123, useIcons } from 'twenty-ui/display'; +import { Icon123, useIcons } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; type EventFieldDiffLabelProps = { diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventRelationFieldDiffValues.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/main-object/components/EventRelationFieldDiffValues.tsx index c3df7802f1..0f8396ff97 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,7 +8,7 @@ import { getObjectRecordIdentifier } from '@/object-metadata/utils/getObjectReco import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords'; import { Trans, useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { AppTooltip, TooltipDelay, TooltipPosition } from 'twenty-ui/display'; +import { AppTooltip, TooltipDelay, TooltipPosition } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; type EventRelationFieldDiffValuesProps = { diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessage.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessage.tsx index 83ad33fae7..699a9a60d8 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,7 +10,7 @@ import { Trans, useLingui } from '@lingui/react/macro'; import { FIELD_RESTRICTED_ADDITIONAL_PERMISSIONS_REQUIRED } from 'twenty-shared/constants'; import { CombinedGraphQLErrors } from '@apollo/client/errors'; import { isDefined } from 'twenty-shared/utils'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledEventCardMessageContainer = styled.div<{ canOpen?: boolean }>` diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessageBodyNotShared.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessageBodyNotShared.tsx index b2c2309f7a..c33753f30f 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,6 +1,6 @@ import { styled } from '@linaria/react'; import { Trans } from '@lingui/react/macro'; -import { IconLock } from 'twenty-ui/display'; +import { IconLock } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledEmailBodyNotSharedContainer = styled.div` diff --git a/packages/twenty-front/src/modules/advanced-text-editor/components/BubbleMenuIconButton.tsx b/packages/twenty-front/src/modules/advanced-text-editor/components/BubbleMenuIconButton.tsx index 0c1c229146..33e59bf917 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,6 +1,6 @@ import { styled } from '@linaria/react'; import React from 'react'; -import type { IconComponent } from 'twenty-ui/display'; +import type { IconComponent } from 'twenty-ui/icon'; import { FloatingIconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/advanced-text-editor/components/EditLinkPopover.tsx b/packages/twenty-front/src/modules/advanced-text-editor/components/EditLinkPopover.tsx index c1c1b71b99..65cc3e7b10 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/components/EditLinkPopover.tsx +++ b/packages/twenty-front/src/modules/advanced-text-editor/components/EditLinkPopover.tsx @@ -9,7 +9,7 @@ import { isNonEmptyString } from '@sniptt/guards'; import { type Editor } from '@tiptap/core'; import { useId, useState, type FocusEvent, type FormEvent } from 'react'; import { getSafeUrl, isDefined } from 'twenty-shared/utils'; -import { IconLink, IconPencil } from 'twenty-ui/display'; +import { IconLink, IconPencil } from 'twenty-ui/icon'; type EditLinkPopoverProps = { defaultValue: string | undefined; diff --git a/packages/twenty-front/src/modules/advanced-text-editor/components/ImageBubbleMenu.tsx b/packages/twenty-front/src/modules/advanced-text-editor/components/ImageBubbleMenu.tsx index de389a1184..0009c1fc1e 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/components/ImageBubbleMenu.tsx +++ b/packages/twenty-front/src/modules/advanced-text-editor/components/ImageBubbleMenu.tsx @@ -8,7 +8,7 @@ import { IconAlignLeft, IconAlignRight, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; type ImageBubbleMenuProps = { editor: Editor; diff --git a/packages/twenty-front/src/modules/advanced-text-editor/components/LinkBubbleMenu.tsx b/packages/twenty-front/src/modules/advanced-text-editor/components/LinkBubbleMenu.tsx index 9a9f531128..8693093036 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/components/LinkBubbleMenu.tsx +++ b/packages/twenty-front/src/modules/advanced-text-editor/components/LinkBubbleMenu.tsx @@ -4,7 +4,7 @@ import { StyledBubbleMenuContainer } from '@/advanced-text-editor/components/Tex import { type Editor } from '@tiptap/core'; import { useEditorState } from '@tiptap/react'; import { BubbleMenu } from '@tiptap/react/menus'; -import { IconExternalLink, IconLinkOff } from 'twenty-ui/display'; +import { IconExternalLink, IconLinkOff } from 'twenty-ui/icon'; import { getSafeUrl } from 'twenty-shared/utils'; type LinkBubbleMenuProps = { diff --git a/packages/twenty-front/src/modules/advanced-text-editor/components/TextBubbleMenu.tsx b/packages/twenty-front/src/modules/advanced-text-editor/components/TextBubbleMenu.tsx index e7e87cbe71..94c1232cd0 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,7 +13,7 @@ import { IconListNumbers, IconStrikethrough, IconUnderline, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; export const StyledBubbleMenuContainer = styled.div` diff --git a/packages/twenty-front/src/modules/advanced-text-editor/components/TurnIntoBlockDropdown.tsx b/packages/twenty-front/src/modules/advanced-text-editor/components/TurnIntoBlockDropdown.tsx index 1ce9d6dc16..3855e7cf75 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,7 +7,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { type Editor } from '@tiptap/react'; import { useContext, useId } from 'react'; -import { IconPilcrow } from 'twenty-ui/display'; +import { IconPilcrow } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; 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 663c4d1cf5..95bf4356c3 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,7 +11,7 @@ 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/display'; +import { IconUpload } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; type WorkflowSendEmailAttachmentsProps = { diff --git a/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/DefaultSlashCommands.ts b/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/DefaultSlashCommands.ts index 3f56470cd1..10184100be 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/DefaultSlashCommands.ts +++ b/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/DefaultSlashCommands.ts @@ -9,7 +9,7 @@ import { IconList, IconListNumbers, IconPilcrow, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export type SlashCommandConfig = { id: string; diff --git a/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/SlashCommand.ts b/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/SlashCommand.ts index 2e6d9fa87a..b6745454d0 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/SlashCommand.ts +++ b/packages/twenty-front/src/modules/advanced-text-editor/extensions/slash-command/SlashCommand.ts @@ -1,7 +1,7 @@ import { i18n } from '@lingui/core'; import { Extension, type Editor, type Range } from '@tiptap/core'; import Suggestion, { type SuggestionOptions } from '@tiptap/suggestion'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { DEFAULT_SLASH_COMMANDS, diff --git a/packages/twenty-front/src/modules/advanced-text-editor/hooks/useTurnIntoBlockOptions.ts b/packages/twenty-front/src/modules/advanced-text-editor/hooks/useTurnIntoBlockOptions.ts index 19319458a2..04b0a83b91 100644 --- a/packages/twenty-front/src/modules/advanced-text-editor/hooks/useTurnIntoBlockOptions.ts +++ b/packages/twenty-front/src/modules/advanced-text-editor/hooks/useTurnIntoBlockOptions.ts @@ -6,7 +6,7 @@ import { IconH2, IconH3, IconPilcrow, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export type TurnIntoBlockOptions = { title: string; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatApiKeyNotConfiguredMessage.tsx b/packages/twenty-front/src/modules/ai/components/AiChatApiKeyNotConfiguredMessage.tsx index 488db26e0a..ecab59509f 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatApiKeyNotConfiguredMessage.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatApiKeyNotConfiguredMessage.tsx @@ -4,7 +4,7 @@ import { getDocumentationUrl } from '@/support/utils/getDocumentationUrl'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { t } from '@lingui/core/macro'; import { DOCUMENTATION_PATHS } from 'twenty-shared/constants'; -import { IconExternalLink } from 'twenty-ui/display'; +import { IconExternalLink } from 'twenty-ui/icon'; 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 f348b0ce43..246d7c0260 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatAssistantMessageRenderer.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatAssistantMessageRenderer.tsx @@ -2,7 +2,7 @@ import { AiChatCompactionIndicator } from '@/ai/components/AiChatCompactionIndic import { CodeExecutionDisplay } from '@/ai/components/CodeExecutionDisplay'; import { RoutingStatusDisplay } from '@/ai/components/RoutingStatusDisplay'; import { ThinkingStepsDisplay } from '@/ai/components/ThinkingStepsDisplay'; -import { IconDotsVertical } from 'twenty-ui/display'; +import { IconDotsVertical } from 'twenty-ui/icon'; import { LazyMarkdownRenderer } from '@/ai/components/LazyMarkdownRenderer'; import { ToolStepRenderer } from '@/ai/components/ToolStepRenderer'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatBanner.tsx b/packages/twenty-front/src/modules/ai/components/AiChatBanner.tsx index fbf6baa505..cc15e247c5 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatBanner.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatBanner.tsx @@ -1,11 +1,11 @@ import { styled } from '@linaria/react'; import { isDefined } from 'twenty-shared/utils'; import { - AppTooltip, type IconComponent, IconAlertTriangle, IconInfoCircle, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { AppTooltip } from 'twenty-ui/surfaces'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatCompactionIndicator.tsx b/packages/twenty-front/src/modules/ai/components/AiChatCompactionIndicator.tsx index 1d6b159ba1..4926a4a2e8 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatCompactionIndicator.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatCompactionIndicator.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconTransform } from 'twenty-ui/display'; +import { IconTransform } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledIndicatorContainer = styled.div` diff --git a/packages/twenty-front/src/modules/ai/components/AiChatErrorMessage.tsx b/packages/twenty-front/src/modules/ai/components/AiChatErrorMessage.tsx index ff23176e97..8304eb9428 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatErrorMessage.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatErrorMessage.tsx @@ -1,7 +1,7 @@ import { CombinedGraphQLErrors } from '@apollo/client/errors'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconAlertCircle } from 'twenty-ui/display'; +import { IconAlertCircle } from 'twenty-ui/icon'; import { useContext } from 'react'; import { type AiChatError } from '@/ai/types/AiChatError'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatQueuedMessages.tsx b/packages/twenty-front/src/modules/ai/components/AiChatQueuedMessages.tsx index 87e08f8fe9..168177a8c9 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatQueuedMessages.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatQueuedMessages.tsx @@ -6,7 +6,7 @@ import { useDeleteQueuedMessage } from '@/ai/hooks/useDeleteQueuedMessage'; import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { isDefined } from 'twenty-shared/utils'; -import { IconX } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatScrollToBottomButton.tsx b/packages/twenty-front/src/modules/ai/components/AiChatScrollToBottomButton.tsx index 269299c29b..6345373c7b 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatScrollToBottomButton.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatScrollToBottomButton.tsx @@ -2,7 +2,7 @@ import { agentChatIsScrolledToBottomSelector } from '@/ai/states/selectors/agent import { scrollAiChatToBottom } from '@/ai/utils/scrollAiChatToBottom'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { styled } from '@linaria/react'; -import { IconArrowDown } from 'twenty-ui/display'; +import { IconArrowDown } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledScrollToBottomButton = styled.button<{ isVisible: boolean }>` diff --git a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdown.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdown.tsx index 0ffe7bb134..5436b63b5c 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdown.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdown.tsx @@ -1,6 +1,6 @@ import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; -import { IconAdjustments } from 'twenty-ui/display'; +import { IconAdjustments } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { AiChatThreadFilterDropdownContent } from '@/ai/components/AiChatThreadFilterDropdownContent'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownGroupByMenu.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownGroupByMenu.tsx index 142d02224d..d78c0a8907 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownGroupByMenu.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownGroupByMenu.tsx @@ -1,5 +1,5 @@ import { useLingui } from '@lingui/react/macro'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { AGENT_CHAT_THREAD_GROUP_BY } from '@/ai/constants/AgentChatThreadGroupBy'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownLastActivityMenu.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownLastActivityMenu.tsx index fb8fa22b68..9c3f826159 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownLastActivityMenu.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownLastActivityMenu.tsx @@ -1,5 +1,5 @@ import { useLingui } from '@lingui/react/macro'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { AGENT_CHAT_THREAD_LAST_ACTIVITY_FILTER } from '@/ai/constants/AgentChatThreadLastActivityFilter'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownRootMenu.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownRootMenu.tsx index b5ee6965c6..3ce5d4a2d4 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownRootMenu.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownRootMenu.tsx @@ -4,7 +4,7 @@ import { IconLayoutList, IconStatusChange, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; 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/AiChatThreadFilterDropdownStatusMenu.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownStatusMenu.tsx index 05c1b91d44..eae0d2f62d 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownStatusMenu.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadFilterDropdownStatusMenu.tsx @@ -1,5 +1,5 @@ import { useLingui } from '@lingui/react/macro'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { AGENT_CHAT_THREAD_FILTER_STATUS } from '@/ai/constants/AgentChatThreadFilterStatus'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatThreadItemMenu.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadItemMenu.tsx index c0595d37fd..57deabb66e 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadItemMenu.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadItemMenu.tsx @@ -5,7 +5,7 @@ import { IconDotsVertical, IconPencil, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/ai/components/AiChatThreadListItem.tsx b/packages/twenty-front/src/modules/ai/components/AiChatThreadListItem.tsx index 9d4b743c61..c8bb174ea8 100644 --- a/packages/twenty-front/src/modules/ai/components/AiChatThreadListItem.tsx +++ b/packages/twenty-front/src/modules/ai/components/AiChatThreadListItem.tsx @@ -2,7 +2,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; import { Key } from 'ts-key-enum'; -import { IconArchive, IconSparkles } from 'twenty-ui/display'; +import { IconArchive, IconSparkles } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { AiChatThreadItemMenu } from '@/ai/components/AiChatThreadItemMenu'; diff --git a/packages/twenty-front/src/modules/ai/components/CodeExecutionDisplay.tsx b/packages/twenty-front/src/modules/ai/components/CodeExecutionDisplay.tsx index 08a61615cd..4936cb4e62 100644 --- a/packages/twenty-front/src/modules/ai/components/CodeExecutionDisplay.tsx +++ b/packages/twenty-front/src/modules/ai/components/CodeExecutionDisplay.tsx @@ -12,7 +12,7 @@ import { IconPlayerPlay, IconSquareRoundedCheck, IconSquareRoundedX, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { CodeEditor, LightIconButton } from 'twenty-ui/input'; import { AnimatedExpandableContainer } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatThreadItem.tsx b/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatThreadItem.tsx index 3e40b9dec1..7e0b23a5fc 100644 --- a/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatThreadItem.tsx +++ b/packages/twenty-front/src/modules/ai/components/NavigationDrawerAiChatThreadItem.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconArchive, IconComment } from 'twenty-ui/display'; +import { IconArchive, IconComment } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { AiChatThreadItemMenu } from '@/ai/components/AiChatThreadItemMenu'; diff --git a/packages/twenty-front/src/modules/ai/components/ReasoningSummaryDisplay.tsx b/packages/twenty-front/src/modules/ai/components/ReasoningSummaryDisplay.tsx index f735b9a3ad..868406f191 100644 --- a/packages/twenty-front/src/modules/ai/components/ReasoningSummaryDisplay.tsx +++ b/packages/twenty-front/src/modules/ai/components/ReasoningSummaryDisplay.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; -import { IconBrain, IconChevronDown, IconChevronUp } from 'twenty-ui/display'; +import { IconBrain, IconChevronDown, IconChevronUp } from 'twenty-ui/icon'; import { AnimatedExpandableContainer } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ai/components/RecordLink.tsx b/packages/twenty-front/src/modules/ai/components/RecordLink.tsx index d40a0727d2..27d585c7de 100644 --- a/packages/twenty-front/src/modules/ai/components/RecordLink.tsx +++ b/packages/twenty-front/src/modules/ai/components/RecordLink.tsx @@ -3,7 +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/components'; +import { AvatarOrIcon, ChipVariant, LinkChip } from 'twenty-ui/data-display'; type RecordLinkProps = { objectNameSingular: string; diff --git a/packages/twenty-front/src/modules/ai/components/RoutingDebugDisplay.tsx b/packages/twenty-front/src/modules/ai/components/RoutingDebugDisplay.tsx index 54abfe14ad..274fff8240 100644 --- a/packages/twenty-front/src/modules/ai/components/RoutingDebugDisplay.tsx +++ b/packages/twenty-front/src/modules/ai/components/RoutingDebugDisplay.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; -import { IconChevronDown, IconChevronUp } from 'twenty-ui/display'; +import { IconChevronDown, IconChevronUp } from 'twenty-ui/icon'; import { JsonTree } from 'twenty-ui/json-visualizer'; import { AnimatedExpandableContainer } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ai/components/RoutingStatusDisplay.tsx b/packages/twenty-front/src/modules/ai/components/RoutingStatusDisplay.tsx index d609e732d3..72038d17fc 100644 --- a/packages/twenty-front/src/modules/ai/components/RoutingStatusDisplay.tsx +++ b/packages/twenty-front/src/modules/ai/components/RoutingStatusDisplay.tsx @@ -4,7 +4,7 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; import { type DataMessagePart } from 'twenty-shared/ai'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronDown, IconChevronUp, IconCpu } from 'twenty-ui/display'; +import { IconChevronDown, IconChevronUp, IconCpu } from 'twenty-ui/icon'; import { AnimatedExpandableContainer } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ai/components/SettingsAgentModelCapabilities.tsx b/packages/twenty-front/src/modules/ai/components/SettingsAgentModelCapabilities.tsx index 4f62aa2e27..00b8c0d1b0 100644 --- a/packages/twenty-front/src/modules/ai/components/SettingsAgentModelCapabilities.tsx +++ b/packages/twenty-front/src/modules/ai/components/SettingsAgentModelCapabilities.tsx @@ -5,7 +5,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconBrandX, IconWorld } from 'twenty-ui/display'; +import { IconBrandX, IconWorld } from 'twenty-ui/icon'; import { Checkbox } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ai/components/TerminalOutput.tsx b/packages/twenty-front/src/modules/ai/components/TerminalOutput.tsx index c8fdd035ae..414d498901 100644 --- a/packages/twenty-front/src/modules/ai/components/TerminalOutput.tsx +++ b/packages/twenty-front/src/modules/ai/components/TerminalOutput.tsx @@ -2,7 +2,7 @@ import { MONOSPACE_FONT_FAMILY } from '@/ui/theme/constants/MonospaceFontFamily' import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; -import { IconCopy, IconTerminal } from 'twenty-ui/display'; +import { IconCopy, IconTerminal } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; diff --git a/packages/twenty-front/src/modules/ai/components/ThinkingStepsDisplay.tsx b/packages/twenty-front/src/modules/ai/components/ThinkingStepsDisplay.tsx index d077c17f1c..ee7e3efcb3 100644 --- a/packages/twenty-front/src/modules/ai/components/ThinkingStepsDisplay.tsx +++ b/packages/twenty-front/src/modules/ai/components/ThinkingStepsDisplay.tsx @@ -6,10 +6,9 @@ import { isDefined } from 'twenty-shared/utils'; import { IconChevronRight, IconCpu, - OverflowingTextWithTooltip, ThinkingOrbitLoaderIcon, - TooltipDelay, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip, TooltipDelay } from 'twenty-ui/surfaces'; import { JsonTree } from 'twenty-ui/json-visualizer'; import { AnimatedExpandableContainer } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ai/components/ToolStepRenderer.tsx b/packages/twenty-front/src/modules/ai/components/ToolStepRenderer.tsx index d1a0e989be..f2869bbf31 100644 --- a/packages/twenty-front/src/modules/ai/components/ToolStepRenderer.tsx +++ b/packages/twenty-front/src/modules/ai/components/ToolStepRenderer.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; -import { IconChevronDown, IconChevronUp } from 'twenty-ui/display'; +import { IconChevronDown, IconChevronUp } from 'twenty-ui/icon'; import { JsonTree } from 'twenty-ui/json-visualizer'; import { AnimatedExpandableContainer } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ai/components/internal/AgentChatFilePreview.tsx b/packages/twenty-front/src/modules/ai/components/internal/AgentChatFilePreview.tsx index df563e032f..3787184f53 100644 --- a/packages/twenty-front/src/modules/ai/components/internal/AgentChatFilePreview.tsx +++ b/packages/twenty-front/src/modules/ai/components/internal/AgentChatFilePreview.tsx @@ -10,8 +10,8 @@ import { t } from '@lingui/core/macro'; import { useCallback, useContext } from 'react'; import { type ExtendedFileUIPart } from 'twenty-shared/ai'; import { isDefined } from 'twenty-shared/utils'; -import { AvatarOrIcon, Chip, ChipVariant } from 'twenty-ui/components'; -import { type IconComponent, IconX } from 'twenty-ui/display'; +import { AvatarOrIcon, Chip, ChipVariant } from 'twenty-ui/data-display'; +import { type IconComponent, IconX } from 'twenty-ui/icon'; import { Loader } from 'twenty-ui/feedback'; import { ThemeContext } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ai/components/internal/AgentChatFileUploadButton.tsx b/packages/twenty-front/src/modules/ai/components/internal/AgentChatFileUploadButton.tsx index 6d894b3d86..93c89ef28f 100644 --- a/packages/twenty-front/src/modules/ai/components/internal/AgentChatFileUploadButton.tsx +++ b/packages/twenty-front/src/modules/ai/components/internal/AgentChatFileUploadButton.tsx @@ -4,7 +4,7 @@ import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomStat import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import React, { useRef } from 'react'; -import { IconPaperclip } from 'twenty-ui/display'; +import { IconPaperclip } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ai/components/internal/AiChatContextUsageButton.tsx b/packages/twenty-front/src/modules/ai/components/internal/AiChatContextUsageButton.tsx index f9d9bda623..8739a64008 100644 --- a/packages/twenty-front/src/modules/ai/components/internal/AiChatContextUsageButton.tsx +++ b/packages/twenty-front/src/modules/ai/components/internal/AiChatContextUsageButton.tsx @@ -3,7 +3,7 @@ import { t } from '@lingui/core/macro'; import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { HorizontalSeparator } from 'twenty-ui/display'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { ProgressBar } from 'twenty-ui/feedback'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ai/components/internal/SendMessageButton.tsx b/packages/twenty-front/src/modules/ai/components/internal/SendMessageButton.tsx index 00c00f9d42..31f4d016e0 100644 --- a/packages/twenty-front/src/modules/ai/components/internal/SendMessageButton.tsx +++ b/packages/twenty-front/src/modules/ai/components/internal/SendMessageButton.tsx @@ -6,7 +6,7 @@ import { currentAiChatThreadState } from '@/ai/states/currentAiChatThreadState'; import { dispatchBrowserEvent } from '@/browser-event/utils/dispatchBrowserEvent'; import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { IconArrowUp, IconPlayerStop } from 'twenty-ui/display'; +import { IconArrowUp, IconPlayerStop } from 'twenty-ui/icon'; import { RoundedIconButton } from 'twenty-ui/input'; type SendMessageButtonProps = { 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 db06d80694..02a2802a87 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/display'; +} from 'twenty-ui/icon'; export type SuggestedPrompt = { id: string; diff --git a/packages/twenty-front/src/modules/ai/constants/OutputFieldTypeOptions.ts b/packages/twenty-front/src/modules/ai/constants/OutputFieldTypeOptions.ts index 266a9f5db8..facbbbdcdf 100644 --- a/packages/twenty-front/src/modules/ai/constants/OutputFieldTypeOptions.ts +++ b/packages/twenty-front/src/modules/ai/constants/OutputFieldTypeOptions.ts @@ -4,7 +4,7 @@ import { IllustrationIconNumbers, IllustrationIconText, IllustrationIconToggle, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export interface OutputSchemaField { id: string; diff --git a/packages/twenty-front/src/modules/ai/utils/getToolIcon.ts b/packages/twenty-front/src/modules/ai/utils/getToolIcon.ts index 9c968c76a4..8ab5d925f8 100644 --- a/packages/twenty-front/src/modules/ai/utils/getToolIcon.ts +++ b/packages/twenty-front/src/modules/ai/utils/getToolIcon.ts @@ -4,7 +4,7 @@ import { IconMail, IconTool, IconWorld, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; 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 33d921cba0..9bd2012bf2 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/display'; +import { IconsProvider } from 'twenty-ui/icon'; import { initialI18nActivate } from '~/utils/i18n/initialI18nActivate'; initialI18nActivate(); diff --git a/packages/twenty-front/src/modules/applications/components/AppChip.tsx b/packages/twenty-front/src/modules/applications/components/AppChip.tsx index e0a8d5dd90..b51a1cef87 100644 --- a/packages/twenty-front/src/modules/applications/components/AppChip.tsx +++ b/packages/twenty-front/src/modules/applications/components/AppChip.tsx @@ -1,10 +1,7 @@ import { useApplicationChipData } from '@/applications/hooks/useApplicationChipData'; import { styled } from '@linaria/react'; -import { - Avatar, - type AvatarSize, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +import { Avatar, type AvatarSize } from 'twenty-ui/data-display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; type AppChipProps = { diff --git a/packages/twenty-front/src/modules/applications/components/AppConnectionHeader.tsx b/packages/twenty-front/src/modules/applications/components/AppConnectionHeader.tsx index 9ec5093f78..8a10a5458e 100644 --- a/packages/twenty-front/src/modules/applications/components/AppConnectionHeader.tsx +++ b/packages/twenty-front/src/modules/applications/components/AppConnectionHeader.tsx @@ -1,7 +1,8 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; import { isNonEmptyString } from '@sniptt/guards'; -import { Avatar, IconRefresh } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; +import { IconRefresh } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; type AppConnectionHeaderProps = { diff --git a/packages/twenty-front/src/modules/auth/components/Logo.tsx b/packages/twenty-front/src/modules/auth/components/Logo.tsx index 0a4dc0990c..20e7c9755f 100644 --- a/packages/twenty-front/src/modules/auth/components/Logo.tsx +++ b/packages/twenty-front/src/modules/auth/components/Logo.tsx @@ -2,7 +2,7 @@ import { styled } from '@linaria/react'; import { isNonEmptyString } from '@sniptt/guards'; import { AppPath } from 'twenty-shared/types'; import { getImageAbsoluteURI, isDefined } from 'twenty-shared/utils'; -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { UndecoratedLink } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { REACT_APP_SERVER_BASE_URL } from '~/config'; diff --git a/packages/twenty-front/src/modules/auth/components/Title.tsx b/packages/twenty-front/src/modules/auth/components/Title.tsx index ec822356d8..7a85e3eec8 100644 --- a/packages/twenty-front/src/modules/auth/components/Title.tsx +++ b/packages/twenty-front/src/modules/auth/components/Title.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import React from 'react'; import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { AnimatedEaseIn } from 'twenty-ui/utilities'; +import { AnimatedEaseIn } from 'twenty-ui/layout'; type TitleProps = React.PropsWithChildren & { animate?: boolean; diff --git a/packages/twenty-front/src/modules/auth/components/VerifyEmailEffect.tsx b/packages/twenty-front/src/modules/auth/components/VerifyEmailEffect.tsx index f6832f7d0a..58656698c4 100644 --- a/packages/twenty-front/src/modules/auth/components/VerifyEmailEffect.tsx +++ b/packages/twenty-front/src/modules/auth/components/VerifyEmailEffect.tsx @@ -8,7 +8,7 @@ import { useVerifyLogin } from '@/auth/hooks/useVerifyLogin'; import { clientConfigApiStatusState } from '@/client-config/states/clientConfigApiStatusState'; import { useIsCurrentLocationOnAWorkspace } from '@/domain-manager/hooks/useIsCurrentLocationOnAWorkspace'; import { useRedirectToWorkspaceDomain } from '@/domain-manager/hooks/useRedirectToWorkspaceDomain'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; 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__/VerifyEmailEffect.stories.tsx b/packages/twenty-front/src/modules/auth/components/__stories__/VerifyEmailEffect.stories.tsx index b1f9f3320c..ce04af70a9 100644 --- a/packages/twenty-front/src/modules/auth/components/__stories__/VerifyEmailEffect.stories.tsx +++ b/packages/twenty-front/src/modules/auth/components/__stories__/VerifyEmailEffect.stories.tsx @@ -5,7 +5,7 @@ import { MemoryRouter, Route, Routes } from 'react-router-dom'; // Mock component that just renders the error state of VerifyEmailEffect directly // (since normal VerifyEmailEffect has async logic that's hard to test in Storybook) import { EmailVerificationSent } from '@/auth/sign-in-up/components/EmailVerificationSent'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; const VerifyEmailEffectErrorState = ({ email = 'user@example.com' }) => { diff --git a/packages/twenty-front/src/modules/auth/constants/AuthModalConfig.ts b/packages/twenty-front/src/modules/auth/constants/AuthModalConfig.ts index 2f6ec34b72..a0eac56aa2 100644 --- a/packages/twenty-front/src/modules/auth/constants/AuthModalConfig.ts +++ b/packages/twenty-front/src/modules/auth/constants/AuthModalConfig.ts @@ -1,4 +1,4 @@ -import { type ModalOverlay, type ModalSize } from 'twenty-ui/layout'; +import { type ModalOverlay, type ModalSize } from 'twenty-ui/surfaces'; import { AppPath } from 'twenty-shared/types'; type AuthModalConfigType = { diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/EmailVerificationSent.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/EmailVerificationSent.tsx index d164df585a..73e0455cae 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 @@ -10,15 +10,10 @@ import { import { OnboardingModalCircularIcon } from '@/onboarding/components/OnboardingModalCircularIcon'; import { t } from '@lingui/core/macro'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; -import { - IconGmail, - IconMail, - IconMailX, - IconMicrosoft, -} from 'twenty-ui/display'; +import { IconGmail, IconMail, IconMailX, IconMicrosoft } from 'twenty-ui/icon'; import { MainButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { AnimatedEaseIn } from 'twenty-ui/utilities'; +import { AnimatedEaseIn } from 'twenty-ui/layout'; const StyledContainer = 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 204b057d44..91e00f086d 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 @@ -26,12 +26,9 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { isNonEmptyString } from '@sniptt/guards'; import { useContext } from 'react'; -import { - Avatar, - HorizontalSeparator, - IconChevronRight, - IconPlus, -} from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; +import { IconChevronRight, IconPlus } from 'twenty-ui/icon'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { type AvailableWorkspace, diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpWorkspaceScopeForm.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpWorkspaceScopeForm.tsx index 0d177b0848..b6f6c56836 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,7 +12,7 @@ import { workspaceAuthBypassProvidersState } from '@/workspace/states/workspaceA import { workspaceAuthProvidersState } from '@/workspace/states/workspaceAuthProvidersState'; import { Trans } from '@lingui/react/macro'; import { FormProvider } from 'react-hook-form'; -import { HorizontalSeparator } from 'twenty-ui/display'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { ClickToActionLink } from 'twenty-ui/navigation'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/__stories__/EmailVerificationSent.stories.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/__stories__/EmailVerificationSent.stories.tsx index 7da27a7c05..147503a61d 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,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { EmailVerificationSent } from '@/auth/sign-in-up/components/EmailVerificationSent'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { ComponentDecorator } from 'twenty-ui/testing'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/LastUsedPill.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/LastUsedPill.tsx index c5b8de888d..112478d26a 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,6 +1,6 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { Pill } from 'twenty-ui/components'; +import { Pill } from 'twenty-ui/data-display'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledPillContainer = styled.span` diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpPasswordField.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpPasswordField.tsx index 578afe3363..4d4b8542e8 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,7 +6,7 @@ import { useLingui } from '@lingui/react/macro'; import { motion } from 'framer-motion'; import { useContext } from 'react'; import { Controller, useFormContext } from 'react-hook-form'; -import { StyledText } from 'twenty-ui/display'; +import { StyledText } from 'twenty-ui/typography'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledFullWidthMotionDiv = styled(motion.div)` diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpSSOIdentityProviderSelection.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpSSOIdentityProviderSelection.tsx index 4df73a3ebb..6d5841cd84 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,7 +7,7 @@ import { guessSSOIdentityProviderIconByUrl } from '@/settings/security/utils/gue import { workspaceAuthProvidersState } from '@/workspace/states/workspaceAuthProvidersState'; import React from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { HorizontalSeparator } from 'twenty-ui/display'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { MainButton } from 'twenty-ui/input'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpTwoFactorAuthenticationProvision.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpTwoFactorAuthenticationProvision.tsx index 5981920a09..d997050f7e 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,7 +9,7 @@ import { styled } from '@linaria/react'; import { Trans, useLingui } from '@lingui/react/macro'; import QRCode from 'react-qr-code'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; -import { IconCopy } from 'twenty-ui/display'; +import { IconCopy } from 'twenty-ui/icon'; import { Loader } from 'twenty-ui/feedback'; import { MainButton } from 'twenty-ui/input'; import { useContext } from 'react'; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithGoogle.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithGoogle.tsx index 31a79a7f16..3cecd3af66 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,7 +9,8 @@ import { AuthenticatedMethod } from '@/auth/types/AuthenticatedMethod.enum'; import { type SocialSSOSignInUpActionType } from '@/auth/types/socialSSOSignInUp.type'; import { useLingui } from '@lingui/react/macro'; import { memo, useContext } from 'react'; -import { HorizontalSeparator, IconGoogle } from 'twenty-ui/display'; +import { IconGoogle } from 'twenty-ui/icon'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { MainButton } from 'twenty-ui/input'; 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/SignInUpWithMicrosoft.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithMicrosoft.tsx index 4302b1b9b9..5055036259 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,7 +9,8 @@ import { AuthenticatedMethod } from '@/auth/types/AuthenticatedMethod.enum'; import { type SocialSSOSignInUpActionType } from '@/auth/types/socialSSOSignInUp.type'; import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; -import { HorizontalSeparator, IconMicrosoft } from 'twenty-ui/display'; +import { IconMicrosoft } from 'twenty-ui/icon'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { MainButton } from 'twenty-ui/input'; 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/SignInUpWithSSO.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWithSSO.tsx index 70be4b7907..2def3c9bc6 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,7 +12,8 @@ import { useAtomState } from '@/ui/utilities/state/jotai/hooks/useAtomState'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { HorizontalSeparator, IconLock } from 'twenty-ui/display'; +import { IconLock } from 'twenty-ui/icon'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { MainButton } from 'twenty-ui/input'; import { LastUsedPill } from './LastUsedPill'; import { StyledSSOButtonContainer } from './SignInUpSSOButtonStyles'; diff --git a/packages/twenty-front/src/modules/blocknote-editor/blocks/MentionInlineContent.tsx b/packages/twenty-front/src/modules/blocknote-editor/blocks/MentionInlineContent.tsx index 4889aba05c..fd8f5245f9 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/blocks/MentionInlineContent.tsx +++ b/packages/twenty-front/src/modules/blocknote-editor/blocks/MentionInlineContent.tsx @@ -7,7 +7,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { isDefined } from 'twenty-shared/utils'; -import { Chip, ChipVariant } from 'twenty-ui/components'; +import { Chip, ChipVariant } from 'twenty-ui/data-display'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; diff --git a/packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx b/packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx index da05f54375..8f0edac2e1 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx +++ b/packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx @@ -16,7 +16,7 @@ import { type SuggestionItem, } from '@/blocknote-editor/components/CustomSlashMenu'; import { useMentionMenu } from '@/mention/hooks/useMentionMenu'; -import { IconX } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; interface BlockEditorProps { diff --git a/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenu.tsx b/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenu.tsx index bae5090053..3d4e03e946 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenu.tsx +++ b/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenu.tsx @@ -11,7 +11,7 @@ import { } from '@blocknote/react'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconColorSwatch, IconPlus, IconTrash } from 'twenty-ui/display'; +import { IconColorSwatch, IconPlus, IconTrash } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; type CustomSideMenuProps = { diff --git a/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenuOptions.tsx b/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenuOptions.tsx index 332a33212a..434d31957c 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenuOptions.tsx +++ b/packages/twenty-front/src/modules/blocknote-editor/components/CustomSideMenuOptions.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledContainer = styled.div<{ Variant: Variants }>` diff --git a/packages/twenty-front/src/modules/blocknote-editor/types/types.ts b/packages/twenty-front/src/modules/blocknote-editor/types/types.ts index c212ebb7a3..d22ab78592 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/types/types.ts +++ b/packages/twenty-front/src/modules/blocknote-editor/types/types.ts @@ -2,7 +2,7 @@ import type { DefaultReactSuggestionItem, SuggestionMenuProps, } from '@blocknote/react'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; export type SuggestionItem = DefaultReactSuggestionItem & { aliases?: string[]; diff --git a/packages/twenty-front/src/modules/blocknote-editor/utils/getSlashMenu.ts b/packages/twenty-front/src/modules/blocknote-editor/utils/getSlashMenu.ts index f8a5194443..681b696b89 100644 --- a/packages/twenty-front/src/modules/blocknote-editor/utils/getSlashMenu.ts +++ b/packages/twenty-front/src/modules/blocknote-editor/utils/getSlashMenu.ts @@ -25,7 +25,7 @@ import { IconPilcrow, IconTable, IconVideo, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; const Icons: Record = { 'Heading 1': IconH1, diff --git a/packages/twenty-front/src/modules/command-menu-item/components/RecordIndexCommandMenuDropdown.tsx b/packages/twenty-front/src/modules/command-menu-item/components/RecordIndexCommandMenuDropdown.tsx index 7887b0ac86..a9c06bd581 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,7 +17,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; -import { IconLayoutSidebarRightExpand } from 'twenty-ui/display'; +import { IconLayoutSidebarRightExpand } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { CommandMenuItemAvailabilityType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/command-menu-item/components/RecordPageSidePanelCommandMenuDropdown.tsx b/packages/twenty-front/src/modules/command-menu-item/components/RecordPageSidePanelCommandMenuDropdown.tsx index c46586c8a6..ac7e825be6 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,7 +8,7 @@ import { sidePanelWidgetFooterCommandMenuItemsState } from '@/ui/layout/side-pan import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/component-state/hooks/useAvailableComponentInstanceIdOrThrow'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useContext, useMemo } from 'react'; -import { HorizontalSeparator } from 'twenty-ui/display'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { MenuItem } from 'twenty-ui/navigation'; import { CommandMenuItemAvailabilityType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/command-menu-item/components/RecordShowSidePanelOpenRecordButton.tsx b/packages/twenty-front/src/modules/command-menu-item/components/RecordShowSidePanelOpenRecordButton.tsx index 08ea06df6c..bfee4206f8 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,7 +23,7 @@ import { t } from '@lingui/core/macro'; import { useStore } from 'jotai'; import { useCallback } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconBrowserMaximize } from 'twenty-ui/display'; +import { IconBrowserMaximize } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { getOsControlSymbol } from 'twenty-ui/utilities'; import { useNavigateApp } from '~/hooks/useNavigateApp'; 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 85d40f6101..dca66eae5b 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,7 +16,7 @@ import { COMMAND_MENU_DEFAULT_ICON } from '@/workflow/workflow-trigger/constants import { styled } from '@linaria/react'; import { useContext } from 'react'; import { assertUnreachable, isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { Loader } from 'twenty-ui/feedback'; import { MenuItem } from 'twenty-ui/navigation'; import { type CommandMenuItemFieldsFragment } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/command-menu-item/display/components/PinnedCommandMenuItemsInlineMeasurements.tsx b/packages/twenty-front/src/modules/command-menu-item/display/components/PinnedCommandMenuItemsInlineMeasurements.tsx index bffba1d45f..d90d91618b 100644 --- a/packages/twenty-front/src/modules/command-menu-item/display/components/PinnedCommandMenuItemsInlineMeasurements.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/display/components/PinnedCommandMenuItemsInlineMeasurements.tsx @@ -6,7 +6,7 @@ import { NodeDimension } from '@/ui/utilities/dimensions/components/NodeDimensio import { COMMAND_MENU_DEFAULT_ICON } from '@/workflow/workflow-trigger/constants/CommandMenuDefaultIcon'; import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { type CommandMenuItemFieldsFragment } from '~/generated-metadata/graphql'; type ElementDimensions = { diff --git a/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditButton.tsx b/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditButton.tsx index 236c4719e2..8642c79aee 100644 --- a/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditButton.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditButton.tsx @@ -1,4 +1,4 @@ -import { AnimatedIconCrossfade } from 'twenty-ui/utilities'; +import { AnimatedIconCrossfade } from 'twenty-ui/layout'; import { isLayoutCustomizationModeEnabledState } from '@/layout-customization/states/isLayoutCustomizationModeEnabledState'; import { useNavigateSidePanel } from '@/side-panel/hooks/useNavigateSidePanel'; import { useSidePanelMenu } from '@/side-panel/hooks/useSidePanelMenu'; @@ -7,7 +7,7 @@ import { sidePanelPageState } from '@/side-panel/states/sidePanelPageState'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useLingui } from '@lingui/react/macro'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconPencil, IconX } from 'twenty-ui/display'; +import { IconPencil, IconX } from 'twenty-ui/icon'; import { AnimatedButton } from 'twenty-ui/input'; export const CommandMenuItemEditButton = () => { diff --git a/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditRecordSelectionDropdown.tsx b/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditRecordSelectionDropdown.tsx index 9e7e1cb965..fdd802311f 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 @@ -12,11 +12,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; -import { - IconChevronDown, - IconSquareCheck, - IconSquareX, -} from 'twenty-ui/display'; +import { IconChevronDown, IconSquareCheck, IconSquareX } from 'twenty-ui/icon'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; 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 c17b669765..91cbcb1c63 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,7 +8,7 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useLingui } from '@lingui/react/macro'; import { type ReactElement } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconRefresh, IconTag } from 'twenty-ui/display'; +import { IconRefresh, IconTag } from 'twenty-ui/icon'; import { MenuItem, MenuItemToggle } from 'twenty-ui/navigation'; import { type CommandMenuItemFieldsFragment } from '~/generated-metadata/graphql'; 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 dcf61d2c32..4924aea998 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,7 +27,7 @@ import { IconPin, IconPinnedOff, useIcons, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { MenuItem, MenuItemDraggable } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { type CommandMenuItemFieldsFragment } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/command-menu-item/engine-command/components/HeadlessOpenSidePanelPageEngineCommand.tsx b/packages/twenty-front/src/modules/command-menu-item/engine-command/components/HeadlessOpenSidePanelPageEngineCommand.tsx index cb7e6485b0..3cdf6dfc17 100644 --- a/packages/twenty-front/src/modules/command-menu-item/engine-command/components/HeadlessOpenSidePanelPageEngineCommand.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/engine-command/components/HeadlessOpenSidePanelPageEngineCommand.tsx @@ -5,7 +5,7 @@ import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomStat import { type MessageDescriptor } from '@lingui/core'; import { t } from '@lingui/core/macro'; import { type SidePanelPages } from 'twenty-shared/types'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; 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 f541da90ff..6718ff0654 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,7 +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/display'; +import { IconHistory, IconSearch, IconSparkles } from 'twenty-ui/icon'; 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/hooks/useCommandMenuItemClick.ts b/packages/twenty-front/src/modules/command-menu-item/hooks/useCommandMenuItemClick.ts index 9bd6e9cbf3..df35c7d822 100644 --- a/packages/twenty-front/src/modules/command-menu-item/hooks/useCommandMenuItemClick.ts +++ b/packages/twenty-front/src/modules/command-menu-item/hooks/useCommandMenuItemClick.ts @@ -10,7 +10,7 @@ import { useAtomFamilySelectorValue } from '@/ui/utilities/state/jotai/hooks/use import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilyStateValue'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; 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 a465662b9c..893d906dde 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuButton.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuButton.tsx @@ -4,12 +4,8 @@ import { type MessageDescriptor } from '@lingui/core'; import { type MouseEvent } from 'react'; import { type Nullable } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { - AppTooltip, - type IconComponent, - TooltipDelay, - TooltipPosition, -} from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; +import { AppTooltip, TooltipDelay, TooltipPosition } from 'twenty-ui/surfaces'; import { Button, IconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItem.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItem.tsx index 14c2a16966..b8e082e7e3 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItem.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItem.tsx @@ -1,6 +1,6 @@ import { isNonEmptyString } from '@sniptt/guards'; import { type ReactNode } from 'react'; -import { IconArrowUpRight, type IconComponent } from 'twenty-ui/display'; +import { IconArrowUpRight, type IconComponent } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { useCommandMenuOnItemClick } from '@/command-menu/hooks/useCommandMenuOnItemClick'; diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemNumberInput.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemNumberInput.tsx index d25515b473..c0537b3910 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemNumberInput.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemNumberInput.tsx @@ -9,7 +9,7 @@ import { styled } from '@linaria/react'; import { useStore } from 'jotai'; import { useRef, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { canBeCastAsNumberOrNull, castAsNumberOrNull, diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemTextInput.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemTextInput.tsx index cd2210d65a..cdd8af714c 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemTextInput.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItemTextInput.tsx @@ -8,7 +8,7 @@ import { FocusComponentType } from '@/ui/utilities/focus/types/FocusComponentTyp import { styled } from '@linaria/react'; import { useStore } from 'jotai'; import { useRef, useState } from 'react'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; type CommandMenuItemTextInputProps = { id: string; diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenuOpenContainer.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenuOpenContainer.tsx index c62c806efb..fbe19eaaf6 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuOpenContainer.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuOpenContainer.tsx @@ -21,7 +21,7 @@ import { useStore } from 'jotai'; import { styled } from '@linaria/react'; import { motion } from 'framer-motion'; import { useCallback, useContext, useRef } from 'react'; -import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui/components'; +import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui/data-display'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { useIsMobile } from 'twenty-ui/utilities'; const StyledCommandMenuBase = styled.div` 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 09f228a05e..d2c288d03a 100644 --- a/packages/twenty-front/src/modules/command-menu/components/__stories__/CommandMenu.stories.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/__stories__/CommandMenu.stories.tsx @@ -44,7 +44,7 @@ import { sidePanelPageState } from '@/side-panel/states/sidePanelPageState'; import { ViewComponentInstanceContext } from '@/views/states/contexts/ViewComponentInstanceContext'; import { HttpResponse, graphql } from 'msw'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconDotsVertical, IconPlus } from 'twenty-ui/display'; +import { IconDotsVertical, IconPlus } from 'twenty-ui/icon'; import { JestContextStoreSetter } from '~/testing/jest/JestContextStoreSetter'; const openTimeout = 50; diff --git a/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useCommandMenu.test.tsx b/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useCommandMenu.test.tsx index 3986797cc0..d13ede645e 100644 --- a/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useCommandMenu.test.tsx +++ b/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useCommandMenu.test.tsx @@ -10,7 +10,7 @@ import { sidePanelPageState } from '@/side-panel/states/sidePanelPageState'; import { isSidePanelOpenedState } from '@/side-panel/states/isSidePanelOpenedState'; import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconDotsVertical } from 'twenty-ui/display'; +import { IconDotsVertical } from 'twenty-ui/icon'; const Wrapper = ({ children }: { children: React.ReactNode }) => ( diff --git a/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useWorkflowCommandMenu.test.tsx b/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useWorkflowCommandMenu.test.tsx index f09c7b6373..57fdfbe6d3 100644 --- a/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useWorkflowCommandMenu.test.tsx +++ b/packages/twenty-front/src/modules/command-menu/hooks/__tests__/useWorkflowCommandMenu.test.tsx @@ -14,7 +14,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/display'; +import { IconBolt, IconSettingsAutomation, useIcons } from 'twenty-ui/icon'; import { getJestMetadataAndApolloMocksAndCommandMenuWrapper } from '~/testing/jest/getJestMetadataAndApolloMocksAndCommandMenuWrapper'; import { getTestEnrichedObjectMetadataItemsMock } from '~/testing/utils/getTestEnrichedObjectMetadataItemsMock'; diff --git a/packages/twenty-front/src/modules/error-handler/components/AppRootErrorFallback.tsx b/packages/twenty-front/src/modules/error-handler/components/AppRootErrorFallback.tsx index 5f86d2a38e..7adf709460 100644 --- a/packages/twenty-front/src/modules/error-handler/components/AppRootErrorFallback.tsx +++ b/packages/twenty-front/src/modules/error-handler/components/AppRootErrorFallback.tsx @@ -2,7 +2,7 @@ import { type AppErrorDisplayProps } from '@/error-handler/types/AppErrorDisplay import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; -import { IconReload } from 'twenty-ui/display'; +import { IconReload } from 'twenty-ui/icon'; 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 07d50396f4..388e1b8b68 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,6 +1,6 @@ import { type AppErrorDisplayProps } from '@/error-handler/types/AppErrorDisplayProps'; import { t } from '@lingui/core/macro'; -import { IconRefresh } from 'twenty-ui/display'; +import { IconRefresh } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { AnimatedPlaceholder, @@ -8,7 +8,7 @@ import { AnimatedPlaceholderEmptySubTitle, AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, -} from 'twenty-ui/layout'; +} from 'twenty-ui/feedback'; export const AppErrorDisplay = ({ resetErrorBoundary, diff --git a/packages/twenty-front/src/modules/file/components/AttachmentChip.tsx b/packages/twenty-front/src/modules/file/components/AttachmentChip.tsx index 605275794c..d3918b874c 100644 --- a/packages/twenty-front/src/modules/file/components/AttachmentChip.tsx +++ b/packages/twenty-front/src/modules/file/components/AttachmentChip.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { AvatarOrIcon } from 'twenty-ui/components'; -import { IconX } from 'twenty-ui/display'; +import { AvatarOrIcon } from 'twenty-ui/data-display'; +import { IconX } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { getFileType } from '@/activities/files/utils/getFileType'; diff --git a/packages/twenty-front/src/modules/file/components/FileIcon.tsx b/packages/twenty-front/src/modules/file/components/FileIcon.tsx index ae27b611c1..1a34745530 100644 --- a/packages/twenty-front/src/modules/file/components/FileIcon.tsx +++ b/packages/twenty-front/src/modules/file/components/FileIcon.tsx @@ -6,7 +6,7 @@ import { isNonEmptyString } from '@sniptt/guards'; import { useContext, useState } from 'react'; import { FILE_CATEGORIES, type FileCategory } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { AvatarOrIcon } from 'twenty-ui/components'; +import { AvatarOrIcon } from 'twenty-ui/data-display'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; type FileIconSize = 'small' | 'medium'; diff --git a/packages/twenty-front/src/modules/file/utils/fileIconMappings.ts b/packages/twenty-front/src/modules/file/utils/fileIconMappings.ts index 9adf8e9d76..95fd3e81b7 100644 --- a/packages/twenty-front/src/modules/file/utils/fileIconMappings.ts +++ b/packages/twenty-front/src/modules/file/utils/fileIconMappings.ts @@ -9,7 +9,7 @@ import { IconPresentation, IconTable, IconVideo, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export const IconMapping: { [key in AttachmentFileCategory]: IconComponent; 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 7a33d150ea..9290ce009c 100644 --- a/packages/twenty-front/src/modules/front-components/hooks/__tests__/useFrontComponentExecutionContext.test.tsx +++ b/packages/twenty-front/src/modules/front-components/hooks/__tests__/useFrontComponentExecutionContext.test.tsx @@ -68,7 +68,7 @@ jest.mock('@/side-panel/hooks/useSidePanelMenu', () => ({ }), })); -jest.mock('twenty-ui/display', () => ({ +jest.mock('twenty-ui/icon', () => ({ 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 1bf0f1c133..3b85f8206b 100644 --- a/packages/twenty-front/src/modules/front-components/hooks/useFrontComponentExecutionContext.ts +++ b/packages/twenty-front/src/modules/front-components/hooks/useFrontComponentExecutionContext.ts @@ -20,7 +20,7 @@ import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useSetAtomFamilyState } from '@/ui/utilities/state/jotai/hooks/useSetAtomFamilyState'; import { assertUnreachable, isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; import { useNavigateApp } from '~/hooks/useNavigateApp'; diff --git a/packages/twenty-front/src/modules/information-banner/components/InformationBanner.tsx b/packages/twenty-front/src/modules/information-banner/components/InformationBanner.tsx index 81768fe6f9..b2cb575911 100644 --- a/packages/twenty-front/src/modules/information-banner/components/InformationBanner.tsx +++ b/packages/twenty-front/src/modules/information-banner/components/InformationBanner.tsx @@ -7,9 +7,8 @@ import { Banner, type BannerColor, type BannerVariant, - type IconComponent, - IconX, -} from 'twenty-ui/display'; +} from 'twenty-ui/feedback'; +import { type IconComponent, IconX } from 'twenty-ui/icon'; import { Button, IconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/information-banner/components/deleted-record/InformationBannerDeletedRecord.tsx b/packages/twenty-front/src/modules/information-banner/components/deleted-record/InformationBannerDeletedRecord.tsx index af551cd08a..09be97e68f 100644 --- a/packages/twenty-front/src/modules/information-banner/components/deleted-record/InformationBannerDeletedRecord.tsx +++ b/packages/twenty-front/src/modules/information-banner/components/deleted-record/InformationBannerDeletedRecord.tsx @@ -2,7 +2,7 @@ import { InformationBanner } from '@/information-banner/components/InformationBa import { useRestoreManyRecords } from '@/object-record/hooks/useRestoreManyRecords'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconRefresh } from 'twenty-ui/display'; +import { IconRefresh } from 'twenty-ui/icon'; const StyledInformationBannerDeletedRecord = styled.div` height: 40px; diff --git a/packages/twenty-front/src/modules/information-banner/components/impersonate/InformationBannerIsImpersonating.tsx b/packages/twenty-front/src/modules/information-banner/components/impersonate/InformationBannerIsImpersonating.tsx index 1fef0fdafd..91b540eab2 100644 --- a/packages/twenty-front/src/modules/information-banner/components/impersonate/InformationBannerIsImpersonating.tsx +++ b/packages/twenty-front/src/modules/information-banner/components/impersonate/InformationBannerIsImpersonating.tsx @@ -5,7 +5,7 @@ import { InformationBanner } from '@/information-banner/components/InformationBa import { t } from '@lingui/core/macro'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { isDefined } from 'twenty-shared/utils'; -import { IconLogout } from 'twenty-ui/display'; +import { IconLogout } from 'twenty-ui/icon'; export const InformationBannerIsImpersonating = () => { const currentWorkspaceMember = useAtomStateValue(currentWorkspaceMemberState); diff --git a/packages/twenty-front/src/modules/information-banner/components/maintenance/InformationBannerMaintenance.tsx b/packages/twenty-front/src/modules/information-banner/components/maintenance/InformationBannerMaintenance.tsx index f6aa2e6e69..f7b8cb1ca3 100644 --- a/packages/twenty-front/src/modules/information-banner/components/maintenance/InformationBannerMaintenance.tsx +++ b/packages/twenty-front/src/modules/information-banner/components/maintenance/InformationBannerMaintenance.tsx @@ -7,7 +7,7 @@ import { useDateTimeFormat } from '@/localization/hooks/useDateTimeFormat'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { t } from '@lingui/core/macro'; import { getSafeUrl, isDefined } from 'twenty-shared/utils'; -import { IconExternalLink } from 'twenty-ui/display'; +import { IconExternalLink } from 'twenty-ui/icon'; const formatMaintenanceDateTime = ( isoString: string, diff --git a/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountEmailAliases.tsx b/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountEmailAliases.tsx index 69b6c52f05..b456e4ffaf 100644 --- a/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountEmailAliases.tsx +++ b/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountEmailAliases.tsx @@ -4,7 +4,7 @@ import { useDismissReconnectAccountBanner } from '@/information-banner/hooks/use import { InformationBannerKeys } from '@/information-banner/types/InformationBannerKeys'; import { useTriggerProviderReconnect } from '@/settings/accounts/hooks/useTriggerProviderReconnect'; import { t } from '@lingui/core/macro'; -import { IconRefresh } from 'twenty-ui/display'; +import { IconRefresh } from 'twenty-ui/icon'; const COMPONENT_INSTANCE_ID = 'information-banner-reconnect-account-email-aliases'; diff --git a/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountInsufficientPermissions.tsx b/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountInsufficientPermissions.tsx index dac71b6873..ed54522303 100644 --- a/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountInsufficientPermissions.tsx +++ b/packages/twenty-front/src/modules/information-banner/components/reconnect-account/InformationBannerReconnectAccountInsufficientPermissions.tsx @@ -4,7 +4,7 @@ import { useDismissReconnectAccountBanner } from '@/information-banner/hooks/use import { InformationBannerKeys } from '@/information-banner/types/InformationBannerKeys'; import { useTriggerProviderReconnect } from '@/settings/accounts/hooks/useTriggerProviderReconnect'; import { t } from '@lingui/core/macro'; -import { IconRefresh } from 'twenty-ui/display'; +import { IconRefresh } from 'twenty-ui/icon'; const COMPONENT_INSTANCE_ID = 'information-banner-reconnect-account-insufficient-permissions'; diff --git a/packages/twenty-front/src/modules/keyboard-shortcut-menu/components/KeyboardShortcutMenuDialog.tsx b/packages/twenty-front/src/modules/keyboard-shortcut-menu/components/KeyboardShortcutMenuDialog.tsx index b10753628e..38a9256cb1 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 @@ -5,7 +5,7 @@ import { } from './KeyboardShortcutMenuStyles'; import { t } from '@lingui/core/macro'; import { IconButton } from 'twenty-ui/input'; -import { IconX } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui/icon'; import { useIsMobile } from 'twenty-ui/utilities'; type KeyboardMenuDialogProps = { diff --git a/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBar.tsx b/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBar.tsx index 27ef30bcca..1e7001ba64 100644 --- a/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBar.tsx +++ b/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBar.tsx @@ -4,7 +4,7 @@ import { AnimatePresence, motion } from 'framer-motion'; import { useAtomValue } from 'jotai'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconCheck, IconPaint } from 'twenty-ui/display'; +import { IconCheck, IconPaint } from 'twenty-ui/icon'; import { GRAY_SCALE_LIGHT } from 'twenty-ui/theme'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBarMenuDropdown.tsx b/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBarMenuDropdown.tsx index 0c8fec106d..966b1c200b 100644 --- a/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBarMenuDropdown.tsx +++ b/packages/twenty-front/src/modules/layout-customization/components/LayoutCustomizationBarMenuDropdown.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconDotsVertical, IconReload } from 'twenty-ui/display'; +import { IconDotsVertical, IconReload } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; import { GRAY_SCALE_LIGHT } from 'twenty-ui/theme'; diff --git a/packages/twenty-front/src/modules/layout-customization/hooks/useEnterLayoutCustomizationMode.ts b/packages/twenty-front/src/modules/layout-customization/hooks/useEnterLayoutCustomizationMode.ts index 6b00e0c92e..57e992c867 100644 --- a/packages/twenty-front/src/modules/layout-customization/hooks/useEnterLayoutCustomizationMode.ts +++ b/packages/twenty-front/src/modules/layout-customization/hooks/useEnterLayoutCustomizationMode.ts @@ -3,7 +3,7 @@ import { useStore } from 'jotai'; import { useCallback } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconPencil } from 'twenty-ui/display'; +import { IconPencil } from 'twenty-ui/icon'; 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/marketplace/components/SettingsApplicationInstallPermissionValidationModal.tsx b/packages/twenty-front/src/modules/marketplace/components/SettingsApplicationInstallPermissionValidationModal.tsx index 9f4607760f..57bbe06eec 100644 --- a/packages/twenty-front/src/modules/marketplace/components/SettingsApplicationInstallPermissionValidationModal.tsx +++ b/packages/twenty-front/src/modules/marketplace/components/SettingsApplicationInstallPermissionValidationModal.tsx @@ -9,7 +9,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useMemo } from 'react'; import { type RoleManifest } from 'twenty-shared/application'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; import { LightButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { StyledAppModal } from '~/pages/settings/applications/components/SettingsAppModalLayout'; diff --git a/packages/twenty-front/src/modules/marketplace/utils/buildPermissionSummaryFromRoleManifest.ts b/packages/twenty-front/src/modules/marketplace/utils/buildPermissionSummaryFromRoleManifest.ts index 2a37018452..c46cdde52a 100644 --- a/packages/twenty-front/src/modules/marketplace/utils/buildPermissionSummaryFromRoleManifest.ts +++ b/packages/twenty-front/src/modules/marketplace/utils/buildPermissionSummaryFromRoleManifest.ts @@ -12,7 +12,7 @@ import { IconSparkles, IconTool, IconUsers, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { SystemPermissionFlag } from 'twenty-shared/constants'; export type PermissionSummaryItem = { diff --git a/packages/twenty-front/src/modules/mention/components/MentionMenuListItem.tsx b/packages/twenty-front/src/modules/mention/components/MentionMenuListItem.tsx index 74d6aa244b..5d887a21de 100644 --- a/packages/twenty-front/src/modules/mention/components/MentionMenuListItem.tsx +++ b/packages/twenty-front/src/modules/mention/components/MentionMenuListItem.tsx @@ -1,7 +1,7 @@ import { type MouseEvent } from 'react'; import { getAvatarType } from '@/object-metadata/utils/getAvatarType'; -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { MenuItemSuggestion } from 'twenty-ui/navigation'; type MentionMenuListItemProps = { diff --git a/packages/twenty-front/src/modules/mention/components/MentionRecordChip.tsx b/packages/twenty-front/src/modules/mention/components/MentionRecordChip.tsx index b024406c2c..2e22a76dbf 100644 --- a/packages/twenty-front/src/modules/mention/components/MentionRecordChip.tsx +++ b/packages/twenty-front/src/modules/mention/components/MentionRecordChip.tsx @@ -6,7 +6,7 @@ import { Chip, ChipVariant, LinkChip, -} from 'twenty-ui/components'; +} from 'twenty-ui/data-display'; type MentionRecordChipProps = { recordId: string; diff --git a/packages/twenty-front/src/modules/mention/components/MentionSuggestionMenu.tsx b/packages/twenty-front/src/modules/mention/components/MentionSuggestionMenu.tsx index 41a7f6bcaa..7a6f45cf76 100644 --- a/packages/twenty-front/src/modules/mention/components/MentionSuggestionMenu.tsx +++ b/packages/twenty-front/src/modules/mention/components/MentionSuggestionMenu.tsx @@ -1,5 +1,5 @@ import { forwardRef } from 'react'; -import { AvatarOrIcon } from 'twenty-ui/components'; +import { AvatarOrIcon } from 'twenty-ui/data-display'; import { MenuItemSuggestion } from 'twenty-ui/navigation'; import type { MentionSearchResult } from '@/mention/types/MentionSearchResult'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/components/NavigationMenuItemIcon.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/components/NavigationMenuItemIcon.tsx index c149b42ee7..dae39451df 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 @@ -2,12 +2,10 @@ import { NavigationMenuItemType } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; import { Avatar, - IconLink, - IconWorld, StyledTintedIconTileContainer, getIconTileColorShades, - useIcons, -} from 'twenty-ui/display'; +} from 'twenty-ui/data-display'; +import { IconLink, IconWorld, useIcons } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { type NavigationMenuItem } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/components/AddToNavigationDragHandle.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/components/AddToNavigationDragHandle.tsx index 452df60f1a..865dd89a4d 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 @@ -2,11 +2,8 @@ import { styled } from '@linaria/react'; import { useContext, type ReactNode } from 'react'; import { NavigationMenuItemType } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { - IconGripVertical, - TintedIconTile, - type IconComponent, -} from 'twenty-ui/display'; +import { TintedIconTile } from 'twenty-ui/data-display'; +import { IconGripVertical, type IconComponent } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import type { AddToNavigationDragPayload } from '@/navigation-menu-item/common/types/add-to-navigation-drag-payload'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/hooks/useHandleAddToNavigationDrop.ts b/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/hooks/useHandleAddToNavigationDrop.ts index 694f1136fd..b5fc9f534e 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/hooks/useHandleAddToNavigationDrop.ts +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/dnd/hooks/useHandleAddToNavigationDrop.ts @@ -3,7 +3,7 @@ import { useStore } from 'jotai'; import { useCallback } from 'react'; import { NavigationMenuItemType } from 'twenty-shared/types'; import { isDefined, normalizeUrl } from 'twenty-shared/utils'; -import { IconFolder, IconLink, useIcons } from 'twenty-ui/display'; +import { IconFolder, IconLink, useIcons } from 'twenty-ui/icon'; import { useEnterLayoutCustomizationMode } from '@/layout-customization/hooks/useEnterLayoutCustomizationMode'; import { isLayoutCustomizationModeEnabledState } from '@/layout-customization/states/isLayoutCustomizationModeEnabledState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolder.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolder.tsx index 29a3fc1478..a3b2b7a526 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,6 +1,6 @@ import { Suspense, lazy, useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronDown, IconChevronRight, useIcons } from 'twenty-ui/display'; +import { IconChevronDown, IconChevronRight, useIcons } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { useIsMobile } from 'twenty-ui/utilities'; import { type NavigationMenuItem } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderContent.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderContent.tsx index 201c279a44..29b327bc3a 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,4 +1,4 @@ -import { IconHeartOff } from 'twenty-ui/display'; +import { IconHeartOff } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { type NavigationMenuItem } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderDnd.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderDnd.tsx index 4f128430e5..70e13e0d35 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,7 +10,7 @@ import { IconHeartOff, IconPlus, useIcons, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { useIsMobile } from 'twenty-ui/utilities'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderNavigationDrawerItemDropdown.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/folder/components/NavigationMenuItemFolderNavigationDrawerItemDropdown.tsx index 28bdb45780..c16fb1e445 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,5 +1,5 @@ import { useLingui } from '@lingui/react/macro'; -import { IconDotsVertical, IconPencil, IconTrash } from 'twenty-ui/display'; +import { IconDotsVertical, IconPencil, IconTrash } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/link/components/LinkIconWithLinkOverlay.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/link/components/LinkIconWithLinkOverlay.tsx index 8b9dc01726..7d546d9093 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,7 +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/display'; +import { getIconTileColorShades } from 'twenty-ui/data-display'; +import { type IconComponent } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { DEFAULT_NAVIGATION_MENU_ITEM_COLOR_LINK } from '@/navigation-menu-item/common/constants/NavigationMenuItemDefaultColorLink'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/link/components/NavigationMenuItemLinkDisplay.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/link/components/NavigationMenuItemLinkDisplay.tsx index 38cc4c0457..800dcdc7b0 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,5 +1,5 @@ import { useContext } from 'react'; -import { IconArrowUpRight } from 'twenty-ui/display'; +import { IconArrowUpRight } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { isLayoutCustomizationModeEnabledState } from '@/layout-customization/states/isLayoutCustomizationModeEnabledState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/object/components/NavigationDrawerItemForObjectMetadataItem.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/object/components/NavigationDrawerItemForObjectMetadataItem.tsx index 097ca4f114..130a502681 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,7 +26,8 @@ import { NavigationMenuItemType, } from 'twenty-shared/types'; import { getAppPath, isDefined } from 'twenty-shared/utils'; -import { Avatar, IconLock, useIcons } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; +import { IconLock, useIcons } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { type NavigationMenuItem } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/page-layout/components/NavigationMenuItemPageLayoutDisplay.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/page-layout/components/NavigationMenuItemPageLayoutDisplay.tsx index 28d4200c74..2f7fa207db 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/display/page-layout/components/NavigationMenuItemPageLayoutDisplay.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/display/page-layout/components/NavigationMenuItemPageLayoutDisplay.tsx @@ -1,6 +1,6 @@ import { useLocation } from 'react-router-dom'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; 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/favorites/components/FavoritesSection.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/favorites/components/FavoritesSection.tsx index fbc0b3a4cc..489269b4d1 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,7 +2,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useCallback, useContext, useMemo } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconHeart, IconHeartOff, IconPlus } from 'twenty-ui/display'; +import { IconHeart, IconHeartOff, IconPlus } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { type NavigationMenuItem } from '~/generated-metadata/graphql'; 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 3dbd13f36c..c801b6637a 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/utilities'; +import { AnimatedEaseInOut } from 'twenty-ui/layout'; export const FavoritesSectionDispatcher = () => { const isLayoutCustomizationModeEnabled = useAtomStateValue( diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSection.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/sections/workspace/components/WorkspaceSection.tsx index 00bb698a56..b16c92a4b4 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,7 +8,7 @@ import { IconPlus, IconTool, useIcons, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/display/view/components/ObjectIconWithViewOverlay.tsx b/packages/twenty-front/src/modules/navigation-menu-item/display/view/components/ObjectIconWithViewOverlay.tsx index e12a37e297..66da656577 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,6 +1,7 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { type IconComponent, getIconTileColorShades } from 'twenty-ui/display'; +import { getIconTileColorShades } from 'twenty-ui/data-display'; +import { type IconComponent } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledCompositeContainer = styled.div` diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/components/NavigationMenuItemBackButton.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/components/NavigationMenuItemBackButton.tsx index e6c6d40075..823732644e 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,6 +1,6 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconX } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { currentNavigationMenuItemFolderIdState } from '@/navigation-menu-item/common/states/currentNavigationMenuItemFolderIdState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/components/WorkspaceSectionAddMenuItemButton.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/components/WorkspaceSectionAddMenuItemButton.tsx index 8fba0bea76..8152c31df0 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/components/WorkspaceSectionAddMenuItemButton.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/components/WorkspaceSectionAddMenuItemButton.tsx @@ -1,7 +1,7 @@ import { useLingui } from '@lingui/react/macro'; import React from 'react'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconColumnInsertRight, IconPlus } from 'twenty-ui/display'; +import { IconColumnInsertRight, IconPlus } from 'twenty-ui/icon'; import { pendingInsertionNavigationMenuItemState } from '@/navigation-menu-item/common/states/pendingInsertionNavigationMenuItemState'; import { selectedNavigationMenuItemIdInEditModeState } from '@/navigation-menu-item/common/states/selectedNavigationMenuItemIdInEditModeState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenAddItemToFolderPage.ts b/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenAddItemToFolderPage.ts index fb0b1ff9b5..bce08608de 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenAddItemToFolderPage.ts +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenAddItemToFolderPage.ts @@ -1,6 +1,6 @@ import { useLingui } from '@lingui/react/macro'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconColumnInsertRight } from 'twenty-ui/display'; +import { IconColumnInsertRight } from 'twenty-ui/icon'; import { pendingInsertionNavigationMenuItemState } from '@/navigation-menu-item/common/states/pendingInsertionNavigationMenuItemState'; import { selectedNavigationMenuItemIdInEditModeState } from '@/navigation-menu-item/common/states/selectedNavigationMenuItemIdInEditModeState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenNavigationMenuItemInSidePanel.ts b/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenNavigationMenuItemInSidePanel.ts index 509d5ec4a4..c13c0a8e43 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenNavigationMenuItemInSidePanel.ts +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/hooks/useOpenNavigationMenuItemInSidePanel.ts @@ -4,7 +4,7 @@ import { useNavigateSidePanel } from '@/side-panel/hooks/useNavigateSidePanel'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { SidePanelPages } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import type { IconComponent } from 'twenty-ui/display'; +import type { IconComponent } from 'twenty-ui/icon'; export const useOpenNavigationMenuItemInSidePanel = () => { const { navigateSidePanel } = useNavigateSidePanel(); diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditColorOption.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditColorOption.tsx index e1265c5218..73d72cddd8 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,7 +10,7 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { capitalize } from 'twenty-shared/utils'; -import { IconColorSwatch } from 'twenty-ui/display'; +import { IconColorSwatch } from 'twenty-ui/icon'; import { DEFAULT_COLOR_LABELS } from 'twenty-ui/navigation'; import { type ThemeColor } from 'twenty-ui/theme'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditFolderPickerSubPage.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditFolderPickerSubPage.tsx index c6f5997159..d501404e44 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,7 @@ import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; -import { TintedIconTile, useIcons } from 'twenty-ui/display'; +import { TintedIconTile } from 'twenty-ui/data-display'; +import { useIcons } from 'twenty-ui/icon'; 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/SidePanelEditOrganizeActions.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditOrganizeActions.tsx index 33e438159b..d8cf481a4b 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditOrganizeActions.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditOrganizeActions.tsx @@ -6,7 +6,7 @@ import { IconRowInsertBottom, IconRowInsertTop, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { SidePanelGroup } from '@/side-panel/components/SidePanelGroup'; import { CommandMenuItem } from '@/command-menu/components/CommandMenuItem'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditOwnerSection.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditOwnerSection.tsx index f8554c5dae..636fd8de09 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditOwnerSection.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelEditOwnerSection.tsx @@ -1,6 +1,6 @@ import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconApps } from 'twenty-ui/display'; +import { IconApps } from 'twenty-ui/icon'; import { SidePanelGroup } from '@/side-panel/components/SidePanelGroup'; import { CommandMenuItem } from '@/command-menu/components/CommandMenuItem'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNavigationMenuItemEditPage.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNavigationMenuItemEditPage.tsx index ffafb6769f..bb83a96589 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,7 +25,7 @@ import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomStat import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { parseThemeColor } from 'twenty-ui/utilities'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemMainMenu.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemMainMenu.tsx index 546d70c69d..471351a256 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 @@ -1,14 +1,13 @@ import { useLingui } from '@lingui/react/macro'; import { NavigationMenuItemType } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; +import { Avatar, TintedIconTile } from 'twenty-ui/data-display'; import { - Avatar, IconBuildingSkyscraper, IconFolder, IconLink, IconTable, - TintedIconTile, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { CommandMenuItem } from '@/command-menu/components/CommandMenuItem'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSubPage.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSubPage.tsx index 44d7eb62d3..741fef2274 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSubPage.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSubPage.tsx @@ -15,7 +15,7 @@ import { useSidePanelSubPageHistory } from '@/side-panel/hooks/useSidePanelSubPa import { SidePanelSubPages } from '@/side-panel/types/SidePanelSubPages'; import { useAtomState } from '@/ui/utilities/state/jotai/hooks/useAtomState'; import { ViewKey } from '@/views/types/ViewKey'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; export const SidePanelNewSidebarItemObjectSubPage = () => { const { navigateToSidePanelSubPage } = useSidePanelSubPageHistory(); diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSystemPickerSubPage.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSystemPickerSubPage.tsx index 05a9934254..2d6feefd2e 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSystemPickerSubPage.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemObjectSystemPickerSubPage.tsx @@ -14,7 +14,7 @@ import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/Enriche import { getObjectColorWithFallback } from '@/object-metadata/utils/getObjectColorWithFallback'; import { useAtomState } from '@/ui/utilities/state/jotai/hooks/useAtomState'; import { ViewKey } from '@/views/types/ViewKey'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; export const SidePanelNewSidebarItemObjectSystemPickerSubPage = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemRecordItem.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemRecordItem.tsx index 16508dafe9..7d3494ac37 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,5 @@ -import { Avatar, useIcons } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; +import { useIcons } from 'twenty-ui/icon'; import { CoreObjectNameSingular, NavigationMenuItemType, diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemViewObjectPickerSubView.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemViewObjectPickerSubView.tsx index 33ff84f1f4..0b501f359f 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,6 @@ import { useLingui } from '@lingui/react/macro'; -import { IconSettings, TintedIconTile } from 'twenty-ui/display'; +import { TintedIconTile } from 'twenty-ui/data-display'; +import { IconSettings } from 'twenty-ui/icon'; import { CommandMenuItem } from '@/command-menu/components/CommandMenuItem'; import { ObjectMetadataIcon } from '@/object-metadata/components/ObjectMetadataIcon'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemViewPickerSubView.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemViewPickerSubView.tsx index 6e52cf434a..a98a1e7765 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemViewPickerSubView.tsx +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelNewSidebarItemViewPickerSubView.tsx @@ -19,7 +19,7 @@ import { type View } from '@/views/types/View'; import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; type SidePanelNewSidebarItemViewPickerSubViewProps = { selectedObjectMetadataIdForView: string; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelObjectPickerSubView.tsx b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/components/SidePanelObjectPickerSubView.tsx index 045a2bcb25..6e0a7a5f67 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,6 @@ import { useLingui } from '@lingui/react/macro'; -import { IconSettings, TintedIconTile } from 'twenty-ui/display'; +import { TintedIconTile } from 'twenty-ui/data-display'; +import { IconSettings } from 'twenty-ui/icon'; import { CommandMenuItem } from '@/command-menu/components/CommandMenuItem'; import { SidePanelObjectPickerItem } from '@/navigation-menu-item/edit/side-panel/components/SidePanelObjectPickerItem'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddFolderToNavigationMenu.ts b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddFolderToNavigationMenu.ts index ac316705b8..5e7031e115 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddFolderToNavigationMenu.ts +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddFolderToNavigationMenu.ts @@ -1,6 +1,6 @@ import { useLingui } from '@lingui/react/macro'; import { NavigationMenuItemType } from 'twenty-shared/types'; -import { IconFolder } from 'twenty-ui/display'; +import { IconFolder } from 'twenty-ui/icon'; import { DEFAULT_NAVIGATION_MENU_ITEM_COLOR_FOLDER } from '@/navigation-menu-item/common/constants/NavigationMenuItemDefaultColorFolder'; import { pendingInsertionNavigationMenuItemState } from '@/navigation-menu-item/common/states/pendingInsertionNavigationMenuItemState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddLinkToNavigationMenu.ts b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddLinkToNavigationMenu.ts index 4d921cd693..96c8b66ceb 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddLinkToNavigationMenu.ts +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useAddLinkToNavigationMenu.ts @@ -1,7 +1,7 @@ import { useLingui } from '@lingui/react/macro'; import { NavigationMenuItemType } from 'twenty-shared/types'; import { normalizeUrl } from 'twenty-shared/utils'; -import { IconLink } from 'twenty-ui/display'; +import { IconLink } from 'twenty-ui/icon'; import { DEFAULT_NAVIGATION_MENU_ITEM_COLOR_LINK } from '@/navigation-menu-item/common/constants/NavigationMenuItemDefaultColorLink'; import { pendingInsertionNavigationMenuItemState } from '@/navigation-menu-item/common/states/pendingInsertionNavigationMenuItemState'; diff --git a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useNavigationMenuItemEditOrganizeActions.ts b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useNavigationMenuItemEditOrganizeActions.ts index 06b1973b7d..bdb2bf7908 100644 --- a/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useNavigationMenuItemEditOrganizeActions.ts +++ b/packages/twenty-front/src/modules/navigation-menu-item/edit/side-panel/hooks/useNavigationMenuItemEditOrganizeActions.ts @@ -3,7 +3,7 @@ import { isNonEmptyString } from '@sniptt/guards'; import { useNavigate } from 'react-router-dom'; import { SidePanelPages } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconDotsVertical } from 'twenty-ui/display'; +import { IconDotsVertical } from 'twenty-ui/icon'; 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/MainNavigationDrawerTabsRow.tsx b/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerTabsRow.tsx index e1b7e8e929..a5f3d0c887 100644 --- a/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerTabsRow.tsx +++ b/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerTabsRow.tsx @@ -1,11 +1,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { - IconComment, - IconHome, - IconMessageCirclePlus, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +import { IconComment, IconHome, IconMessageCirclePlus } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { useIsMobile } from 'twenty-ui/utilities'; diff --git a/packages/twenty-front/src/modules/navigation/components/MobileNavigationBar.tsx b/packages/twenty-front/src/modules/navigation/components/MobileNavigationBar.tsx index 45390d5651..5ec008dd38 100644 --- a/packages/twenty-front/src/modules/navigation/components/MobileNavigationBar.tsx +++ b/packages/twenty-front/src/modules/navigation/components/MobileNavigationBar.tsx @@ -20,7 +20,7 @@ import { IconList, IconMessageCirclePlus, IconSearch, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { NavigationBar } from 'twenty-ui/navigation'; import { PermissionFlagType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/navigation/components/NavigationDrawerOtherSection.tsx b/packages/twenty-front/src/modules/navigation/components/NavigationDrawerOtherSection.tsx index 640ad9bb0e..2be2bfc1e4 100644 --- a/packages/twenty-front/src/modules/navigation/components/NavigationDrawerOtherSection.tsx +++ b/packages/twenty-front/src/modules/navigation/components/NavigationDrawerOtherSection.tsx @@ -1,6 +1,6 @@ import { useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; -import { IconHelpCircle, IconSettings } from 'twenty-ui/display'; +import { IconHelpCircle, IconSettings } from 'twenty-ui/icon'; import { AnimatedExpandableContainer } from 'twenty-ui/layout'; import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState'; diff --git a/packages/twenty-front/src/modules/navigation/components/SettingsNavigationDrawer.tsx b/packages/twenty-front/src/modules/navigation/components/SettingsNavigationDrawer.tsx index 1c75f46217..1b91f60aed 100644 --- a/packages/twenty-front/src/modules/navigation/components/SettingsNavigationDrawer.tsx +++ b/packages/twenty-front/src/modules/navigation/components/SettingsNavigationDrawer.tsx @@ -15,7 +15,7 @@ import { css } from '@linaria/core'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useIsMobile } from 'twenty-ui/utilities'; -import { AdvancedSettingsToggle } from 'twenty-ui/navigation'; +import { AdvancedSettingsToggle } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { PermissionFlagType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/object-metadata/components/ObjectMetadataIcon.tsx b/packages/twenty-front/src/modules/object-metadata/components/ObjectMetadataIcon.tsx index 47b35c962a..dcdfaee67e 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,7 @@ import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem'; import { getObjectColorWithFallback } from '@/object-metadata/utils/getObjectColorWithFallback'; -import { TintedIconTile, useIcons } from 'twenty-ui/display'; +import { TintedIconTile } from 'twenty-ui/data-display'; +import { useIcons } from 'twenty-ui/icon'; export type ObjectMetadataIconInput = Pick< EnrichedObjectMetadataItem, diff --git a/packages/twenty-front/src/modules/object-metadata/hooks/useObjectMetadataSelectHelpers.ts b/packages/twenty-front/src/modules/object-metadata/hooks/useObjectMetadataSelectHelpers.ts index 084ca3e2e9..be14d6b6ec 100644 --- a/packages/twenty-front/src/modules/object-metadata/hooks/useObjectMetadataSelectHelpers.ts +++ b/packages/twenty-front/src/modules/object-metadata/hooks/useObjectMetadataSelectHelpers.ts @@ -1,4 +1,4 @@ -import { type IconComponent, useIcons } from 'twenty-ui/display'; +import { type IconComponent, useIcons } from 'twenty-ui/icon'; import { type ThemeColor } from 'twenty-ui/theme'; import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem'; diff --git a/packages/twenty-front/src/modules/object-metadata/utils/getIconForObjectType.ts b/packages/twenty-front/src/modules/object-metadata/utils/getIconForObjectType.ts index 52e78c8825..d2229471c2 100644 --- a/packages/twenty-front/src/modules/object-metadata/utils/getIconForObjectType.ts +++ b/packages/twenty-front/src/modules/object-metadata/utils/getIconForObjectType.ts @@ -1,4 +1,4 @@ -import { IconCheckbox, type IconComponent, IconNotes } from 'twenty-ui/display'; +import { IconCheckbox, type IconComponent, IconNotes } from 'twenty-ui/icon'; export const getIconForObjectType = ( objectType: string, ): IconComponent | undefined => { diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterAddFilterRuleSelect.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterAddFilterRuleSelect.tsx index 9386aff959..69566cd1d8 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,7 +19,7 @@ import { t } from '@lingui/core/macro'; import { useContext } from 'react'; import { RecordFilterGroupLogicalOperator } from 'twenty-shared/types'; import { getFilterTypeFromFieldType, isDefined } from 'twenty-shared/utils'; -import { IconLibraryPlus, IconPlus } from 'twenty-ui/display'; +import { IconLibraryPlus, IconPlus } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { v4 } from 'uuid'; 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 380547917d..2f231f094a 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,7 +23,7 @@ import { useAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useAtomC import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronLeft, useIcons } from 'twenty-ui/display'; +import { IconChevronLeft, useIcons } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; type AdvancedFilterCompositeSubFieldSelectMenuProps = { diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterGroupOptionsDropdown.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterGroupOptionsDropdown.tsx index 4ae7e5971a..1185e2b1e1 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,7 +8,7 @@ import { DropdownContent } from '@/ui/layout/dropdown/components/DropdownContent import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { t } from '@lingui/core/macro'; -import { IconDotsVertical, IconTrash } from 'twenty-ui/display'; +import { IconDotsVertical, IconTrash } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterOptionsDropdown.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRecordFilterOptionsDropdown.tsx index f32cb131fc..312e0935fe 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,7 +13,7 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconDotsVertical, IconTrash } from 'twenty-ui/display'; +import { IconDotsVertical, IconTrash } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRelationTargetFieldSelectMenu.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/components/AdvancedFilterRelationTargetFieldSelectMenu.tsx index eca26dd428..d3b96dd77d 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,7 +18,7 @@ import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSetAtomComponentState'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronLeft, useIcons } from 'twenty-ui/display'; +import { IconChevronLeft, useIcons } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; type AdvancedFilterRelationTargetFieldSelectMenuProps = { diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/hooks/useRecordFilterField.ts b/packages/twenty-front/src/modules/object-record/advanced-filter/hooks/useRecordFilterField.ts index 98096bc8ae..be77823ed9 100644 --- a/packages/twenty-front/src/modules/object-record/advanced-filter/hooks/useRecordFilterField.ts +++ b/packages/twenty-front/src/modules/object-record/advanced-filter/hooks/useRecordFilterField.ts @@ -6,7 +6,7 @@ import { isValidSubFieldName } from '@/settings/data-model/utils/isValidSubField import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { isNonEmptyString } from '@sniptt/guards'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; export const useRecordFilterField = (recordFilterId: string) => { const currentRecordFilters = useAtomComponentStateValue( diff --git a/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelCreateRootFilterButton.tsx b/packages/twenty-front/src/modules/object-record/advanced-filter/side-panel/components/AdvancedFilterSidePanelCreateRootFilterButton.tsx index df0445b96c..98b8edd508 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,7 +13,7 @@ import { t } from '@lingui/core/macro'; import { useContext } from 'react'; import { RecordFilterGroupLogicalOperator } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconFilter } from 'twenty-ui/display'; +import { IconFilter } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { v4 } from 'uuid'; diff --git a/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx b/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx index 8aa86413f2..800416a17e 100644 --- a/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx +++ b/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx @@ -16,7 +16,7 @@ import { type ChipSize, ChipVariant, LinkChip, -} from 'twenty-ui/components'; +} from 'twenty-ui/data-display'; import { type TriggerEventType } from 'twenty-ui/utilities'; export type RecordChipProps = { diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownActorSelect.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownActorSelect.tsx index 9013d7d2cc..b077596c3a 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownActorSelect.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownActorSelect.tsx @@ -15,7 +15,7 @@ import { arrayOfUuidOrVariableSchema, jsonRelationFilterValueSchema, } from 'twenty-shared/utils'; -import { IconUserCircle } from 'twenty-ui/display'; +import { IconUserCircle } from 'twenty-ui/icon'; export const EMPTY_ACTOR_FILTER_VALUE: string = JSON.stringify({ isCurrentWorkspaceMemberSelected: false, diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownBooleanSelect.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownBooleanSelect.tsx index f162dddbb3..0d765feda0 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 @@ -11,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/display'; +import { IconCheck } from 'twenty-ui/icon'; const StyledBooleanSelectContainer = styled.div<{ selected?: boolean }>` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterInputHeader.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterInputHeader.tsx index 29f8f6e151..b3bd16435f 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterInputHeader.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterInputHeader.tsx @@ -7,7 +7,7 @@ import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/ import { ViewBarFilterDropdownFilterInputMenuHeader } from '@/views/components/ViewBarFilterDropdownFilterInputMenuHeader'; import { ViewBarFilterDropdownIds } from '@/views/constants/ViewBarFilterDropdownIds'; import { useContext } from 'react'; -import { IconX } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui/icon'; // TODO: we shouldn't guess in which parent we are, this should be splitted in two components, one for each case export const ObjectFilterDropdownFilterInputHeader = () => { diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterSelectMenuItem.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterSelectMenuItem.tsx index 51d25ada37..e9658ecc84 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,7 +5,7 @@ import { isManyToOneRelationField } from '@/object-metadata/utils/isManyToOneRel import { useSelectableList } from '@/ui/layout/selectable-list/hooks/useSelectableList'; import { isSelectedItemIdComponentFamilyState } from '@/ui/layout/selectable-list/states/isSelectedItemIdComponentFamilyState'; import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; export type ObjectFilterDropdownFilterSelectMenuItemProps = { diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordPinnedItems.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordPinnedItems.tsx index 35d3c59ea4..cb6797501d 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,6 +1,6 @@ import { type SelectableItem } from '@/object-record/select/types/SelectableItem'; import { styled } from '@linaria/react'; -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { MenuItemMultiSelectAvatar } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordSelect.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordSelect.tsx index 6d8604c925..b619617f72 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordSelect.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordSelect.tsx @@ -23,7 +23,7 @@ import { isDefined, jsonRelationFilterValueSchema, } from 'twenty-shared/utils'; -import { IconUserCircle } from 'twenty-ui/display'; +import { IconUserCircle } from 'twenty-ui/icon'; import { allowRequestsToTwentyIconsState } from '@/client-config/states/allowRequestsToTwentyIcons'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/utils/getActorSourceMultiSelectOptions.ts b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/utils/getActorSourceMultiSelectOptions.ts index 192f6d923b..a6450b1192 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/utils/getActorSourceMultiSelectOptions.ts +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/utils/getActorSourceMultiSelectOptions.ts @@ -8,7 +8,7 @@ import { IconSettingsAutomation, IconUserCircle, IconWebhook, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export const getActorSourceMultiSelectOptions = ( selectedSourceNames: string[], diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCalendarFieldsContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCalendarFieldsContent.tsx index 21d8efb407..e1bb6b9aea 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,7 +14,7 @@ import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomStat import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; import { isFieldMetadataDateKind } from 'twenty-shared/utils'; -import { IconChevronLeft, IconSettings, useIcons } from 'twenty-ui/display'; +import { IconChevronLeft, IconSettings, useIcons } from 'twenty-ui/icon'; import { MenuItem, MenuItemSelect } from 'twenty-ui/navigation'; export const ObjectOptionsDropdownCalendarFieldsContent = () => { diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCalendarViewContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCalendarViewContent.tsx index 8bb9c97060..6f203d56c9 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,13 +13,13 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { useUpdateCurrentView } from '@/views/hooks/useUpdateCurrentView'; import { t } from '@lingui/core/macro'; -import { Pill } from 'twenty-ui/components'; +import { Pill } from 'twenty-ui/data-display'; import { IconCalendarMonth, IconCalendarWeek, IconChevronLeft, IconTimelineEvent, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { ViewCalendarLayout } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCustomView.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCustomView.tsx index 36f7143d2e..d32e182f8e 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 @@ -24,14 +24,14 @@ import { useAtomFamilySelectorValue } from '@/ui/utilities/state/jotai/hooks/use import { useLingui } from '@lingui/react/macro'; import { capitalize, isDefined } from 'twenty-shared/utils'; import { - AppTooltip, IconCalendar, IconCalendarWeek, IconLayoutList, IconListDetails, IconShare, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { AppTooltip } from 'twenty-ui/surfaces'; import { MenuItem } from 'twenty-ui/navigation'; import { ViewCalendarLayout } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownDefaultView.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownDefaultView.tsx index b4af4521d6..0e4a76f948 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,7 +19,7 @@ import { IconListDetails, IconLock, useIcons, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownFieldsContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownFieldsContent.tsx index dc313387de..0fca7793ec 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,7 +10,7 @@ import { ViewFieldsVisibleDropdownSection } from '@/views/components/ViewFieldsV import { useLingui } from '@lingui/react/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { useState } from 'react'; -import { IconChevronLeft, IconEyeOff } from 'twenty-ui/display'; +import { IconChevronLeft, IconEyeOff } from 'twenty-ui/icon'; import { MenuItemNavigate } from 'twenty-ui/navigation'; export const ObjectOptionsDropdownFieldsContent = () => { diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownHiddenFieldsContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownHiddenFieldsContent.tsx index 42bf13b584..3197983c5a 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,7 +14,7 @@ import { ViewFieldsHiddenDropdownSection } from '@/views/components/ViewFieldsHi import { useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconChevronLeft, IconSettings } from 'twenty-ui/display'; +import { IconChevronLeft, IconSettings } from 'twenty-ui/icon'; import { MenuItem, UndecoratedLink } from 'twenty-ui/navigation'; export const ObjectOptionsDropdownHiddenFieldsContent = () => { diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownHiddenRecordGroupsContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownHiddenRecordGroupsContent.tsx index 5b54617da9..22a5470c33 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,7 +23,7 @@ import { useLocation } from 'react-router-dom'; import { VIEW_GROUP_VISIBLE_OPTIONS_MAX } from 'twenty-shared/constants'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconChevronLeft, IconSettings } from 'twenty-ui/display'; +import { IconChevronLeft, IconSettings } from 'twenty-ui/icon'; import { MenuItem, UndecoratedLink } from 'twenty-ui/navigation'; export const ObjectOptionsDropdownHiddenRecordGroupsContent = () => { diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownLayoutContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownLayoutContent.tsx index 35cba6b982..fcd177054a 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 @@ -33,8 +33,8 @@ import { IconLayoutNavbar, IconLayoutSidebarRight, IconTable, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { MenuItem, MenuItemSelect, MenuItemToggle } from 'twenty-ui/navigation'; import { ViewCalendarLayout, diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownLayoutOpenInContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownLayoutOpenInContent.tsx index 4703cd5af4..3426af5059 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,7 +20,7 @@ import { IconChevronLeft, IconLayoutNavbar, IconLayoutSidebarRight, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { MenuItemSelect } from 'twenty-ui/navigation'; export const ObjectOptionsDropdownLayoutOpenInContent = () => { diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownMenuViewName.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownMenuViewName.tsx index 2a4f1aa7f7..7f1ac45058 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,7 +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/display'; +import { useIcons } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { useDebouncedCallback } from 'use-debounce'; diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupFieldsContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupFieldsContent.tsx index 858bb4b18f..587bc7f38e 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,7 +23,7 @@ import { useLingui } from '@lingui/react/macro'; import { useLocation } from 'react-router-dom'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { IconChevronLeft, IconSettings, useIcons } from 'twenty-ui/display'; +import { IconChevronLeft, IconSettings, useIcons } from 'twenty-ui/icon'; import { MenuItem, MenuItemSelect, diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupSortContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupSortContent.tsx index 432ec23f02..eff163b7e0 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,7 +21,7 @@ import { IconHandMove, IconSortAZ, IconSortZA, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { MenuItemSelect } from 'twenty-ui/navigation'; export const ObjectOptionsDropdownRecordGroupSortContent = () => { diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupsContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupsContent.tsx index 38d4a236c8..1bb7b48ab7 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,7 +29,7 @@ import { IconEyeOff, IconLayoutList, IconSortDescending, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { MenuItem, MenuItemNavigate, diff --git a/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownVisibilityContent.tsx b/packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownVisibilityContent.tsx index 2f8659134e..2a53a333de 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 @@ -17,12 +17,12 @@ import { useUpdateCurrentView } from '@/views/hooks/useUpdateCurrentView'; import { useLingui } from '@lingui/react/macro'; import { createPortal } from 'react-dom'; import { - AppTooltip, IconChevronLeft, IconCircle, IconCircleDashed, IconCopy, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { AppTooltip } from 'twenty-ui/surfaces'; import { MenuItem, MenuItemSelect } from 'twenty-ui/navigation'; import { ViewVisibility, diff --git a/packages/twenty-front/src/modules/object-record/object-sort-dropdown/components/ObjectSortDropdownButton.tsx b/packages/twenty-front/src/modules/object-record/object-sort-dropdown/components/ObjectSortDropdownButton.tsx index 877b9f646d..7dee8849cc 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,7 +32,7 @@ import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSe import { useAtomFamilySelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilySelectorValue'; import { Trans, useLingui } from '@lingui/react/macro'; import { findByProperty } from 'twenty-shared/utils'; -import { IconX, useIcons } from 'twenty-ui/display'; +import { IconX, useIcons } from 'twenty-ui/icon'; 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/RecordBoardClickOutsideEffect.tsx b/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardClickOutsideEffect.tsx index fdedc6ef34..b3707bab8e 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardClickOutsideEffect.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardClickOutsideEffect.tsx @@ -14,7 +14,7 @@ import { PAGE_ACTION_CONTAINER_CLICK_OUTSIDE_ID } from '@/ui/layout/page/constan import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useContext } from 'react'; -import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui/components'; +import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui/data-display'; export const RecordBoardClickOutsideEffect = () => { const { recordBoardId } = useContext(RecordBoardContext); diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx index beb5153035..1f6f63708d 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 @@ -33,7 +33,7 @@ import { useGetCurrentViewOnly } from '@/views/hooks/useGetCurrentViewOnly'; import { styled } from '@linaria/react'; import { useContext } from 'react'; import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { AnimatedEaseInOut } from 'twenty-ui/utilities'; +import { AnimatedEaseInOut } from 'twenty-ui/layout'; import { useDebouncedCallback } from 'use-debounce'; const StyledCardContainer = styled.div<{ isPrimaryMultiDrag?: boolean }>` diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardHeader.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardHeader.tsx index 77dd1f34ce..b8cb09f207 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 @@ -22,8 +22,8 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { isDefined } from 'twenty-shared/utils'; -import { ChipVariant } from 'twenty-ui/components'; -import { IconEye, IconEyeOff } from 'twenty-ui/display'; +import { ChipVariant } from 'twenty-ui/data-display'; +import { IconEye, IconEyeOff } from 'twenty-ui/icon'; import { Checkbox, CheckboxVariant, LightIconButton } from 'twenty-ui/input'; const StyledCompactIconContainer = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardMultiDragCounterChip.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardMultiDragCounterChip.tsx index b855379a98..7aea3c3cec 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardMultiDragCounterChip.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardMultiDragCounterChip.tsx @@ -1,7 +1,7 @@ import { originalDragSelectionComponentState } from '@/object-record/record-drag/states/originalDragSelectionComponentState'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { styled } from '@linaria/react'; -import { NotificationCounter } from 'twenty-ui/navigation'; +import { NotificationCounter } from 'twenty-ui/data-display'; const StyledNotificationCounterContainer = styled.div` position: absolute; 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 53a644335f..24d0c8958d 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 @@ -20,8 +20,8 @@ import { useToggleDropdown } from '@/ui/layout/dropdown/hooks/useToggleDropdown' import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentSelectorValue'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; -import { Tag } from 'twenty-ui/components'; -import { IconDotsVertical, IconPlus } from 'twenty-ui/display'; +import { Tag } from 'twenty-ui/data-display'; +import { IconDotsVertical, IconPlus } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; const StyledHeader = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownButton.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownButton.tsx index c496123610..606c7f82ff 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownButton.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownButton.tsx @@ -4,8 +4,8 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { styled } from '@linaria/react'; import { type Nullable } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { Tag } from 'twenty-ui/components'; -import { AppTooltip, TooltipDelay } from 'twenty-ui/display'; +import { Tag } from 'twenty-ui/data-display'; +import { AppTooltip, TooltipDelay } from 'twenty-ui/surfaces'; const StyledTagContainer = styled.div` width: 100%; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownFieldsContent.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownFieldsContent.tsx index 1931d07031..4675c5fe64 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 @@ -12,12 +12,7 @@ import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/Drop import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useUpdateViewAggregate } from '@/views/hooks/useUpdateViewAggregate'; import { isDefined } from 'twenty-shared/utils'; -import { - Icon123, - IconCheck, - IconChevronLeft, - useIcons, -} from 'twenty-ui/display'; +import { Icon123, IconCheck, IconChevronLeft, useIcons } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; export const RecordBoardColumnHeaderAggregateDropdownFieldsContent = () => { diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownMenuItem.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownMenuItem.tsx index fd5043224c..1d51ddba4c 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,4 +1,4 @@ -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; export const RecordBoardColumnHeaderAggregateDropdownMenuItem = ({ diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownOptionsContent.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownOptionsContent.tsx index 411e144f77..b1366696dd 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownOptionsContent.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownOptionsContent.tsx @@ -19,7 +19,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSetAtomComponentState'; import { useUpdateViewAggregate } from '@/views/hooks/useUpdateViewAggregate'; import isEmpty from 'lodash.isempty'; -import { IconCheck, IconChevronLeft } from 'twenty-ui/display'; +import { IconCheck, IconChevronLeft } from 'twenty-ui/icon'; export const RecordBoardColumnHeaderAggregateDropdownOptionsContent = ({ availableAggregations, 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 cd5a09054d..45dac3eb0e 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,7 +8,7 @@ import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledNewButton = styled.button` diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendar.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendar.tsx index 2857f59fcd..4d7edb5bcc 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,7 +13,7 @@ import { PAGE_ACTION_CONTAINER_CLICK_OUTSIDE_ID } from '@/ui/layout/page/constan import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside'; import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper'; import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/component-state/hooks/useAvailableComponentInstanceIdOrThrow'; -import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui/components'; +import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui/data-display'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledContainerContainer = styled.div` 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 569f68e9bd..adeff44344 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,7 +11,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { styled } from '@linaria/react'; import { useContext } from 'react'; import { type Temporal } from 'temporal-polyfill'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendarTopBar.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendarTopBar.tsx index b008bd49f3..fb91ea19b9 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,7 +18,7 @@ import { isDefined, turnPlainDateToShiftedDateInSystemTimeZone, } from 'twenty-shared/utils'; -import { IconChevronLeft, IconChevronRight } from 'twenty-ui/display'; +import { IconChevronLeft, IconChevronRight } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCard.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCard.tsx index 2685945cfd..3618b57b8c 100644 --- a/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCard.tsx +++ b/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCard.tsx @@ -18,7 +18,7 @@ import { useAtomComponentFamilyState } from '@/ui/utilities/state/jotai/hooks/us import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSetAtomComponentState'; import { useGetCurrentViewOnly } from '@/views/hooks/useGetCurrentViewOnly'; import { styled } from '@linaria/react'; -import { AnimatedEaseInOut } from 'twenty-ui/utilities'; +import { AnimatedEaseInOut } from 'twenty-ui/layout'; const StyledContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCardHeader.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCardHeader.tsx index 23b83f78fa..f712e15098 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,7 +11,7 @@ import { useGetCurrentViewOnly } from '@/views/hooks/useGetCurrentViewOnly'; import { styled } from '@linaria/react'; import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilyStateValue'; import { isDefined } from 'twenty-shared/utils'; -import { ChipVariant } from 'twenty-ui/components'; +import { ChipVariant } from 'twenty-ui/data-display'; import { Checkbox, CheckboxVariant } from 'twenty-ui/input'; import { isRecordCalendarCardSelectedComponentFamilyState } from '@/object-record/record-calendar/record-calendar-card/states/isRecordCalendarCardSelectedComponentFamilyState'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/duplicate/components/RecordDetailDuplicatesSection.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/duplicate/components/RecordDetailDuplicatesSection.tsx index dbade26a6f..892713f0cd 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,7 +8,7 @@ import { RecordDetailSectionContainer } from '@/object-record/record-field-list/ import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconArrowMerge } from 'twenty-ui/display'; +import { IconArrowMerge } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; export const RecordDetailDuplicatesSection = ({ diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailMorphRelationSectionDropdownManyToOne.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailMorphRelationSectionDropdownManyToOne.tsx index b71a73ae30..381d21c5db 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,7 +20,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSetAtomComponentState'; import { FieldMetadataType } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconForbid, IconPencil } from 'twenty-ui/display'; +import { IconForbid, IconPencil } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; type RecordDetailMorphRelationSectionDropdownManyToOneProps = { diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailMorphRelationSectionDropdownOneToMany.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailMorphRelationSectionDropdownOneToMany.tsx index 8c581922d6..282355441f 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,7 +22,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSetAtomComponentState'; import { FieldMetadataType } from 'twenty-shared/types'; import { CustomError, isDefined } from 'twenty-shared/utils'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; type RecordDetailMorphRelationSectionDropdownOneToManyProps = { diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationRecordsListItem.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationRecordsListItem.tsx index 276cd2ddbf..0dd018fd66 100644 --- a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationRecordsListItem.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationRecordsListItem.tsx @@ -42,10 +42,10 @@ import { IconTrash, IconUnlink, type IconComponent, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; -import { AnimatedEaseInOut } from 'twenty-ui/utilities'; +import { AnimatedEaseInOut } from 'twenty-ui/layout'; import { FieldMetadataType, RelationType } from '~/generated-metadata/graphql'; const StyledClickableZone = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationSectionDropdownToMany.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationSectionDropdownToMany.tsx index 82b66f828f..a6538736f4 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,7 +40,7 @@ import { CustomError, isDefined, } from 'twenty-shared/utils'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; type RecordDetailRelationSectionDropdownToManyProps = { diff --git a/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationSectionDropdownToOne.tsx b/packages/twenty-front/src/modules/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationSectionDropdownToOne.tsx index 4e69622bd9..8566bf7462 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,7 +26,7 @@ import { getFieldMetadataItemById } from '@/object-metadata/utils/getFieldMetada import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata'; import { isFieldRelation } from '@/object-record/record-field/ui/types/guards/isFieldRelation'; import { CustomError, isDefined } from 'twenty-shared/utils'; -import { IconForbid, IconPencil } from 'twenty-ui/display'; +import { IconForbid, IconPencil } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; type RecordDetailRelationSectionDropdownToOneProps = { diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/components/LightCopyIconButton.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/components/LightCopyIconButton.tsx index 1051c18fb1..f7a7ac4c87 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,6 +1,6 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconCopy } from 'twenty-ui/display'; +import { IconCopy } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/BaseChip.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/BaseChip.tsx index d2065e6c31..1adb14a359 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,6 +1,6 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconX } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledChip = styled.div<{ deletable: boolean; danger: boolean }>` diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormAdvancedTextFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormAdvancedTextFieldInput.tsx index 699cb7ce7b..ac486438bc 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,7 +17,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useId, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconMaximize } from 'twenty-ui/display'; +import { IconMaximize } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useIsMobile } from 'twenty-ui/utilities'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormArrayFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormArrayFieldInput.tsx index 11fefb120a..1a9a4e5260 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,7 +27,7 @@ import { useLingui } from '@lingui/react/macro'; import { isNonEmptyArray } from '@sniptt/guards'; import { useContext, useId, useRef, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { MenuItem } from 'twenty-ui/navigation'; import { toSpliced } from '~/utils/array/toSpliced'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormBooleanFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormBooleanFieldInput.tsx index 5a1089d27f..76fb7fe342 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,7 +11,7 @@ import { isStandaloneVariableString } from '@/workflow/utils/isStandaloneVariabl import { useLingui } from '@lingui/react/macro'; import { useContext, useId, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconCheck, IconCircleOff, IconX } from 'twenty-ui/display'; +import { IconCheck, IconCircleOff, IconX } from 'twenty-ui/icon'; import { ThemeContext } from 'twenty-ui/theme-constants'; type FormBooleanFieldInputProps = { diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCallingCodeSelectInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCallingCodeSelectInput.tsx index 2c4b17ac23..42f3d6fbe0 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,7 +5,7 @@ import { type VariablePickerComponent } from '@/object-record/record-field/ui/fo import { useCountries } from '@/ui/input/components/internal/hooks/useCountries'; import { isStandaloneVariableString } from '@/workflow/utils/isStandaloneVariableString'; import { t } from '@lingui/core/macro'; -import { IconCircleOff, type IconComponentProps } from 'twenty-ui/display'; +import { IconCircleOff, type IconComponentProps } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; export type FormCallingCodeSelectInputUpdatedValue = { diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCountryMultiSelectInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCountryMultiSelectInput.tsx index e281246a87..81f18a7ede 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,7 +4,7 @@ import { FormMultiSelectFieldInput } from '@/object-record/record-field/ui/form- import { type VariablePickerComponent } from '@/object-record/record-field/ui/form-types/types/VariablePickerComponent'; import { type FieldMultiSelectValue } from '@/object-record/record-field/ui/types/FieldMetadata'; import { useCountries } from '@/ui/input/components/internal/hooks/useCountries'; -import { type IconComponentProps } from 'twenty-ui/display'; +import { type IconComponentProps } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; export const FormCountryMultiSelectInput = ({ diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCountrySelectInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCountrySelectInput.tsx index 1402f7fdf7..c063db69ce 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,7 +4,7 @@ import { useMemo } from 'react'; import { FormSelectFieldInput } from '@/object-record/record-field/ui/form-types/components/FormSelectFieldInput'; import { type VariablePickerComponent } from '@/object-record/record-field/ui/form-types/types/VariablePickerComponent'; import { useCountries } from '@/ui/input/components/internal/hooks/useCountries'; -import { IconCircleOff, type IconComponentProps } from 'twenty-ui/display'; +import { IconCircleOff, type IconComponentProps } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; export const FormCountrySelectInput = ({ diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCurrencyFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCurrencyFieldInput.tsx index 6df65e6a47..19becd6dcf 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCurrencyFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormCurrencyFieldInput.tsx @@ -9,7 +9,7 @@ import { InputLabel } from '@/ui/input/components/InputLabel'; import { t } from '@lingui/core/macro'; import { useMemo } from 'react'; import { type CurrencyCode } from 'twenty-shared/constants'; -import { IconCircleOff } from 'twenty-ui/display'; +import { IconCircleOff } from 'twenty-ui/icon'; type FormCurrencyFieldInputProps = { label?: string; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormMultiSelectFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormMultiSelectFieldInput.tsx index a082ee4f00..164039561b 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 @@ -23,7 +23,7 @@ import { isArray } from '@sniptt/guards'; import { useContext, useId, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; import { VisibilityHidden } from 'twenty-ui/accessibility'; -import { IconChevronDown } from 'twenty-ui/display'; +import { IconChevronDown } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; 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 7e15563cf6..6b189c5ed0 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,7 +14,7 @@ import { isStandaloneVariableString } from '@/workflow/utils/isStandaloneVariabl import { useContext, useId, useState } from 'react'; import { Key } from 'ts-key-enum'; import { isDefined } from 'twenty-shared/utils'; -import { IconCircleOff } from 'twenty-ui/display'; +import { IconCircleOff } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { ThemeContext } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormSingleRecordFieldChip.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormSingleRecordFieldChip.tsx index 030a97773a..c2e1c0f3d1 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,7 +10,7 @@ import { isStandaloneVariableString } from '@/workflow/utils/isStandaloneVariabl import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconForbid } from 'twenty-ui/display'; +import { IconForbid } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledRecordChipContainer = styled.div` 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 1f2308b67b..af2c082b32 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,7 +18,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useCallback, useContext, useId } from 'react'; import { CustomError, isDefined, isValidUuid } from 'twenty-shared/utils'; -import { IconChevronDown, IconForbid } from 'twenty-ui/display'; +import { IconChevronDown, IconForbid } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledFormSelectContainerWrapper = styled.div<{ readonly?: boolean }>` diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormWorkspaceMemberFilterValueInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormWorkspaceMemberFilterValueInput.tsx index a1a8c705cf..146a4ad874 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,7 +10,7 @@ import { } from 'react'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronDown, IconUserCircle } from 'twenty-ui/display'; +import { IconChevronDown, IconUserCircle } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { type JsonValue } from 'type-fest'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormWorkspaceMemberFilterValueInputTrigger.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormWorkspaceMemberFilterValueInputTrigger.tsx index 5b635a85c5..90f3a53459 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,7 +1,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconUserCircle } from 'twenty-ui/display'; +import { IconUserCircle } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { FormFieldPlaceholder } from '@/object-record/record-field/ui/form-types/components/FormFieldPlaceholder'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/VariableChip.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/VariableChip.tsx index 3e173d8acc..2ebd71b511 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,7 +4,7 @@ import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; import { extractRawVariableNamePart } from 'twenty-shared/workflow'; -import { IconAlertTriangle } from 'twenty-ui/display'; +import { IconAlertTriangle } from 'twenty-ui/icon'; import { ThemeContext } from 'twenty-ui/theme-constants'; type VariableChipProps = { diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/__tests__/useGetButtonIcon.test.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/__tests__/useGetButtonIcon.test.tsx index bc660aaea5..8ef9ec7fa7 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/__tests__/useGetButtonIcon.test.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/__tests__/useGetButtonIcon.test.tsx @@ -9,7 +9,7 @@ import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldCont import { useGetButtonIcon } from '@/object-record/record-field/ui/hooks/useGetButtonIcon'; import { type FieldDefinition } from '@/object-record/record-field/ui/types/FieldDefinition'; import { type FieldMetadata } from '@/object-record/record-field/ui/types/FieldMetadata'; -import { IconPencil } from 'twenty-ui/display'; +import { IconPencil } from 'twenty-ui/icon'; const recordId = 'recordId'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/useGetButtonIcon.ts b/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/useGetButtonIcon.ts index 6f25b9c827..1c3480f24c 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/useGetButtonIcon.ts +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/hooks/useGetButtonIcon.ts @@ -2,7 +2,7 @@ import { useContext } from 'react'; import { getFieldButtonIcon } from '@/object-record/record-field/ui/utils/getFieldButtonIcon'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext'; export const useGetButtonIcon = (): IconComponent | undefined => { diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/ChipFieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/ChipFieldDisplay.tsx index 2a981969d8..304d472762 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/ChipFieldDisplay.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/ChipFieldDisplay.tsx @@ -1,7 +1,7 @@ import { RecordChip } from '@/object-record/components/RecordChip'; import { useChipFieldDisplay } from '@/object-record/record-field/ui/meta-types/hooks/useChipFieldDisplay'; import { isDefined } from 'twenty-shared/utils'; -import { ChipSize } from 'twenty-ui/components'; +import { ChipSize } from 'twenty-ui/data-display'; 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 16ea2edf66..142ddf7fef 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,7 +1,7 @@ import { styled } from '@linaria/react'; import { Trans } from '@lingui/react/macro'; import { useContext } from 'react'; -import { IconLock } from 'twenty-ui/display'; +import { IconLock } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/MultiSelectFieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/MultiSelectFieldDisplay.tsx index fab447f299..a0aeff5c08 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/MultiSelectFieldDisplay.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/display/components/MultiSelectFieldDisplay.tsx @@ -2,7 +2,7 @@ import { useFieldFocus } from '@/object-record/record-field/ui/hooks/useFieldFoc import { useMultiSelectFieldDisplay } from '@/object-record/record-field/ui/meta-types/hooks/useMultiSelectFieldDisplay'; import { MultiSelectDisplay } from '@/ui/field/display/components/MultiSelectDisplay'; import { ExpandableList } from '@/ui/layout/expandable-list/components/ExpandableList'; -import { Tag } from 'twenty-ui/components'; +import { Tag } from 'twenty-ui/data-display'; import { isDefined } from 'twenty-shared/utils'; export const MultiSelectFieldDisplay = () => { 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 56c6a0d056..8e460437b0 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/FilesFieldMenuItem.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/FilesFieldMenuItem.tsx @@ -1,7 +1,7 @@ import { FileIcon } from '@/file/components/FileIcon'; import { type FieldFilesValue } from '@/object-record/record-field/ui/types/FieldMetadata'; import { getFileCategoryFromExtension } from '@/object-record/record-field/ui/utils/getFileCategoryFromExtension'; -import { Chip, ChipVariant } from 'twenty-ui/components'; +import { Chip, ChipVariant } from 'twenty-ui/data-display'; import { MultiItemFieldMenuItem } from './MultiItemFieldMenuItem'; type FilesFieldMenuItemProps = { diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MorphRelationManyToOneFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MorphRelationManyToOneFieldInput.tsx index 2bdab5e8b9..05c902bb21 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MorphRelationManyToOneFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MorphRelationManyToOneFieldInput.tsx @@ -15,7 +15,7 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconForbid } from 'twenty-ui/display'; +import { IconForbid } from 'twenty-ui/icon'; 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/MultiItemFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MultiItemFieldInput.tsx index 5f2fb98e0b..fb57c474b4 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,7 +22,7 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { isNonEmptyString } from '@sniptt/guards'; import { CustomError, isDefined } from 'twenty-shared/utils'; -import { IconCheck, IconPlus } from 'twenty-ui/display'; +import { IconCheck, IconPlus } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; import { FieldMetadataType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MultiItemFieldMenuItem.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/MultiItemFieldMenuItem.tsx index 7b9dd8fa7f..4c5fb0291c 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,7 +12,7 @@ import { IconCopy, IconPencil, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; type MultiItemFieldMenuItemProps = { 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 95d6454ca4..c275552791 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,7 +9,7 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { useLingui } from '@lingui/react/macro'; import { useContext, useRef, useState } from 'react'; import { Key } from 'ts-key-enum'; -import { IconPencil } from 'twenty-ui/display'; +import { IconPencil } from 'twenty-ui/icon'; import { CodeEditor, FloatingIconButton } from 'twenty-ui/input'; import { JsonTree, isTwoFirstDepths } from 'twenty-ui/json-visualizer'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RelationManyToOneFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RelationManyToOneFieldInput.tsx index ef79e910f7..3c2960b88c 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RelationManyToOneFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RelationManyToOneFieldInput.tsx @@ -18,7 +18,7 @@ import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSe import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; import { CustomError, isDefined } from 'twenty-shared/utils'; -import { IconForbid } from 'twenty-ui/display'; +import { IconForbid } from 'twenty-ui/icon'; export const RelationManyToOneFieldInput = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RichTextFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RichTextFieldInput.tsx index 752ec6e7e9..b344597cbb 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,7 +12,7 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { styled } from '@linaria/react'; import { Suspense, lazy, useContext, useRef } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; -import { IconLayoutSidebarLeftCollapse } from 'twenty-ui/display'; +import { IconLayoutSidebarLeftCollapse } from 'twenty-ui/icon'; import { FloatingIconButton } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; 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 42c8e5df35..800c8bc773 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/types/FieldDefinition.ts +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/types/FieldDefinition.ts @@ -1,6 +1,6 @@ import { type FieldMetadataType } from '~/generated-metadata/graphql'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { type FieldMetadata } from './FieldMetadata'; export type FieldDefinition = { diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/types/RecordChipData.ts b/packages/twenty-front/src/modules/object-record/record-field/ui/types/RecordChipData.ts index 74596bde84..3d3dff2cac 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/types/RecordChipData.ts +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/types/RecordChipData.ts @@ -1,4 +1,4 @@ -import { type AvatarType } from 'twenty-ui/display'; +import { type AvatarType } from 'twenty-ui/data-display'; export type RecordChipData = { recordId: string; name: string; diff --git a/packages/twenty-front/src/modules/object-record/record-field/ui/utils/getFieldButtonIcon.ts b/packages/twenty-front/src/modules/object-record/record-field/ui/utils/getFieldButtonIcon.ts index 225ee9bcfd..57d5b783dc 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/ui/utils/getFieldButtonIcon.ts +++ b/packages/twenty-front/src/modules/object-record/record-field/ui/utils/getFieldButtonIcon.ts @@ -10,7 +10,7 @@ import { isUndefinedOrNull } from '~/utils/isUndefinedOrNull'; import { isFieldArray } from '@/object-record/record-field/ui/types/guards/isFieldArray'; import { isFieldFiles } from '@/object-record/record-field/ui/types/guards/isFieldFiles'; -import { IconPencil, type IconComponent } from 'twenty-ui/display'; +import { IconPencil, type IconComponent } from 'twenty-ui/icon'; 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 694f99b0df..9d749b1aad 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,8 +6,8 @@ import { import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilyStateValue'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { Tag } from 'twenty-ui/components'; -import { IconEye, IconEyeOff } from 'twenty-ui/display'; +import { Tag } from 'twenty-ui/data-display'; +import { IconEye, IconEyeOff } from 'twenty-ui/icon'; import { MenuItemDraggable } from 'twenty-ui/navigation'; type RecordGroupMenuItemDraggableProps = { diff --git a/packages/twenty-front/src/modules/object-record/record-group/hooks/useRecordGroupActions.ts b/packages/twenty-front/src/modules/object-record/record-group/hooks/useRecordGroupActions.ts index 1d65ebca16..36ddd64bce 100644 --- a/packages/twenty-front/src/modules/object-record/record-group/hooks/useRecordGroupActions.ts +++ b/packages/twenty-front/src/modules/object-record/record-group/hooks/useRecordGroupActions.ts @@ -24,7 +24,7 @@ import { IconArrowRight, IconEyeOff, IconSettings, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { PermissionFlagType } from '~/generated-metadata/graphql'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; diff --git a/packages/twenty-front/src/modules/object-record/record-group/types/RecordGroupActions.ts b/packages/twenty-front/src/modules/object-record/record-group/types/RecordGroupActions.ts index 65a9dff018..8c40542a41 100644 --- a/packages/twenty-front/src/modules/object-record/record-group/types/RecordGroupActions.ts +++ b/packages/twenty-front/src/modules/object-record/record-group/types/RecordGroupActions.ts @@ -1,4 +1,4 @@ -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; export type RecordGroupAction = { id: string; diff --git a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexEmptyStateNotShared.tsx b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexEmptyStateNotShared.tsx index 3f03e07c2f..685fd27efa 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexEmptyStateNotShared.tsx +++ b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexEmptyStateNotShared.tsx @@ -9,7 +9,7 @@ import { AnimatedPlaceholderEmptySubTitle, AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, -} from 'twenty-ui/layout'; +} from 'twenty-ui/feedback'; const StyledEmptyPlaceholderOuterContainer = styled.div` height: 100%; diff --git a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageKanbanAddMenuItem.tsx b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageKanbanAddMenuItem.tsx index 4297cdf0b3..86ec49f9d4 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 @@ -4,7 +4,7 @@ import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAto import { styled } from '@linaria/react'; import { isDefined } from 'twenty-shared/utils'; import { MenuItem } from 'twenty-ui/navigation'; -import { Tag } from 'twenty-ui/components'; +import { Tag } from 'twenty-ui/data-display'; const StyledMenuItemContainer = styled.div` width: calc(100% - 2 * var(--horizontal-padding)); diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCell.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCell.tsx index 8b45437e51..d8ad6ea7bb 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCell.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCell.tsx @@ -20,7 +20,7 @@ import { getDropdownFocusIdForRecordField } from '@/object-record/utils/getDropd import { useGoBackToPreviousDropdownFocusId } from '@/ui/layout/dropdown/hooks/useGoBackToPreviousDropdownFocusId'; import { activeDropdownFocusIdState } from '@/ui/layout/dropdown/states/activeDropdownFocusIdState'; import { useStore } from 'jotai'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { RecordInlineCellContainer } from './RecordInlineCellContainer'; import { RecordInlineCellContext, diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellAnchoredPortalContext.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellAnchoredPortalContext.tsx index ff99d68d71..0f869d53e4 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellAnchoredPortalContext.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellAnchoredPortalContext.tsx @@ -8,7 +8,7 @@ import { type RecordInlineCellContextProps, } from '@/object-record/record-inline-cell/components/RecordInlineCellContext'; import { useContext, type ReactNode } from 'react'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; type RecordInlineCellAnchoredPortalContextProps = { children: ReactNode; diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx index 62b08f637b..75f546873d 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 @@ -13,7 +13,7 @@ import { AppTooltip, OverflowingTextWithTooltip, TooltipDelay, -} from 'twenty-ui/display'; +} from 'twenty-ui/surfaces'; import { FieldMetadataType } from '~/generated-metadata/graphql'; import { useRecordInlineCellContext } from './RecordInlineCellContext'; diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContext.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContext.tsx index 187cc3a7b0..64f1dab71c 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContext.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContext.tsx @@ -1,5 +1,5 @@ import { createContext, type ReactElement, useContext } from 'react'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; export type RecordInlineCellContextProps = { readonly?: boolean; diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditButton.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditButton.tsx index 621580c83c..12ef04edce 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditButton.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditButton.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { FloatingIconButton } from 'twenty-ui/input'; -import { AnimatedContainer } from 'twenty-ui/utilities'; +import { AnimatedContainer } from 'twenty-ui/layout'; const StyledInlineCellButtonContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-merge/components/MergeRecordsFooter.tsx b/packages/twenty-front/src/modules/object-record/record-merge/components/MergeRecordsFooter.tsx index bd02997a6d..c71a1d4c06 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,7 +4,7 @@ import { useHotkeysOnFocusedElement } from '@/ui/utilities/hotkey/hooks/useHotke import { styled } from '@linaria/react'; import { Key } from 'ts-key-enum'; import { t } from '@lingui/core/macro'; -import { IconArrowMerge } from 'twenty-ui/display'; +import { IconArrowMerge } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/object-record/record-merge/hooks/useMergeRecordsContainerTabs.ts b/packages/twenty-front/src/modules/object-record/record-merge/hooks/useMergeRecordsContainerTabs.ts index 4d47fc4c15..e4654ec2d5 100644 --- a/packages/twenty-front/src/modules/object-record/record-merge/hooks/useMergeRecordsContainerTabs.ts +++ b/packages/twenty-front/src/modules/object-record/record-merge/hooks/useMergeRecordsContainerTabs.ts @@ -2,7 +2,7 @@ import { useMemo } from 'react'; import { useLingui } from '@lingui/react/macro'; -import { IconArrowMerge, IconSettings } from 'twenty-ui/display'; +import { IconArrowMerge, IconSettings } from 'twenty-ui/icon'; import { type ObjectRecord } from '@/object-record/types/ObjectRecord'; import { type SingleTabProps } from '@/ui/layout/tab-list/types/SingleTabProps'; diff --git a/packages/twenty-front/src/modules/object-record/record-merge/utils/getPositionNumberIcon.ts b/packages/twenty-front/src/modules/object-record/record-merge/utils/getPositionNumberIcon.ts index e54d115168..b6c8c349c7 100644 --- a/packages/twenty-front/src/modules/object-record/record-merge/utils/getPositionNumberIcon.ts +++ b/packages/twenty-front/src/modules/object-record/record-merge/utils/getPositionNumberIcon.ts @@ -9,7 +9,7 @@ import { IconSquareNumber7, IconSquareNumber8, IconSquareNumber9, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; 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/multiple-record-picker/components/MultipleRecordPicker.tsx b/packages/twenty-front/src/modules/object-record/record-picker/multiple-record-picker/components/MultipleRecordPicker.tsx index 3774e5fa9c..d6ecc1baa5 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/display'; +import { IconPlus } from 'twenty-ui/icon'; type MultipleRecordPickerProps = { onChange?: (morphItem: RecordPickerPickableMorphItem) => void; diff --git a/packages/twenty-front/src/modules/object-record/record-picker/multiple-record-picker/components/MultipleRecordPickerMenuItemContent.tsx b/packages/twenty-front/src/modules/object-record/record-picker/multiple-record-picker/components/MultipleRecordPickerMenuItemContent.tsx index bd4cb168b1..8a438be709 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,7 +13,7 @@ import { useAtomComponentFamilySelectorValue } from '@/ui/utilities/state/jotai/ import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { capitalize } from 'twenty-shared/utils'; -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { MenuItemMultiSelectAvatar } from 'twenty-ui/navigation'; import { multipleRecordPickerSearchableObjectMetadataItemsComponentState } from '@/object-record/record-picker/multiple-record-picker/states/multipleRecordPickerSearchableObjectMetadataItemsComponentState'; diff --git a/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItem.tsx b/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItem.tsx index cb2f074b10..9263968ea8 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,7 +11,7 @@ import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAto import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; import { capitalize, isDefined } from 'twenty-shared/utils'; -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { MenuItemSelectAvatar } from 'twenty-ui/navigation'; type SingleRecordPickerMenuItemProps = { diff --git a/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItems.tsx b/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/SingleRecordPickerMenuItems.tsx index 968c8766bd..01dac86619 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,7 +21,7 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { useAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useAtomComponentState'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { MenuItemSelect } from 'twenty-ui/navigation'; export type SingleRecordPickerMenuItemsProps = { 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 7637005237..b72fdc7ae8 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/display'; +import { IconPlus } from 'twenty-ui/icon'; export type SingleRecordPickerMenuItemsWithSearchProps = { excludedRecordIds?: string[]; diff --git a/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/__stories__/SingleRecordPicker.stories.tsx b/packages/twenty-front/src/modules/object-record/record-picker/single-record-picker/components/__stories__/SingleRecordPicker.stories.tsx index 947ba90d36..8f3622b179 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,7 +8,7 @@ import { graphqlMocks } from '~/testing/graphqlMocks'; import { sleep } from '~/utils/sleep'; import { SingleRecordPicker } from '@/object-record/record-picker/single-record-picker/components/SingleRecordPicker'; -import { IconUserCircle } from 'twenty-ui/display'; +import { IconUserCircle } from 'twenty-ui/icon'; import { ComponentDecorator } from 'twenty-ui/testing'; // const records = allMockPersonRecords.map((person) => ({ 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 4b8adf4bd0..1b43356beb 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableNoRecordGroupAddNew.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableNoRecordGroupAddNew.tsx @@ -13,7 +13,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { t } from '@lingui/core/macro'; import { useCallback } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; export const RecordTableNoRecordGroupAddNew = () => { const { objectMetadataItem } = useRecordTableContextOrThrow(); 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 3b8e98f7e4..b51525bb92 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,7 +7,7 @@ import { useScrollWrapperHTMLElement } from '@/ui/utilities/scroll/hooks/useScro import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentSelectorValue'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { styled } from '@linaria/react'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { AnimatedPlaceholder, @@ -16,7 +16,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, type AnimatedPlaceholderType, -} from 'twenty-ui/layout'; +} from 'twenty-ui/feedback'; const StyledEmptyPlaceholderOuterContainer = styled.div` height: 100%; diff --git a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoGroupNoRecordAtAll.tsx b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoGroupNoRecordAtAll.tsx index d4bbbd3a7e..a6c4124591 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoGroupNoRecordAtAll.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoGroupNoRecordAtAll.tsx @@ -4,7 +4,7 @@ import { RecordTableEmptyStateDisplay } from '@/object-record/record-table/empty import { getEmptyStateSubTitle } from '@/object-record/record-table/empty-state/utils/getEmptyStateSubTitle'; import { getEmptyStateTitle } from '@/object-record/record-table/empty-state/utils/getEmptyStateTitle'; import { useCreateNewIndexRecord } from '@/object-record/record-table/hooks/useCreateNewIndexRecord'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; export const RecordTableEmptyStateNoGroupNoRecordAtAll = () => { const { objectMetadataItem } = useRecordTableContextOrThrow(); diff --git a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoRecordFoundForFilter.tsx b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoRecordFoundForFilter.tsx index a3bf64821e..56e2f29d22 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoRecordFoundForFilter.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateNoRecordFoundForFilter.tsx @@ -3,7 +3,7 @@ import { useRecordTableContextOrThrow } from '@/object-record/record-table/conte import { RecordTableEmptyStateDisplay } from '@/object-record/record-table/empty-state/components/RecordTableEmptyStateDisplay'; import { useCreateNewIndexRecord } from '@/object-record/record-table/hooks/useCreateNewIndexRecord'; import { t } from '@lingui/core/macro'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; export const RecordTableEmptyStateNoRecordFoundForFilter = () => { const { objectMetadataItem } = useRecordTableContextOrThrow(); diff --git a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateReadOnly.tsx b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateReadOnly.tsx index 8083e7fa51..90418c4d3f 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateReadOnly.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateReadOnly.tsx @@ -2,7 +2,7 @@ import { useObjectLabel } from '@/object-metadata/hooks/useObjectLabel'; import { useRecordTableContextOrThrow } from '@/object-record/record-table/contexts/RecordTableContext'; import { RecordTableEmptyStateDisplay } from '@/object-record/record-table/empty-state/components/RecordTableEmptyStateDisplay'; import { t } from '@lingui/core/macro'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; export const RecordTableEmptyStateReadOnly = () => { const { objectMetadataItem } = useRecordTableContextOrThrow(); diff --git a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateRemote.tsx b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateRemote.tsx index 027e486057..d229207a03 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateRemote.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateRemote.tsx @@ -2,7 +2,7 @@ import { RecordTableEmptyStateDisplay } from '@/object-record/record-table/empty-state/components/RecordTableEmptyStateDisplay'; import { t } from '@lingui/core/macro'; import { SettingsPath } from 'twenty-shared/types'; -import { IconSettings } from 'twenty-ui/display'; +import { IconSettings } from 'twenty-ui/icon'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; export const RecordTableEmptyStateRemote = () => { diff --git a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateSoftDelete.tsx b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateSoftDelete.tsx index 11869c21d7..14816a8a9d 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateSoftDelete.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/empty-state/components/RecordTableEmptyStateSoftDelete.tsx @@ -9,7 +9,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { currentRecordFiltersComponentState } from '@/object-record/record-filter/states/currentRecordFiltersComponentState'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconFilterOff } from 'twenty-ui/display'; +import { IconFilterOff } from 'twenty-ui/icon'; export const RecordTableEmptyStateSoftDelete = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellButtons.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellButtons.tsx index 9a243f34e6..b84934bbbb 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellButtons.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellButtons.tsx @@ -1,8 +1,8 @@ import { styled } from '@linaria/react'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { LightIconButtonGroup } from 'twenty-ui/input'; import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; -import { AnimatedContainer } from 'twenty-ui/utilities'; +import { AnimatedContainer } from 'twenty-ui/layout'; 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/RecordTableCellEditButton.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditButton.tsx index b31442109d..60330a19ad 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditButton.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditButton.tsx @@ -7,7 +7,7 @@ import { useGetSecondaryRecordTableCellButton } from '@/object-record/record-tab import { useOpenRecordTableCellFromCell } from '@/object-record/record-table/record-table-cell/hooks/useOpenRecordTableCellFromCell'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconArrowUpRight, IconPencil } from 'twenty-ui/display'; +import { IconArrowUpRight, IconPencil } from 'twenty-ui/icon'; export const RecordTableCellEditButton = () => { const { cellPosition } = useContext(RecordTableCellContext); diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/hooks/useGetSecondaryRecordTableCellButton.ts b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/hooks/useGetSecondaryRecordTableCellButton.ts index 801d7b3f40..3e92479165 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/hooks/useGetSecondaryRecordTableCellButton.ts +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/hooks/useGetSecondaryRecordTableCellButton.ts @@ -13,7 +13,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/display'; +import { IconArrowUpRight, IconCopy, IconMail } from 'twenty-ui/icon'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; export const useGetSecondaryRecordTableCellButton = () => { diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateDropdownSubmenuContent.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateDropdownSubmenuContent.tsx index 3eef2d0219..25fc13901e 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateDropdownSubmenuContent.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateDropdownSubmenuContent.tsx @@ -6,7 +6,7 @@ import { DropdownMenuHeader } from '@/ui/layout/dropdown/components/DropdownMenu import { DropdownMenuHeaderLeftComponent } from '@/ui/layout/dropdown/components/DropdownMenuHeader/internal/DropdownMenuHeaderLeftComponent'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { useContext } from 'react'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; export const RecordTableColumnAggregateFooterDropdownSubmenuContent = ({ aggregateOperations, diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterAggregateOperationMenuItems.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterAggregateOperationMenuItems.tsx index c2520043b7..e329a3901b 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,7 +6,7 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useLingui } from '@lingui/react/macro'; import { type ReactNode, useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconCheck } from 'twenty-ui/display'; +import { IconCheck } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; export const RecordTableColumnAggregateFooterAggregateOperationMenuItems = ({ diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterMenuContent.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterMenuContent.tsx index 526bc4ab82..9298f16805 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,7 +10,7 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { t } from '@lingui/core/macro'; import { useContext, useMemo } from 'react'; import { isDefined, isFieldMetadataDateKind } from 'twenty-shared/utils'; -import { IconCheck } from 'twenty-ui/display'; +import { IconCheck } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { FieldMetadataType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterValue.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterValue.tsx index e14ce49963..3701d92837 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 @@ -4,7 +4,7 @@ import { styled } from '@linaria/react'; import { Trans } from '@lingui/react/macro'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { isDefined } from 'twenty-shared/utils'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; const StyledText = styled.span` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterValueCell.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterValueCell.tsx index a30d25b706..f339f0b628 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,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 { useContext, useState } from 'react'; -import { IconChevronDown } from 'twenty-ui/display'; +import { IconChevronDown } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledCell = styled.div<{ isUnfolded: boolean; isFirstCell: boolean }>` diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHead.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHead.tsx index e6090427ee..4d8713fbe7 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,7 +7,7 @@ import { type RecordField } from '@/object-record/record-field/types/RecordField import { shouldCompactRecordTableFirstColumnComponentState } from '@/object-record/record-table/states/shouldCompactRecordTableFirstColumnComponentState'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useAtomFamilySelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilySelectorValue'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { MOBILE_VIEWPORT, ThemeContext, diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHeadDropdownMenu.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHeadDropdownMenu.tsx index d4377a1814..aaca4b8a64 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 @@ -22,7 +22,7 @@ import { IconEyeOff, IconFilter, IconSortDescending, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; export type RecordTableColumnHeadDropdownMenuProps = { diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderAddColumnButton.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderAddColumnButton.tsx index 056469978f..c941aeacec 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,7 +18,7 @@ import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { cx } from '@linaria/core'; import { useContext } from 'react'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledPlusIconHeaderCell = styled.div<{ 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 09a8b004ce..81b4e6311f 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,7 +6,7 @@ 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/display'; +import { IconPlus } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { LightIconButton } from 'twenty-ui/input'; import { useIsMobile } from 'twenty-ui/utilities'; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderPlusButtonContent.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderPlusButtonContent.tsx index 0e13efa125..31504a7721 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,7 +17,7 @@ import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomStat import { useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconSettings, useIcons } from 'twenty-ui/display'; +import { IconSettings, useIcons } from 'twenty-ui/icon'; import { MenuItem, UndecoratedLink } from 'twenty-ui/navigation'; export const RecordTableHeaderPlusButtonContent = () => { diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableActionRow.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableActionRow.tsx index ab60a04fe6..3c2a4101d9 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,7 +16,7 @@ import { findByProperty, sumByProperty, } from 'twenty-shared/utils'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { useIsMobile } from 'twenty-ui/utilities'; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowMultiDragCounterChip.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowMultiDragCounterChip.tsx index fad9578d91..655ede214d 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowMultiDragCounterChip.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowMultiDragCounterChip.tsx @@ -1,7 +1,7 @@ import { originalDragSelectionComponentState } from '@/object-record/record-drag/states/originalDragSelectionComponentState'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { styled } from '@linaria/react'; -import { NotificationCounter } from 'twenty-ui/navigation'; +import { NotificationCounter } from 'twenty-ui/data-display'; const StyledNotificationCounterContainer = styled.div` left: -7px; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSection.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSection.tsx index 8f778ab6e8..24b5928a44 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 @@ -34,8 +34,8 @@ import { isDefined, sumByProperty, } from 'twenty-shared/utils'; -import { Tag } from 'twenty-ui/components'; -import { IconChevronDown } from 'twenty-ui/display'; +import { Tag } from 'twenty-ui/data-display'; +import { IconChevronDown } from 'twenty-ui/icon'; import { AnimatedLightIconButton } from 'twenty-ui/input'; import { useIsMobile } from 'twenty-ui/utilities'; 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 5e51614d2a..0ba8268fc3 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/display'; +import { IconPlus } from 'twenty-ui/icon'; export const RecordTableRecordGroupSectionAddNew = () => { const { objectMetadataItem } = useRecordTableContextOrThrow(); diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSectionLoadMore.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSectionLoadMore.tsx index f10488ec70..0b6194e113 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSectionLoadMore.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSectionLoadMore.tsx @@ -5,7 +5,7 @@ import { useRecordTableContextOrThrow } from '@/object-record/record-table/conte import { RecordTableActionRow } from '@/object-record/record-table/record-table-row/components/RecordTableActionRow'; import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; import { t } from '@lingui/core/macro'; -import { IconArrowDown } from 'twenty-ui/display'; +import { IconArrowDown } from 'twenty-ui/icon'; export const RecordTableRecordGroupSectionLoadMore = () => { const { objectNameSingular } = useRecordTableContextOrThrow(); diff --git a/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleCellTextFieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleCellTextFieldDisplay.tsx index 22a2aba844..1a02818238 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,7 +8,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledDiv = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleCellUuidFieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleCellUuidFieldDisplay.tsx index 9e98d695a3..fa2cda7e3e 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,7 +4,7 @@ import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAto import { type RecordTitleCellContainerType } from '@/object-record/record-title-cell/types/RecordTitleCellContainerType'; import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledDiv = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleFullNameFieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-title-cell/components/RecordTitleFullNameFieldDisplay.tsx index af65146540..e21d54920c 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,7 +8,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { useContext } from 'react'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledDiv = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/record-update-multiple/components/UpdateMultipleRecordsFooter.tsx b/packages/twenty-front/src/modules/object-record/record-update-multiple/components/UpdateMultipleRecordsFooter.tsx index 0bcc5a99f8..bb7817b522 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 @@ -7,7 +7,7 @@ import { useLingui } from '@lingui/react/macro'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { Key } from 'ts-key-enum'; -import { IconBoxMultiple } from 'twenty-ui/display'; +import { IconBoxMultiple } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; const StyledFooterContainer = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/select/components/MultipleSelectDropdown.tsx b/packages/twenty-front/src/modules/object-record/select/components/MultipleSelectDropdown.tsx index c787eb462a..0f953d290e 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,7 +11,7 @@ import { selectedItemIdComponentState } from '@/ui/layout/selectable-list/states import { useHotkeysOnFocusedElement } from '@/ui/utilities/hotkey/hooks/useHotkeysOnFocusedElement'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { t } from '@lingui/core/macro'; -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { MenuItem, MenuItemMultiSelectAvatar } from 'twenty-ui/navigation'; export const MultipleSelectDropdown = ({ diff --git a/packages/twenty-front/src/modules/object-record/select/types/SelectableItem.ts b/packages/twenty-front/src/modules/object-record/select/types/SelectableItem.ts index ae25b496f8..2a3ec6260d 100644 --- a/packages/twenty-front/src/modules/object-record/select/types/SelectableItem.ts +++ b/packages/twenty-front/src/modules/object-record/select/types/SelectableItem.ts @@ -1,4 +1,5 @@ -import { type AvatarType, type IconComponent } from 'twenty-ui/display'; +import { type AvatarType } from 'twenty-ui/data-display'; +import { type IconComponent } from 'twenty-ui/icon'; export type SelectableItem = T & { id: string; diff --git a/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/__tests__/useBuildSpreadSheetImportFields.test.tsx b/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/__tests__/useBuildSpreadSheetImportFields.test.tsx index fe967e1137..94e836175c 100644 --- a/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/__tests__/useBuildSpreadSheetImportFields.test.tsx +++ b/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/__tests__/useBuildSpreadSheetImportFields.test.tsx @@ -1,7 +1,7 @@ import { renderHook } from '@testing-library/react'; import { Provider as JotaiProvider } from 'jotai'; import { type ReactNode } from 'react'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { JestObjectMetadataItemSetter } from '~/testing/jest/JestObjectMetadataItemSetter'; import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore'; @@ -20,7 +20,7 @@ const Wrapper = ({ children }: { children: ReactNode }) => { ); }; -jest.mock('twenty-ui/display', () => ({ +jest.mock('twenty-ui/icon', () => ({ useIcons: jest.fn(), })); diff --git a/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/useBuildSpreadSheetImportFields.ts b/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/useBuildSpreadSheetImportFields.ts index ec40839fa6..3b8a923a4a 100644 --- a/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/useBuildSpreadSheetImportFields.ts +++ b/packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/useBuildSpreadSheetImportFields.ts @@ -20,7 +20,7 @@ import { getUniqueConstraintsFields, isDefined, } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { FieldMetadataType, RelationType } from '~/generated-metadata/graphql'; export const useBuildSpreadsheetImportFields = () => { diff --git a/packages/twenty-front/src/modules/object-record/types/ObjectRecordIdentifier.ts b/packages/twenty-front/src/modules/object-record/types/ObjectRecordIdentifier.ts index 8d0ed0be79..42c98e3712 100644 --- a/packages/twenty-front/src/modules/object-record/types/ObjectRecordIdentifier.ts +++ b/packages/twenty-front/src/modules/object-record/types/ObjectRecordIdentifier.ts @@ -1,4 +1,4 @@ -import { type AvatarType } from 'twenty-ui/display'; +import { type AvatarType } from 'twenty-ui/data-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 413a1bba9d..d61fd87b15 100644 --- a/packages/twenty-front/src/modules/onboarding/components/OnboardingModalCircularIcon.tsx +++ b/packages/twenty-front/src/modules/onboarding/components/OnboardingModalCircularIcon.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledCheckContainer = styled.div<{ color: string }>` diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridResizeHandle.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridResizeHandle.tsx index 2cdf9c7723..b963f85b67 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridResizeHandle.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutGridResizeHandle.tsx @@ -5,7 +5,7 @@ import { IconRadiusBottomRight, IconRadiusTopLeft, IconRadiusTopRight, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; type WidgetHandleAxis = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw'; type WidgetHorizontalHandleAxis = 'n' | 's'; diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabList.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabList.tsx index 7205b5595e..b227261a34 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabList.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabList.tsx @@ -10,7 +10,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useCallback, useMemo } from 'react'; import { useNavigate } from 'react-router-dom'; -import { IconPlus, useIcons } from 'twenty-ui/display'; +import { IconPlus, useIcons } from 'twenty-ui/icon'; import { TabButton } from 'twenty-ui/input'; import { isPageLayoutTabDraggingComponentState } from '@/page-layout/states/isPageLayoutTabDraggingComponentState'; diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListNewTabDropdownContent.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListNewTabDropdownContent.tsx index 402a61bd9a..921e0f1daa 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListNewTabDropdownContent.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabListNewTabDropdownContent.tsx @@ -16,7 +16,7 @@ import { useLingui } from '@lingui/react/macro'; import { useCallback, useMemo } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconPlus, useIcons } from 'twenty-ui/display'; +import { IconPlus, useIcons } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; type PageLayoutTabListNewTabDropdownContentProps = { diff --git a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabMenuItemSelectAvatar.tsx b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabMenuItemSelectAvatar.tsx index eff6a12ae8..7941e7a8e2 100644 --- a/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabMenuItemSelectAvatar.tsx +++ b/packages/twenty-front/src/modules/page-layout/components/PageLayoutTabMenuItemSelectAvatar.tsx @@ -3,7 +3,7 @@ import { type MouseEvent, useContext, useState } from 'react'; import { TabAvatar } from '@/ui/layout/tab-list/components/TabAvatar'; import { type SingleTabProps } from '@/ui/layout/tab-list/types/SingleTabProps'; -import { IconPencil } from 'twenty-ui/display'; +import { IconPencil } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { StyledHoverableMenuItemBase, diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/DashboardWidgetPlaceholder.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/DashboardWidgetPlaceholder.tsx index cccf9afd7c..8f4ea5a51f 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/components/DashboardWidgetPlaceholder.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/components/DashboardWidgetPlaceholder.tsx @@ -17,7 +17,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui/feedback'; export const DashboardWidgetPlaceholder = () => { const pageLayoutId = useAvailableComponentInstanceIdOrThrow( diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetForbiddenDisplay.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetForbiddenDisplay.tsx index 1d7358a665..69e3724b71 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetForbiddenDisplay.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetForbiddenDisplay.tsx @@ -2,7 +2,7 @@ import { ForbiddenFieldDisplay } from '@/object-record/record-field/ui/meta-type import { type WidgetAccessDenialInfo } from '@/page-layout/widgets/types/WidgetAccessDenialInfo'; import { plural, t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { AppTooltip } from 'twenty-ui/display'; +import { AppTooltip } from 'twenty-ui/surfaces'; 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 78749603f5..e1c42c80cc 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,8 @@ 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/display'; +import { Status } from 'twenty-ui/data-display'; +import { AppTooltip } from 'twenty-ui/surfaces'; 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 09405fbaa3..c9470dadf4 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,6 @@ import { styled } from '@linaria/react'; -import { AppTooltip, Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; +import { AppTooltip } from 'twenty-ui/surfaces'; 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 2665f45fd1..9045d0c426 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,7 +9,7 @@ import { IconListSearch, IconPlus, IconSquarePlus, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/StandaloneWidgetPlaceholder.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/StandaloneWidgetPlaceholder.tsx index 467b4063bf..49c531b071 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 @@ -8,7 +8,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui/feedback'; const StyledPlaceholderContainer = styled.div` background: ${themeCssVariables.background.secondary}; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetActionFieldSeeAll.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetActionFieldSeeAll.tsx index c2a0406bc7..b9b92ffa9b 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 @@ -16,12 +16,8 @@ import { t } from '@lingui/core/macro'; import { Link } from 'react-router-dom'; import { AppPath, ViewFilterOperand } from 'twenty-shared/types'; import { getAppPath, isDefined } from 'twenty-shared/utils'; -import { - AppTooltip, - IconArrowUpRight, - TooltipDelay, - TooltipPosition, -} from 'twenty-ui/display'; +import { IconArrowUpRight } from 'twenty-ui/icon'; +import { AppTooltip, TooltipDelay, TooltipPosition } from 'twenty-ui/surfaces'; import { LightIconButton } from 'twenty-ui/input'; import { RelationType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetCardShell.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetCardShell.tsx index 04f778a38b..9e96d59c02 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,7 +12,7 @@ import { WidgetCardHeader } from '@/page-layout/widgets/widget-card/components/W import { styled } from '@linaria/react'; import { type MouseEvent, useContext } from 'react'; import { ErrorBoundary } from 'react-error-boundary'; -import { IconLock } from 'twenty-ui/display'; +import { IconLock } from 'twenty-ui/icon'; import { ThemeContext } from 'twenty-ui/theme-constants'; import { WidgetType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/email-thread/components/EmailThreadComposer.tsx b/packages/twenty-front/src/modules/page-layout/widgets/email-thread/components/EmailThreadComposer.tsx index 7ac1bd306b..30c1f3ad82 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,7 +10,7 @@ import { type SidePanelFooterCommandMenuItem } from '@/ui/layout/side-panel/type import { useHotkeysOnFocusedElement } from '@/ui/utilities/hotkey/hooks/useHotkeysOnFocusedElement'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { t } from '@lingui/core/macro'; -import { IconArrowBackUp, IconSend, IconX } from 'twenty-ui/display'; +import { IconArrowBackUp, IconSend, IconX } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { getOsControlSymbol } from 'twenty-ui/utilities'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/email-thread/components/EmailThreadIntermediaryMessages.tsx b/packages/twenty-front/src/modules/page-layout/widgets/email-thread/components/EmailThreadIntermediaryMessages.tsx index 30dcf13ad6..f856c49220 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,7 +4,7 @@ import { useState } from 'react'; import { EmailThreadMessage } from '@/activities/emails/components/EmailThreadMessage'; import { type EmailThreadMessageWithSender } from '@/activities/emails/types/EmailThreadMessageWithSender'; import { t } from '@lingui/core/macro'; -import { IconArrowsVertical } from 'twenty-ui/display'; +import { IconArrowsVertical } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidget.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidget.tsx index c8f2de154e..830c949db9 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidget.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidget.tsx @@ -34,7 +34,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui/feedback'; import { FieldDisplayMode } from '~/generated-metadata/graphql'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetEditAction.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetEditAction.tsx index 7fabc444d3..6a0aa9e4c5 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,7 +5,7 @@ import { useInlineCell } from '@/object-record/record-inline-cell/hooks/useInlin import { useOpenFieldWidgetFieldInputEditMode } from '@/page-layout/widgets/field/hooks/useOpenFieldWidgetFieldInputEditMode'; import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile'; import { styled } from '@linaria/react'; -import { IconPencil } from 'twenty-ui/display'; +import { IconPencil } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRelationEditAction.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetRelationEditAction.tsx index e843140004..33ecfa0e23 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,7 +20,7 @@ import { recordStoreFamilySelector } from '@/object-record/record-store/states/s import { useAtomFamilySelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilySelectorValue'; import { styled } from '@linaria/react'; import { CustomError, isDefined } from 'twenty-shared/utils'; -import { IconPencil, IconPlus } from 'twenty-ui/display'; +import { IconPencil, IconPlus } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { RelationType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetShowMoreButton.tsx b/packages/twenty-front/src/modules/page-layout/widgets/field/components/FieldWidgetShowMoreButton.tsx index 44d7ff94bc..fb1645ba20 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,7 +1,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconChevronDown } from 'twenty-ui/display'; +import { IconChevronDown } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; type FieldWidgetShowMoreButtonProps = { diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationEditor.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationEditor.tsx index 0e8b1d0f5d..c70e073d66 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,7 +25,7 @@ import { useOpenDropdown } from '@/ui/layout/dropdown/hooks/useOpenDropdown'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; -import { IconNewSection } from 'twenty-ui/display'; +import { IconNewSection } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; const StyledGroupsDroppable = styled.div` diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationFieldEditor.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationFieldEditor.tsx index 0a560ab049..db6b7d5c89 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,6 +1,6 @@ import { type FieldMetadataItem } from '@/object-metadata/types/FieldMetadataItem'; import { type FieldsConfigurationFieldItem } from '@/page-layout/types/FieldsConfiguration'; -import { IconEye, IconEyeOff, useIcons } from 'twenty-ui/display'; +import { IconEye, IconEyeOff, useIcons } from 'twenty-ui/icon'; import { MenuItemDraggable } from 'twenty-ui/navigation'; type FieldsConfigurationFieldEditorProps = { 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 90b8051e80..51f93e93fe 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,7 +1,8 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconGripVertical, Label } from 'twenty-ui/display'; +import { IconGripVertical } from 'twenty-ui/icon'; +import { Label } from 'twenty-ui/typography'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupDropdown.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationGroupDropdown.tsx index b2aab93b76..0e9245aea8 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,7 +4,7 @@ import { IconNewSection, IconPencil, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationUngroupedEditor.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsConfigurationUngroupedEditor.tsx index 33a1966333..6f1bc4299f 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,7 +6,7 @@ import { FieldsConfigurationFieldEditor } from '@/page-layout/widgets/fields/com import { type FieldsWidgetGroupField } from '@/page-layout/widgets/fields/types/FieldsWidgetGroup'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconNewSection } from 'twenty-ui/display'; +import { IconNewSection } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; const StyledFieldsDroppable = styled.div` diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsWidget.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsWidget.tsx index 593495cfbd..2608402fa2 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,7 +20,7 @@ import { AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, EMPTY_PLACEHOLDER_TRANSITION_PROPS, -} from 'twenty-ui/layout'; +} from 'twenty-ui/feedback'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { type FieldsConfiguration } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsWidgetGroupContainer.tsx b/packages/twenty-front/src/modules/page-layout/widgets/fields/components/FieldsWidgetGroupContainer.tsx index 70ae775168..648709b9d3 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,6 +1,6 @@ import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; -import { IconChevronDown } from 'twenty-ui/display'; +import { IconChevronDown } from 'twenty-ui/icon'; import { AnimatedExpandableContainer, Section } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetLegend.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetLegend.tsx index 9f43b8721d..aebfc05577 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 @@ -13,11 +13,8 @@ import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSe import { styled } from '@linaria/react'; import { AnimatePresence, motion } from 'framer-motion'; import { useContext, useRef, useState } from 'react'; -import { - IconChevronLeft, - IconChevronRight, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +import { IconChevronLeft, IconChevronRight } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { LightIconButton } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetTooltip.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetTooltip.tsx index be773c6379..3f30b897e2 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,7 +7,7 @@ import { t } from '@lingui/core/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconArrowUpRight } from 'twenty-ui/display'; +import { IconArrowUpRight } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledTooltip = styled.div` diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-aggregate-chart/components/GraphWidgetAggregateChart.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/graph-widget-aggregate-chart/components/GraphWidgetAggregateChart.tsx index 87297646f0..599a718db1 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 @@ -2,12 +2,8 @@ import { formatNumberChartTrend } from '@/page-layout/widgets/graph/graph-widget import { styled } from '@linaria/react'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { - H1Title, - H1TitleFontColor, - IconTrendingDown, - IconTrendingUp, -} from 'twenty-ui/display'; +import { IconTrendingDown, IconTrendingUp } from 'twenty-ui/icon'; +import { H1Title, H1TitleFontColor } from 'twenty-ui/typography'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; type GraphWidgetAggregateChartProps = { value: string | number; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardColorSelectionMenu.tsx b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardColorSelectionMenu.tsx index f5b2459055..2d17c223dc 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardColorSelectionMenu.tsx +++ b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardColorSelectionMenu.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconCheck } from 'twenty-ui/display'; +import { IconCheck } from 'twenty-ui/icon'; 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'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardEditorSideMenu.tsx b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/components/DashboardEditorSideMenu.tsx index d82d9307fe..1400f3f1dd 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,7 +11,7 @@ import { } from '@blocknote/react'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconColorSwatch, IconPlus, IconTrash } from 'twenty-ui/display'; +import { IconColorSwatch, IconPlus, IconTrash } from 'twenty-ui/icon'; import { isDefined } from 'twenty-shared/utils'; import { CustomSideMenuOptions } from '@/blocknote-editor/components/CustomSideMenuOptions'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/utils/getDashboardSlashMenu.ts b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/utils/getDashboardSlashMenu.ts index 96b1eafdff..87d1dd794b 100644 --- a/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/utils/getDashboardSlashMenu.ts +++ b/packages/twenty-front/src/modules/page-layout/widgets/standalone-rich-text/utils/getDashboardSlashMenu.ts @@ -18,7 +18,7 @@ import { IconMoodSmile, IconPilcrow, IconTable, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; const Icons: Record = { 'Heading 1': IconH1, diff --git a/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCardHeader.tsx b/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetCardHeader.tsx index ffe5fb3c6c..7d08c236bf 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,7 +5,8 @@ import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hoo import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { type ReactNode, useContext } from 'react'; -import { IconTrash, OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { IconTrash } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { IconButton } from 'twenty-ui/input'; import { type WidgetCardVariant } from '@/page-layout/widgets/types/WidgetCardVariant'; diff --git a/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetGrip.tsx b/packages/twenty-front/src/modules/page-layout/widgets/widget-card/components/WidgetGrip.tsx index db47ad1355..eafba7f706 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,6 +1,6 @@ import { styled } from '@linaria/react'; import { motion } from 'framer-motion'; -import { IconGripVertical } from 'twenty-ui/display'; +import { IconGripVertical } from 'twenty-ui/icon'; import { themeCssVariables, ThemeContext } from 'twenty-ui/theme-constants'; import { useContext } from 'react'; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistSection.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistSection.tsx index 406f4b376f..6263948818 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistSection.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistSection.tsx @@ -10,7 +10,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { useLingui } from '@lingui/react/macro'; import { CoreObjectNameSingular } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; export const SettingsAccountsBlocklistSection = () => { diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistTableRow.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistTableRow.tsx index a589c2f4c3..bf42aea781 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsBlocklistTableRow.tsx @@ -3,7 +3,8 @@ import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableRow } from '@/ui/layout/table/components/TableRow'; import { formatToHumanReadableDate } from '~/utils/date-utils'; import { IconButton } from 'twenty-ui/input'; -import { IconX, OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; type SettingsAccountsBlocklistTableRowProps = { blocklistItem: BlocklistItem; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelDetails.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelDetails.tsx index 155d05721a..a5d0fd051a 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelDetails.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelDetails.tsx @@ -6,8 +6,9 @@ import { SettingsOptionCardContentToggle } from '@/settings/components/SettingsO import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { Section } from '@react-email/components'; -import { H2Title, IconUserPlus } from 'twenty-ui/display'; -import { Card } from 'twenty-ui/layout'; +import { IconUserPlus } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { type CalendarChannelVisibility } from '~/generated/graphql'; 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 457f895d1e..62d56b3826 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelsGeneral.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelsGeneral.tsx @@ -8,7 +8,7 @@ import { t } from '@lingui/core/macro'; import { Section } from '@react-email/components'; import { addMinutes, endOfDay, min, startOfDay } from 'date-fns'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { CalendarChannelVisibility, diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsListCard.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsListCard.tsx index feea78b549..180212bf4b 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsListCard.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsListCard.tsx @@ -7,7 +7,7 @@ import { styled } from '@linaria/react'; import { SettingsPath } from 'twenty-shared/types'; import { useLingui } from '@lingui/react/macro'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; 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 fb05e4d5fc..d5ab4d4a67 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsRowRightContainer.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsRowRightContainer.tsx @@ -5,7 +5,7 @@ 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/display'; +import { Status } from 'twenty-ui/data-display'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledRowRightContainer = styled.div` 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 4a8fb8b6a1..6da5bef26d 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectionForm.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsConnectionForm.tsx @@ -9,7 +9,7 @@ import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; import { SettingsAccountsPasswordController } from '@/settings/accounts/components/SettingsAccountsPasswordController'; import { type ConnectionFormData } from '@/settings/accounts/hooks/useImapSmtpCaldavConnectionForm'; import { type AccountType } from 'twenty-shared/constants'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsListEmptyStateCard.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsListEmptyStateCard.tsx index 32e494756d..f3c30a830e 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsListEmptyStateCard.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsListEmptyStateCard.tsx @@ -11,7 +11,7 @@ import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; import { ConnectedAccountProvider, SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconAt, IconGoogle, IconMicrosoft } from 'twenty-ui/display'; +import { IconAt, IconGoogle, IconMicrosoft } from 'twenty-ui/icon'; import { UndecoratedLink } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; 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 418a4cca08..5dac60eeaf 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageChannelDetails.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageChannelDetails.tsx @@ -7,8 +7,10 @@ import { MessageChannelType, type MessageFolderImportPolicy, } from 'twenty-shared/types'; -import { H2Title, IconBriefcase, IconUsers } from 'twenty-ui/display'; -import { Card, Section } from 'twenty-ui/layout'; +import { IconBriefcase, IconUsers } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; +import { Section } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { type MessageChannel } from '@/accounts/types/MessageChannel'; 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 98e921d465..2169a996cb 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsNewEmailGroupChannel.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsNewEmailGroupChannel.tsx @@ -4,7 +4,7 @@ import { z } from 'zod'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { useCreateEmailGroupChannel } from '@/settings/accounts/hooks/useCreateEmailGroupChannel'; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRadioSettingsCard.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRadioSettingsCard.tsx index 3ce9ee7978..e439fd551c 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRadioSettingsCard.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRadioSettingsCard.tsx @@ -3,7 +3,7 @@ import { type MessageDescriptor } from '@lingui/core'; import { Trans } from '@lingui/react'; import { type ReactNode } from 'react'; import { Radio } from 'twenty-ui/input'; -import { Card, CardContent } from 'twenty-ui/layout'; +import { Card, CardContent } from 'twenty-ui/surfaces'; import { isDefined } from 'twenty-shared/utils'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRowDropdownMenu.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRowDropdownMenu.tsx index ebcc16b94d..cbcdd77e91 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRowDropdownMenu.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRowDropdownMenu.tsx @@ -23,7 +23,7 @@ import { IconPlayerPlay, IconRefresh, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsSettingsSection.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsSettingsSection.tsx index 53355f075b..3f0aff380b 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsSettingsSection.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsSettingsSection.tsx @@ -5,7 +5,8 @@ import { SettingsCard } from '@/settings/components/SettingsCard'; import { useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title, IconCalendarEvent, IconMailCog } from 'twenty-ui/display'; +import { IconCalendarEvent, IconMailCog } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { UndecoratedLink } from 'twenty-ui/navigation'; import { diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsToggleSettingCard.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsToggleSettingCard.tsx index 2e609f7fe3..b0602a6de5 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsToggleSettingCard.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsToggleSettingCard.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { Card, CardContent } from 'twenty-ui/layout'; +import { Card, CardContent } from 'twenty-ui/surfaces'; import { Toggle } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsConnectedAccountIcon.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsConnectedAccountIcon.tsx index a077618eed..00a7b271a4 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsConnectedAccountIcon.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsConnectedAccountIcon.tsx @@ -10,7 +10,7 @@ import { IconMail, IconMicrosoft, IconSend, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { useContext } from 'react'; import { ThemeContext } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsNewAccountSection.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsNewAccountSection.tsx index 74afd4039a..96928e18a3 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsNewAccountSection.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsNewAccountSection.tsx @@ -1,6 +1,6 @@ import { SettingsAccountsListEmptyStateCard } from '@/settings/accounts/components/SettingsAccountsListEmptyStateCard'; import { t } from '@lingui/core/macro'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; export const SettingsNewAccountSection = () => { diff --git a/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsAccountsMessageFolderIcon.tsx b/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsAccountsMessageFolderIcon.tsx index a68437600a..fff9aa3635 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsAccountsMessageFolderIcon.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsAccountsMessageFolderIcon.tsx @@ -4,7 +4,7 @@ import { IconFolderRoot, IconInbox, IconSend, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { useContext } from 'react'; import { ThemeContext } from 'twenty-ui/theme-constants'; type SettingsAccountsMessageFolderIconProps = { diff --git a/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsAccountsMessageFoldersCard.tsx b/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsAccountsMessageFoldersCard.tsx index 9a0274c189..17f2f06be6 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsAccountsMessageFoldersCard.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsAccountsMessageFoldersCard.tsx @@ -16,7 +16,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useMemo, useState } from 'react'; -import { Label } from 'twenty-ui/display'; +import { Label } from 'twenty-ui/typography'; import { Checkbox, CheckboxSize } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsMessageFoldersEmptyStateCard.tsx b/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsMessageFoldersEmptyStateCard.tsx index f22cbb7688..0228f9715c 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsMessageFoldersEmptyStateCard.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsMessageFoldersEmptyStateCard.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconFolder } from 'twenty-ui/display'; +import { IconFolder } from 'twenty-ui/icon'; import { Section } from 'twenty-ui/layout'; import { useContext } from 'react'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsMessageFoldersTreeItem.tsx b/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsMessageFoldersTreeItem.tsx index fa566a8543..5216bcf7ad 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsMessageFoldersTreeItem.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/message-folders/SettingsMessageFoldersTreeItem.tsx @@ -8,7 +8,7 @@ import { isFolderTreePartiallySelected } from '@/settings/accounts/components/me import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; -import { IconChevronDown, IconChevronUp } from 'twenty-ui/display'; +import { IconChevronDown, IconChevronUp } from 'twenty-ui/icon'; import { Checkbox, CheckboxSize } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/ai/components/ModelsDevProviderLogo.tsx b/packages/twenty-front/src/modules/settings/admin-panel/ai/components/ModelsDevProviderLogo.tsx index 263b0de39e..df1df8ed50 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/ai/components/ModelsDevProviderLogo.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/ai/components/ModelsDevProviderLogo.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { type IconComponentProps } from 'twenty-ui/display'; +import { type IconComponentProps } from 'twenty-ui/icon'; import { ThemeContext } from 'twenty-ui/theme-constants'; type ModelsDevProviderLogoProps = { diff --git a/packages/twenty-front/src/modules/settings/admin-panel/ai/components/SettingsAdminAI.tsx b/packages/twenty-front/src/modules/settings/admin-panel/ai/components/SettingsAdminAI.tsx index decafbc4d1..30eb405ba1 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/ai/components/SettingsAdminAI.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/ai/components/SettingsAdminAI.tsx @@ -4,8 +4,10 @@ import { useMutation, useQuery } from '@apollo/client/react'; import { t } from '@lingui/core/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title, IconBolt, IconRobot } from 'twenty-ui/display'; -import { Card, Section } from 'twenty-ui/layout'; +import { IconBolt, IconRobot } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; +import { Section } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/ai/components/SettingsAdminAiProviderListCard.tsx b/packages/twenty-front/src/modules/settings/admin-panel/ai/components/SettingsAdminAiProviderListCard.tsx index 18ccc57d8d..74fee6045c 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/ai/components/SettingsAdminAiProviderListCard.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/ai/components/SettingsAdminAiProviderListCard.tsx @@ -4,7 +4,8 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconPlug, Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; +import { IconPlug } from 'twenty-ui/icon'; import { type AiProviderItem } from '@/settings/admin-panel/ai/types/AiProviderItem'; import { getProviderIcon } from '@/settings/admin-panel/ai/utils/getProviderIcon'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/ai/constants/ModelIconConfig.ts b/packages/twenty-front/src/modules/settings/admin-panel/ai/constants/ModelIconConfig.ts index 840df9056b..bb97a194eb 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/ai/constants/ModelIconConfig.ts +++ b/packages/twenty-front/src/modules/settings/admin-panel/ai/constants/ModelIconConfig.ts @@ -6,7 +6,7 @@ import { IconProviderOpenai, IconRobot, type IconComponent, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { ModelFamily } from '~/generated-admin/graphql'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/ai/constants/ProviderConfig.ts b/packages/twenty-front/src/modules/settings/admin-panel/ai/constants/ProviderConfig.ts index cfd7cb9ede..588ccd741c 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/ai/constants/ProviderConfig.ts +++ b/packages/twenty-front/src/modules/settings/admin-panel/ai/constants/ProviderConfig.ts @@ -6,7 +6,7 @@ import { IconProviderOpenai, IconRobot, type IconComponent, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export const PROVIDER_ICON_CONFIG: Record = { openai: { Icon: IconProviderOpenai }, diff --git a/packages/twenty-front/src/modules/settings/admin-panel/ai/utils/getModelsDevLogoIcon.tsx b/packages/twenty-front/src/modules/settings/admin-panel/ai/utils/getModelsDevLogoIcon.tsx index 606bacfda8..e72b42eba8 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/ai/utils/getModelsDevLogoIcon.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/ai/utils/getModelsDevLogoIcon.tsx @@ -1,4 +1,4 @@ -import { type IconComponent, type IconComponentProps } from 'twenty-ui/display'; +import { type IconComponent, type IconComponentProps } from 'twenty-ui/icon'; import { ModelsDevProviderLogo } from '@/settings/admin-panel/ai/components/ModelsDevProviderLogo'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/ai/utils/getProviderIcon.ts b/packages/twenty-front/src/modules/settings/admin-panel/ai/utils/getProviderIcon.ts index aee6472dcb..aeda00b7d2 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/ai/utils/getProviderIcon.ts +++ b/packages/twenty-front/src/modules/settings/admin-panel/ai/utils/getProviderIcon.ts @@ -1,4 +1,4 @@ -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { PROVIDER_ICON_CONFIG } from '@/settings/admin-panel/ai/constants/ProviderConfig'; import { isKnownProviderId } from '@/settings/admin-panel/ai/utils/isKnownProviderId'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/apps/components/SettingsAdminApps.tsx b/packages/twenty-front/src/modules/settings/admin-panel/apps/components/SettingsAdminApps.tsx index 66b6f8e6c1..62ff0e4018 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/apps/components/SettingsAdminApps.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/apps/components/SettingsAdminApps.tsx @@ -14,12 +14,13 @@ import { t } from '@lingui/core/macro'; import { type ReactNode, useContext, useState } from 'react'; import { assertUnreachable, getSettingsPath } from 'twenty-shared/utils'; import { SettingsPath } from 'twenty-shared/types'; -import { H2Title, IconChevronRight, IconPinned } from 'twenty-ui/display'; +import { IconChevronRight, IconPinned } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { SearchInput } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { MenuItemToggle } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; -import { Tag } from 'twenty-ui/components'; +import { Tag } from 'twenty-ui/data-display'; import { type ApplicationRegistrationFragmentFragment, ApplicationRegistrationSourceType, diff --git a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminChatThreadMessageList.tsx b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminChatThreadMessageList.tsx index 67ccbdfae6..1666f736ac 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminChatThreadMessageList.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminChatThreadMessageList.tsx @@ -4,7 +4,7 @@ import { styled } from '@linaria/react'; import { LazyMarkdownRenderer } from '@/ai/components/LazyMarkdownRenderer'; import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableRow } from '@/ui/layout/table/components/TableRow'; -import { Card } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { AgentMessageRole, diff --git a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminContent.tsx b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminContent.tsx index b4ae97cc4e..353351bb63 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminContent.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminContent.tsx @@ -13,7 +13,7 @@ import { IconSettings2, IconSparkles, IconVariable, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export const SettingsAdminContent = () => { const currentUser = useAtomStateValue(currentUserState); diff --git a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminGeneral.tsx b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminGeneral.tsx index 04a544cbd8..1a11eddc83 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminGeneral.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminGeneral.tsx @@ -19,12 +19,10 @@ import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; import { currentUserState } from '@/auth/states/currentUserState'; -import { - Avatar, - H2Title, - IconChevronRight, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; +import { IconChevronRight } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { diff --git a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminServerAdminAccess.tsx b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminServerAdminAccess.tsx index c6777e41b6..1d44064be6 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminServerAdminAccess.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminServerAdminAccess.tsx @@ -14,7 +14,8 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { OTPInput } from 'input-otp'; import { useState } from 'react'; -import { IconDotsVertical, Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; +import { IconDotsVertical } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminServerAdmins.tsx b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminServerAdmins.tsx index b99eeeb56a..32574e5d7c 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminServerAdmins.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminServerAdmins.tsx @@ -11,11 +11,9 @@ import { t } from '@lingui/core/macro'; import { useContext } from 'react'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { - H2Title, - IconChevronRight, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +import { IconChevronRight } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { GetServerAdminsDocument } from '~/generated-admin/graphql'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminVersionContainer.tsx b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminVersionContainer.tsx index 003732345a..126aa8837e 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminVersionContainer.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminVersionContainer.tsx @@ -2,7 +2,7 @@ import { SettingsTableCard } from '@/settings/components/SettingsTableCard'; import { useApolloAdminClient } from '@/settings/admin-panel/apollo/hooks/useApolloAdminClient'; import { SettingsAdminVersionDisplay } from '@/settings/admin-panel/components/SettingsAdminVersionDisplay'; import { t } from '@lingui/core/macro'; -import { IconCircleDot, IconStatusChange } from 'twenty-ui/display'; +import { IconCircleDot, IconStatusChange } from 'twenty-ui/icon'; import { useQuery } from '@apollo/client/react'; import { GetVersionInfoDocument } from '~/generated-admin/graphql'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminWorkspaceBillingContent.tsx b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminWorkspaceBillingContent.tsx index 91b710b8f7..c3e7a2ce0c 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminWorkspaceBillingContent.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminWorkspaceBillingContent.tsx @@ -3,9 +3,8 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { Tag } from 'twenty-ui/components'; +import { Tag } from 'twenty-ui/data-display'; import { - H2Title, IconBox, IconCalendarEvent, IconCalendarRepeat, @@ -18,7 +17,8 @@ import { IconStatusChange, IconTag, IconUsers, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { type ThemeColor } from 'twenty-ui/theme'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminWorkspaceContent.tsx b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminWorkspaceContent.tsx index 0370cca15c..1ea6f5f977 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminWorkspaceContent.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminWorkspaceContent.tsx @@ -17,18 +17,17 @@ import { isDefined, } from 'twenty-shared/utils'; import { type GetUpgradeStatusQuery } from '~/generated-admin/graphql'; -import { AvatarOrIcon, LinkChip } from 'twenty-ui/components'; +import { AvatarOrIcon, LinkChip, Status } from 'twenty-ui/data-display'; import { - H2Title, IconCalendar, IconHome, IconId, IconLink, IconStatusChange, IconUser, - OverflowingTextWithTooltip, - Status, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { REACT_APP_SERVER_BASE_URL } from '~/config'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/config-variables/components/ConfigVariableFilterDropdown.tsx b/packages/twenty-front/src/modules/settings/admin-panel/config-variables/components/ConfigVariableFilterDropdown.tsx index 3386fb667f..5f1fda2f05 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/config-variables/components/ConfigVariableFilterDropdown.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/config-variables/components/ConfigVariableFilterDropdown.tsx @@ -4,7 +4,7 @@ import { type ConfigVariableSourceFilter } from '@/settings/admin-panel/config-v import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { t } from '@lingui/core/macro'; import { useState } from 'react'; -import { IconSettings } from 'twenty-ui/display'; +import { IconSettings } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { ConfigVariableOptionsDropdownContent } from './ConfigVariableOptionsDropdownContent'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/config-variables/components/ConfigVariableOptionsDropdownContent.tsx b/packages/twenty-front/src/modules/settings/admin-panel/config-variables/components/ConfigVariableOptionsDropdownContent.tsx index c99737c1fd..345c18c337 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/config-variables/components/ConfigVariableOptionsDropdownContent.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/config-variables/components/ConfigVariableOptionsDropdownContent.tsx @@ -10,7 +10,7 @@ import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/Drop import { DropdownMenuSeparator } from '@/ui/layout/dropdown/components/DropdownMenuSeparator'; import { t } from '@lingui/core/macro'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { IconChevronLeft, IconEye, IconEyeOff } from 'twenty-ui/display'; +import { IconChevronLeft, IconEye, IconEyeOff } from 'twenty-ui/icon'; import { MenuItem, MenuItemSelectTag } from 'twenty-ui/navigation'; import { useContext } from 'react'; import { ThemeContext } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/config-variables/components/SettingsAdminConfigVariables.tsx b/packages/twenty-front/src/modules/settings/admin-panel/config-variables/components/SettingsAdminConfigVariables.tsx index f33af86578..b722f9530f 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/config-variables/components/SettingsAdminConfigVariables.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/config-variables/components/SettingsAdminConfigVariables.tsx @@ -10,7 +10,7 @@ import { showHiddenGroupVariablesState } from '@/settings/admin-panel/config-var import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useMemo, useState } from 'react'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { useQuery } from '@apollo/client/react'; import { diff --git a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthAccountSyncCountersTable.tsx b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthAccountSyncCountersTable.tsx index faf9491cf3..f6ef321f7a 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthAccountSyncCountersTable.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthAccountSyncCountersTable.tsx @@ -1,7 +1,7 @@ import { SettingsTableCard } from '@/settings/components/SettingsTableCard'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthStatus.tsx b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthStatus.tsx index cba37ea19e..352619e476 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthStatus.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthStatus.tsx @@ -7,7 +7,7 @@ import { SettingsAdminSigningKeysTable } from '@/settings/admin-panel/signing-ke import { SettingsSectionSkeletonLoader } from '@/settings/components/SettingsSectionSkeletonLoader'; import { useQuery } from '@apollo/client/react'; import { t } from '@lingui/core/macro'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { GetInstanceAndAllWorkspacesUpgradeStatusDocument, diff --git a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthStatusListCard.tsx b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthStatusListCard.tsx index d9da701fdf..1474503133 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthStatusListCard.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthStatusListCard.tsx @@ -8,7 +8,7 @@ import { IconServer2, IconTool, IconUserCircle, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { useContext } from 'react'; import { ThemeContext } from 'twenty-ui/theme-constants'; import { diff --git a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthStatusRightContainer.tsx b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthStatusRightContainer.tsx index 7f8077042b..dbc4bf75e6 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthStatusRightContainer.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminHealthStatusRightContainer.tsx @@ -1,5 +1,5 @@ import { t } from '@lingui/core/macro'; -import { Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; import { AdminPanelHealthServiceStatus } from '~/generated-admin/graphql'; export const SettingsAdminHealthStatusRightContainer = ({ diff --git a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminJobStateBadge.tsx b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminJobStateBadge.tsx index b2ab5ef5dd..42df253fb5 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminJobStateBadge.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminJobStateBadge.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { Tag, type TagColor } from 'twenty-ui/components'; +import { Tag, type TagColor } from 'twenty-ui/data-display'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { JobState } from '~/generated-admin/graphql'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminQueueJobRowDropdownMenu.tsx b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminQueueJobRowDropdownMenu.tsx index 5ddf2abf17..c94527b4f5 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminQueueJobRowDropdownMenu.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminQueueJobRowDropdownMenu.tsx @@ -3,7 +3,7 @@ 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, IconRefresh, IconTrash } from 'twenty-ui/display'; +import { IconDotsVertical, IconRefresh, IconTrash } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; import { JobState } from '~/generated-admin/graphql'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminQueueJobsTable.tsx b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminQueueJobsTable.tsx index 7ecae3f5f9..414352f51f 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminQueueJobsTable.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminQueueJobsTable.tsx @@ -17,7 +17,7 @@ import { TableRow } from '@/ui/layout/table/components/TableRow'; import { styled } from '@linaria/react'; import { plural, t } from '@lingui/core/macro'; import { useState } from 'react'; -import { IconRefresh, IconTrash } from 'twenty-ui/display'; +import { IconRefresh, IconTrash } from 'twenty-ui/icon'; import { Button, Checkbox } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useQuery } from '@apollo/client/react'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminUpgradeStatusListCard.tsx b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminUpgradeStatusListCard.tsx index c6cabe05d0..c145e3e559 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminUpgradeStatusListCard.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminUpgradeStatusListCard.tsx @@ -8,7 +8,7 @@ import { IconProgressCheck, IconStatusChange, type IconComponent, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { type GetInstanceAndAllWorkspacesUpgradeStatusQuery } from '~/generated-admin/graphql'; type InstanceAndAllWorkspacesUpgradeStatus = diff --git a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminUpgradeStatusRightContainer.tsx b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminUpgradeStatusRightContainer.tsx index dc18cfddec..d8b1e16711 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminUpgradeStatusRightContainer.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminUpgradeStatusRightContainer.tsx @@ -3,7 +3,7 @@ import { getUpgradeHealthStatusBadge } from '@/settings/admin-panel/utils/getUpg import { getWorkspacesUpgradeHealth } from '@/settings/admin-panel/utils/getWorkspacesUpgradeHealth'; import { getWorkspacesUpgradeHealthText } from '@/settings/admin-panel/utils/getWorkspacesUpgradeHealthText'; import { t } from '@lingui/core/macro'; -import { Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; export const SettingsAdminUpgradeStatusRightContainer = ({ item, diff --git a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminWorkerQueueMetricsSection.tsx b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminWorkerQueueMetricsSection.tsx index f84b9919c4..d721994c5b 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminWorkerQueueMetricsSection.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminWorkerQueueMetricsSection.tsx @@ -6,7 +6,8 @@ import { t } from '@lingui/core/macro'; import { lazy, Suspense, useState } from 'react'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title, IconList } from 'twenty-ui/display'; +import { IconList } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminWorkspacesByHealthAccordion.tsx b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminWorkspacesByHealthAccordion.tsx index 0f88937a7f..a93b24f608 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminWorkspacesByHealthAccordion.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminWorkspacesByHealthAccordion.tsx @@ -4,8 +4,9 @@ import { useState } from 'react'; import { Link } from 'react-router-dom'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconChevronDown, IconChevronRight } from 'twenty-ui/display'; -import { AnimatedExpandableContainer, Card } from 'twenty-ui/layout'; +import { IconChevronDown, IconChevronRight } from 'twenty-ui/icon'; +import { AnimatedExpandableContainer } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledAccordionHeaderButton = styled.button` diff --git a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminWorkspacesStatusSummaryCard.tsx b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminWorkspacesStatusSummaryCard.tsx index 03bea4a9cd..1cbd8c503e 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminWorkspacesStatusSummaryCard.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/health-status/components/SettingsAdminWorkspacesStatusSummaryCard.tsx @@ -6,13 +6,13 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { UserContext } from '@/users/contexts/UserContext'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; +import { Status } from 'twenty-ui/data-display'; import { IconAlertTriangle, IconClock, IconStatusChange, IconX, - Status, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { dateLocaleState } from '~/localization/states/dateLocaleState'; import { formatDateTimeString } from '~/utils/string/formatDateTimeString'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/health-status/maintenance-mode/components/SettingsAdminMaintenanceMode.tsx b/packages/twenty-front/src/modules/settings/admin-panel/health-status/maintenance-mode/components/SettingsAdminMaintenanceMode.tsx index 96dcb65bcb..22a1a8dfee 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/health-status/maintenance-mode/components/SettingsAdminMaintenanceMode.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/health-status/maintenance-mode/components/SettingsAdminMaintenanceMode.tsx @@ -4,8 +4,11 @@ import { t } from '@lingui/core/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { useCallback } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { H2Title, IconLink, IconTool, Status } from 'twenty-ui/display'; -import { Card, CardContent, Section } from 'twenty-ui/layout'; +import { Status } from 'twenty-ui/data-display'; +import { IconLink, IconTool } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; +import { Section } from 'twenty-ui/layout'; +import { Card, CardContent } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { maintenanceModeState } from '@/client-config/states/maintenanceModeState'; diff --git a/packages/twenty-front/src/modules/settings/admin-panel/signing-keys/components/SettingsAdminSigningKeysTable.tsx b/packages/twenty-front/src/modules/settings/admin-panel/signing-keys/components/SettingsAdminSigningKeysTable.tsx index 727624fc84..831a409d6e 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/signing-keys/components/SettingsAdminSigningKeysTable.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/signing-keys/components/SettingsAdminSigningKeysTable.tsx @@ -12,8 +12,9 @@ import { useQuery } from '@apollo/client/react'; import { t } from '@lingui/core/macro'; import { useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { Tag, type TagColor } from 'twenty-ui/components'; -import { IconCopy, OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { Tag, type TagColor } from 'twenty-ui/data-display'; +import { IconCopy } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { diff --git a/packages/twenty-front/src/modules/settings/ai/components/SettingsAiModelHoverCard.tsx b/packages/twenty-front/src/modules/settings/ai/components/SettingsAiModelHoverCard.tsx index c25efa45b5..e9b14442c3 100644 --- a/packages/twenty-front/src/modules/settings/ai/components/SettingsAiModelHoverCard.tsx +++ b/packages/twenty-front/src/modules/settings/ai/components/SettingsAiModelHoverCard.tsx @@ -1,7 +1,12 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; -import { Chip, ChipAccent, ChipSize, ChipVariant } from 'twenty-ui/components'; +import { + Chip, + ChipAccent, + ChipSize, + ChipVariant, +} from 'twenty-ui/data-display'; import { IconBolt, IconBuildingSkyscraper, @@ -10,7 +15,7 @@ import { IconUsers, IconWindow, type IconComponent, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { type AiModelSummary } from '@/settings/ai/types/AiModelSummary'; diff --git a/packages/twenty-front/src/modules/settings/ai/components/SettingsAiModelsTable.tsx b/packages/twenty-front/src/modules/settings/ai/components/SettingsAiModelsTable.tsx index 272b0a9fde..4bfb3bf13d 100644 --- a/packages/twenty-front/src/modules/settings/ai/components/SettingsAiModelsTable.tsx +++ b/packages/twenty-front/src/modules/settings/ai/components/SettingsAiModelsTable.tsx @@ -4,7 +4,8 @@ import { css } from '@linaria/core'; import { styled } from '@linaria/react'; import { Trans } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { AppTooltip, IconTrash, TooltipDelay } from 'twenty-ui/display'; +import { IconTrash } from 'twenty-ui/icon'; +import { AppTooltip, TooltipDelay } from 'twenty-ui/surfaces'; import { Checkbox, IconButton } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/ai/utils/getModelIcon.ts b/packages/twenty-front/src/modules/settings/ai/utils/getModelIcon.ts index 988b441162..142940490d 100644 --- a/packages/twenty-front/src/modules/settings/ai/utils/getModelIcon.ts +++ b/packages/twenty-front/src/modules/settings/ai/utils/getModelIcon.ts @@ -1,4 +1,4 @@ -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { MODEL_ICON_CONFIG } from '@/settings/admin-panel/ai/constants/ModelIconConfig'; import { getProviderIcon } from '@/settings/admin-panel/ai/utils/getProviderIcon'; diff --git a/packages/twenty-front/src/modules/settings/applications/components/SettingsApplicationAboutSidebar.tsx b/packages/twenty-front/src/modules/settings/applications/components/SettingsApplicationAboutSidebar.tsx index 1a2b4c6d2d..4e54998ea0 100644 --- a/packages/twenty-front/src/modules/settings/applications/components/SettingsApplicationAboutSidebar.tsx +++ b/packages/twenty-front/src/modules/settings/applications/components/SettingsApplicationAboutSidebar.tsx @@ -3,7 +3,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { type ReactNode } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { Tag } from 'twenty-ui/components'; +import { Tag } from 'twenty-ui/data-display'; import { IconAlertTriangle, IconBrandNpm, @@ -11,7 +11,7 @@ import { IconLink, IconMail, IconWorld, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; export type ContentEntry = { diff --git a/packages/twenty-front/src/modules/settings/billing/components/SettingsBillingContent.tsx b/packages/twenty-front/src/modules/settings/billing/components/SettingsBillingContent.tsx index 2a45fd6a59..6877a11c7f 100644 --- a/packages/twenty-front/src/modules/settings/billing/components/SettingsBillingContent.tsx +++ b/packages/twenty-front/src/modules/settings/billing/components/SettingsBillingContent.tsx @@ -10,7 +10,8 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { useSubscriptionStatus } from '@/workspace/hooks/useSubscriptionStatus'; import { useQuery } from '@apollo/client/react'; import { isDefined } from 'twenty-shared/utils'; -import { H2Title, IconCircleX, IconCreditCard } from 'twenty-ui/display'; +import { IconCircleX, IconCreditCard } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { diff --git a/packages/twenty-front/src/modules/settings/billing/components/SettingsBillingCreditsSection.tsx b/packages/twenty-front/src/modules/settings/billing/components/SettingsBillingCreditsSection.tsx index 9850595548..9f65f706ca 100644 --- a/packages/twenty-front/src/modules/settings/billing/components/SettingsBillingCreditsSection.tsx +++ b/packages/twenty-front/src/modules/settings/billing/components/SettingsBillingCreditsSection.tsx @@ -15,15 +15,11 @@ import { useContext } from 'react'; import { DOCUMENTATION_PATHS } from 'twenty-shared/constants'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { - H2Title, - HorizontalSeparator, - IconChartBar, - IconExternalLink, -} from 'twenty-ui/display'; +import { IconChartBar, IconExternalLink } from 'twenty-ui/icon'; +import { HorizontalSeparator, Section } from 'twenty-ui/layout'; +import { H2Title } from 'twenty-ui/typography'; import { ProgressBar } from 'twenty-ui/feedback'; import { Button } from 'twenty-ui/input'; -import { Section } from 'twenty-ui/layout'; import { UndecoratedLink } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { SubscriptionStatus } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/billing/components/SettingsBillingSubscriptionInfo.tsx b/packages/twenty-front/src/modules/settings/billing/components/SettingsBillingSubscriptionInfo.tsx index ab0a6fdc50..c62164fd3c 100644 --- a/packages/twenty-front/src/modules/settings/billing/components/SettingsBillingSubscriptionInfo.tsx +++ b/packages/twenty-front/src/modules/settings/billing/components/SettingsBillingSubscriptionInfo.tsx @@ -34,7 +34,6 @@ import { useLingui } from '@lingui/react/macro'; import { useMemo, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; import { - H2Title, IconArrowDown, IconArrowUp, IconCalendarEvent, @@ -43,7 +42,8 @@ import { IconCoins, IconTag, IconUsers, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/billing/components/SubscriptionBenefit.tsx b/packages/twenty-front/src/modules/settings/billing/components/SubscriptionBenefit.tsx index d7292951c8..e7b5ec08ee 100644 --- a/packages/twenty-front/src/modules/settings/billing/components/SubscriptionBenefit.tsx +++ b/packages/twenty-front/src/modules/settings/billing/components/SubscriptionBenefit.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import React, { useContext } from 'react'; -import { IconCheck } from 'twenty-ui/display'; +import { IconCheck } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledBenefitContainer = styled.div` diff --git a/packages/twenty-front/src/modules/settings/billing/components/internal/PlansTags.tsx b/packages/twenty-front/src/modules/settings/billing/components/internal/PlansTags.tsx index 15011d719d..143bcf5313 100644 --- a/packages/twenty-front/src/modules/settings/billing/components/internal/PlansTags.tsx +++ b/packages/twenty-front/src/modules/settings/billing/components/internal/PlansTags.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Tag } from 'twenty-ui/components'; +import { Tag } from 'twenty-ui/data-display'; import { t } from '@lingui/core/macro'; import { BillingPlanKey } from '~/generated-metadata/graphql'; import { styled } from '@linaria/react'; diff --git a/packages/twenty-front/src/modules/settings/billing/components/internal/ResourceCreditPriceSelector.tsx b/packages/twenty-front/src/modules/settings/billing/components/internal/ResourceCreditPriceSelector.tsx index 8f8c108b83..ff97ca91d3 100644 --- a/packages/twenty-front/src/modules/settings/billing/components/internal/ResourceCreditPriceSelector.tsx +++ b/packages/twenty-front/src/modules/settings/billing/components/internal/ResourceCreditPriceSelector.tsx @@ -13,7 +13,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { diff --git a/packages/twenty-front/src/modules/settings/billing/components/internal/SettingsBillingLabelValueItem.tsx b/packages/twenty-front/src/modules/settings/billing/components/internal/SettingsBillingLabelValueItem.tsx index bb2cca5161..978cabde54 100644 --- a/packages/twenty-front/src/modules/settings/billing/components/internal/SettingsBillingLabelValueItem.tsx +++ b/packages/twenty-front/src/modules/settings/billing/components/internal/SettingsBillingLabelValueItem.tsx @@ -1,6 +1,7 @@ import { styled } from '@linaria/react'; import { type ReactNode } from 'react'; -import { AppTooltip, IconInfoCircle, TooltipDelay } from 'twenty-ui/display'; +import { IconInfoCircle } from 'twenty-ui/icon'; +import { AppTooltip, TooltipDelay } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; type SettingsBillingLabelValueItemProps = { diff --git a/packages/twenty-front/src/modules/settings/billing/components/internal/SubscriptionInfoRowContainer.tsx b/packages/twenty-front/src/modules/settings/billing/components/internal/SubscriptionInfoRowContainer.tsx index f034de2b44..9c60d96f61 100644 --- a/packages/twenty-front/src/modules/settings/billing/components/internal/SubscriptionInfoRowContainer.tsx +++ b/packages/twenty-front/src/modules/settings/billing/components/internal/SubscriptionInfoRowContainer.tsx @@ -1,4 +1,4 @@ -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import React, { useContext } from 'react'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; diff --git a/packages/twenty-front/src/modules/settings/components/AdvancedSettingsContentWrapperWithDot.tsx b/packages/twenty-front/src/modules/settings/components/AdvancedSettingsContentWrapperWithDot.tsx index c7f4a55256..b7061846bb 100644 --- a/packages/twenty-front/src/modules/settings/components/AdvancedSettingsContentWrapperWithDot.tsx +++ b/packages/twenty-front/src/modules/settings/components/AdvancedSettingsContentWrapperWithDot.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconPoint } from 'twenty-ui/display'; +import { IconPoint } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledWrapper = styled.div` diff --git a/packages/twenty-front/src/modules/settings/components/SaveAndCancelButtons/SaveAndCancelButtons.tsx b/packages/twenty-front/src/modules/settings/components/SaveAndCancelButtons/SaveAndCancelButtons.tsx index 30b7dbf4b4..0c528978ac 100644 --- a/packages/twenty-front/src/modules/settings/components/SaveAndCancelButtons/SaveAndCancelButtons.tsx +++ b/packages/twenty-front/src/modules/settings/components/SaveAndCancelButtons/SaveAndCancelButtons.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import type { IconComponent } from 'twenty-ui/display'; +import type { IconComponent } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { CancelButton } from './CancelButton'; diff --git a/packages/twenty-front/src/modules/settings/components/SaveAndCancelButtons/SaveButton.tsx b/packages/twenty-front/src/modules/settings/components/SaveAndCancelButtons/SaveButton.tsx index 81a232e200..0efca29624 100644 --- a/packages/twenty-front/src/modules/settings/components/SaveAndCancelButtons/SaveButton.tsx +++ b/packages/twenty-front/src/modules/settings/components/SaveAndCancelButtons/SaveButton.tsx @@ -1,5 +1,5 @@ import { t } from '@lingui/core/macro'; -import { type IconComponent, IconDeviceFloppy } from 'twenty-ui/display'; +import { type IconComponent, IconDeviceFloppy } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; type SaveButtonProps = { diff --git a/packages/twenty-front/src/modules/settings/components/SettingsCard.tsx b/packages/twenty-front/src/modules/settings/components/SettingsCard.tsx index 43e2461e00..fe4a074438 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsCard.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsCard.tsx @@ -2,9 +2,9 @@ import { styled } from '@linaria/react'; import { type ReactNode, useContext } from 'react'; import { t } from '@lingui/core/macro'; -import { Card, CardContent } from 'twenty-ui/layout'; -import { IconChevronRight } from 'twenty-ui/display'; -import { Pill } from 'twenty-ui/components'; +import { Card, CardContent } from 'twenty-ui/surfaces'; +import { IconChevronRight } from 'twenty-ui/icon'; +import { Pill } from 'twenty-ui/data-display'; import { isDefined } from 'twenty-shared/utils'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsCounter.tsx b/packages/twenty-front/src/modules/settings/components/SettingsCounter.tsx index 5383ff74b1..be2ba4d91f 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsCounter.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsCounter.tsx @@ -1,6 +1,6 @@ import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; import { styled } from '@linaria/react'; -import { IconMinus, IconPlus } from 'twenty-ui/display'; +import { IconMinus, IconPlus } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { castAsNumberOrNull } from '~/utils/cast-as-number-or-null'; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsCustomizeVideoModal.tsx b/packages/twenty-front/src/modules/settings/components/SettingsCustomizeVideoModal.tsx index bd22c3a615..91960b7250 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsCustomizeVideoModal.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsCustomizeVideoModal.tsx @@ -3,7 +3,7 @@ import { useModal } from '@/ui/layout/modal/hooks/useModal'; import { TabList } from '@/ui/layout/tab-list/components/TabList'; import { styled } from '@linaria/react'; import { useState } from 'react'; -import { type IconComponent, IconX } from 'twenty-ui/display'; +import { type IconComponent, IconX } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsDatabaseEventsForm.tsx b/packages/twenty-front/src/modules/settings/components/SettingsDatabaseEventsForm.tsx index 1d46bf4385..93b1c52094 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsDatabaseEventsForm.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsDatabaseEventsForm.tsx @@ -4,7 +4,7 @@ import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconBox, IconNorthStar, IconPlus, IconTrash } from 'twenty-ui/display'; +import { IconBox, IconNorthStar, IconPlus, IconTrash } from 'twenty-ui/icon'; import { IconButton, type SelectOption } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsDatePickerInput.tsx b/packages/twenty-front/src/modules/settings/components/SettingsDatePickerInput.tsx index 9fea877079..3e75420adb 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsDatePickerInput.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsDatePickerInput.tsx @@ -19,7 +19,7 @@ import { useUserTimezone } from '@/ui/input/components/internal/date/hooks/useUs import { OverlayContainer } from '@/ui/layout/overlay/components/OverlayContainer'; import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside'; import { isDefined } from 'twenty-shared/utils'; -import { IconCalendar } from 'twenty-ui/display'; +import { IconCalendar } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const SETTINGS_DATE_PICKER_CLICK_OUTSIDE_ID = 'settings-date-picker-floating'; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsDiscoveryHeroCard.tsx b/packages/twenty-front/src/modules/settings/components/SettingsDiscoveryHeroCard.tsx index 2efcf93208..7b1eba49dd 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsDiscoveryHeroCard.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsDiscoveryHeroCard.tsx @@ -8,7 +8,7 @@ import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { type ReactNode, useContext } from 'react'; -import { Card } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { FeatureFlagKey } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsDnsRecordsTable.tsx b/packages/twenty-front/src/modules/settings/components/SettingsDnsRecordsTable.tsx index 0f7c1ef15e..7b7c4da060 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsDnsRecordsTable.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsDnsRecordsTable.tsx @@ -5,7 +5,8 @@ import { TableRow } from '@/ui/layout/table/components/TableRow'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { capitalize, isDefined } from 'twenty-shared/utils'; -import { OverflowingTextWithTooltip, Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { type ThemeColor } from 'twenty-ui/theme'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsEnterpriseFeatureGateCard.tsx b/packages/twenty-front/src/modules/settings/components/SettingsEnterpriseFeatureGateCard.tsx index 76d3003f1b..a61b3f465a 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsEnterpriseFeatureGateCard.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsEnterpriseFeatureGateCard.tsx @@ -2,9 +2,9 @@ import { currentUserState } from '@/auth/states/currentUserState'; import { SettingsOptionCardContentButton } from '@/settings/components/SettingsOptions/SettingsOptionCardContentButton'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { SettingsPath } from 'twenty-shared/types'; -import { IconArrowUp, IconLock } from 'twenty-ui/display'; +import { IconArrowUp, IconLock } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; -import { Card } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; export const SettingsEnterpriseFeatureGateCard = ({ diff --git a/packages/twenty-front/src/modules/settings/components/SettingsItemTypeTag.tsx b/packages/twenty-front/src/modules/settings/components/SettingsItemTypeTag.tsx index 1ce8c0ed23..16eacbf917 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsItemTypeTag.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsItemTypeTag.tsx @@ -1,8 +1,7 @@ import { t } from '@lingui/core/macro'; import { AppChip } from '@/applications/components/AppChip'; -import { Avatar } from 'twenty-ui/display'; -import { Chip, ChipAccent, ChipVariant } from 'twenty-ui/components'; +import { Avatar, Chip, ChipAccent, ChipVariant } from 'twenty-ui/data-display'; import { isDefined } from 'twenty-shared/utils'; type SettingsItemTypeTagProps = { diff --git a/packages/twenty-front/src/modules/settings/components/SettingsListCard.tsx b/packages/twenty-front/src/modules/settings/components/SettingsListCard.tsx index 8325af9596..0aee306008 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsListCard.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsListCard.tsx @@ -3,8 +3,8 @@ import { type ComponentType, useContext } from 'react'; import { SettingsListSkeletonCard } from '@/settings/components/SettingsListSkeletonCard'; -import { type IconComponent, IconPlus } from 'twenty-ui/display'; -import { Card, CardFooter } from 'twenty-ui/layout'; +import { type IconComponent, IconPlus } from 'twenty-ui/icon'; +import { Card, CardFooter } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { SettingsListItemCardContent } from './SettingsListItemCardContent'; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsListItemCardContent.tsx b/packages/twenty-front/src/modules/settings/components/SettingsListItemCardContent.tsx index 32c2cd8543..0d20935cec 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsListItemCardContent.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsListItemCardContent.tsx @@ -2,8 +2,8 @@ import { styled } from '@linaria/react'; import { type ReactNode, useContext } from 'react'; import { Link } from 'react-router-dom'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronRight, type IconComponent } from 'twenty-ui/display'; -import { CardContent } from 'twenty-ui/layout'; +import { IconChevronRight, type IconComponent } from 'twenty-ui/icon'; +import { CardContent } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledRowContainer = styled.div` diff --git a/packages/twenty-front/src/modules/settings/components/SettingsListSkeletonCard.tsx b/packages/twenty-front/src/modules/settings/components/SettingsListSkeletonCard.tsx index f1a4c5ca4c..f1d8157764 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsListSkeletonCard.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsListSkeletonCard.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { Card } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledCardContainer = styled.div` diff --git a/packages/twenty-front/src/modules/settings/components/SettingsMorphRelationMultiSelect.tsx b/packages/twenty-front/src/modules/settings/components/SettingsMorphRelationMultiSelect.tsx index 53e74b13b6..8434fa9c28 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsMorphRelationMultiSelect.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsMorphRelationMultiSelect.tsx @@ -22,7 +22,7 @@ import { selectedItemIdComponentState } from '@/ui/layout/selectable-list/states import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { isNonEmptyString } from '@sniptt/guards'; import { isDefined } from 'twenty-shared/utils'; -import { IconBox, type IconComponent } from 'twenty-ui/display'; +import { IconBox, type IconComponent } from 'twenty-ui/icon'; import { MenuItem, MenuItemMultiSelect } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentButton.tsx b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentButton.tsx index ab7baa9550..d4b72a288f 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentButton.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentButton.tsx @@ -7,10 +7,8 @@ import { } from '@/settings/components/SettingsOptions/SettingsCardContentBase'; import { SettingsOptionIconCustomizer } from '@/settings/components/SettingsOptions/SettingsOptionIconCustomizer'; import { styled } from '@linaria/react'; -import { - type IconComponent, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { isDefined } from 'twenty-shared/utils'; type SettingsOptionCardContentButtonProps = { diff --git a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentCounter.tsx b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentCounter.tsx index 22bd767d71..e270617a3a 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentCounter.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentCounter.tsx @@ -7,10 +7,8 @@ import { StyledSettingsCardTitle, } from '@/settings/components/SettingsOptions/SettingsCardContentBase'; import { SettingsOptionIconCustomizer } from '@/settings/components/SettingsOptions/SettingsOptionIconCustomizer'; -import { - type IconComponent, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; type SettingsOptionCardContentCounterProps = { Icon?: IconComponent; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentSelect.tsx b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentSelect.tsx index 122acaceb9..78148089e2 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentSelect.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentSelect.tsx @@ -8,10 +8,8 @@ import { import { Separator } from '@/settings/components/Separator'; import { SettingsOptionIconCustomizer } from '@/settings/components/SettingsOptions/SettingsOptionIconCustomizer'; import { styled } from '@linaria/react'; -import { - type IconComponent, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; type SettingsOptionCardContentSelectProps = { Icon?: IconComponent; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentToggle.tsx b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentToggle.tsx index 2c1fe297dd..84b5992db5 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentToggle.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentToggle.tsx @@ -8,10 +8,8 @@ import { import { SettingsOptionIconCustomizer } from '@/settings/components/SettingsOptions/SettingsOptionIconCustomizer'; import { styled } from '@linaria/react'; import { useContext, useId } from 'react'; -import { - type IconComponent, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { Toggle } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionIconCustomizer.tsx b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionIconCustomizer.tsx index 9a28858c60..ba3a1223b7 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionIconCustomizer.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionIconCustomizer.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { ThemeContext } from 'twenty-ui/theme-constants'; type SettingsOptionIconCustomizerProps = { diff --git a/packages/twenty-front/src/modules/settings/components/SettingsOptions/__stories__/SettingsOptionCardContentCounter.stories.tsx b/packages/twenty-front/src/modules/settings/components/SettingsOptions/__stories__/SettingsOptionCardContentCounter.stories.tsx index 006c990e6e..ccc791ad15 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsOptions/__stories__/SettingsOptionCardContentCounter.stories.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsOptions/__stories__/SettingsOptionCardContentCounter.stories.tsx @@ -2,7 +2,7 @@ import { SettingsOptionCardContentCounter } from '@/settings/components/Settings import { styled } from '@linaria/react'; import { type Meta, type StoryObj } from '@storybook/react-vite'; import { useState } from 'react'; -import { IconUsers } from 'twenty-ui/display'; +import { IconUsers } from 'twenty-ui/icon'; import { ComponentDecorator } from 'twenty-ui/testing'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/settings/components/SettingsOptions/__stories__/SettingsOptionCardContentSelect.stories.tsx b/packages/twenty-front/src/modules/settings/components/SettingsOptions/__stories__/SettingsOptionCardContentSelect.stories.tsx index f2e870c659..3c28c7c612 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsOptions/__stories__/SettingsOptionCardContentSelect.stories.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsOptions/__stories__/SettingsOptionCardContentSelect.stories.tsx @@ -11,7 +11,7 @@ import { IconNotes, IconTable, IconUsers, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { ComponentDecorator } from 'twenty-ui/testing'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/settings/components/SettingsOptions/__stories__/SettingsOptionCardContentToggle.stories.tsx b/packages/twenty-front/src/modules/settings/components/SettingsOptions/__stories__/SettingsOptionCardContentToggle.stories.tsx index a85a630c1e..f480f13453 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsOptions/__stories__/SettingsOptionCardContentToggle.stories.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsOptions/__stories__/SettingsOptionCardContentToggle.stories.tsx @@ -2,7 +2,7 @@ import { SettingsOptionCardContentToggle } from '@/settings/components/SettingsO import { styled } from '@linaria/react'; import { type Meta, type StoryObj } from '@storybook/react-vite'; import { useState } from 'react'; -import { IconBell, IconLock, IconRobot, IconUsers } from 'twenty-ui/display'; +import { IconBell, IconLock, IconRobot, IconUsers } from 'twenty-ui/icon'; import { ComponentDecorator } from 'twenty-ui/testing'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/settings/components/SettingsRadioCard.tsx b/packages/twenty-front/src/modules/settings/components/SettingsRadioCard.tsx index 8c479c52c7..fd70196797 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsRadioCard.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsRadioCard.tsx @@ -1,7 +1,7 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { CardContent } from 'twenty-ui/layout'; -import { type IconComponent } from 'twenty-ui/display'; +import { CardContent } from 'twenty-ui/surfaces'; +import { type IconComponent } from 'twenty-ui/icon'; import { Radio } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsRadioCardContainer.tsx b/packages/twenty-front/src/modules/settings/components/SettingsRadioCardContainer.tsx index cf70ecc24e..9aad0c000a 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsRadioCardContainer.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsRadioCardContainer.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { SettingsRadioCard } from '@/settings/components/SettingsRadioCard'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledRadioCardContainer = styled.div` diff --git a/packages/twenty-front/src/modules/settings/components/SettingsStatsGrid.tsx b/packages/twenty-front/src/modules/settings/components/SettingsStatsGrid.tsx index 9332be1d03..0d8dd1fe96 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsStatsGrid.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsStatsGrid.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { Fragment, useContext } from 'react'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; export type SettingsStatRow = { diff --git a/packages/twenty-front/src/modules/settings/components/SettingsTableCard.tsx b/packages/twenty-front/src/modules/settings/components/SettingsTableCard.tsx index 0d5fb831a1..223c6133c3 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsTableCard.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsTableCard.tsx @@ -3,11 +3,8 @@ import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableRow } from '@/ui/layout/table/components/TableRow'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { - OverflowingTextWithTooltip, - type IconComponent, -} from 'twenty-ui/display'; -import { Card } from 'twenty-ui/layout'; +import { type IconComponent } from 'twenty-ui/icon'; +import { Card, OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; export type TableItem = { diff --git a/packages/twenty-front/src/modules/settings/components/SettingsTableListSection.tsx b/packages/twenty-front/src/modules/settings/components/SettingsTableListSection.tsx index d2b0990dce..3996bad44e 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsTableListSection.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsTableListSection.tsx @@ -6,7 +6,8 @@ import { Table } from '@/ui/layout/table/components/Table'; import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableHeader } from '@/ui/layout/table/components/TableHeader'; import { TableRow } from '@/ui/layout/table/components/TableRow'; -import { H2Title, IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/components/__stories__/SettingsCard.stories.tsx b/packages/twenty-front/src/modules/settings/components/__stories__/SettingsCard.stories.tsx index 9d188003c3..ebd3ede8af 100644 --- a/packages/twenty-front/src/modules/settings/components/__stories__/SettingsCard.stories.tsx +++ b/packages/twenty-front/src/modules/settings/components/__stories__/SettingsCard.stories.tsx @@ -1,7 +1,7 @@ import { SettingsCard } from '@/settings/components/SettingsCard'; import { type Meta, type StoryObj } from '@storybook/react-vite'; import React from 'react'; -import { IconMailCog } from 'twenty-ui/display'; +import { IconMailCog } from 'twenty-ui/icon'; import { ComponentDecorator } from 'twenty-ui/testing'; const meta: Meta = { diff --git a/packages/twenty-front/src/modules/settings/components/layout/SettingsWizardStepBar.tsx b/packages/twenty-front/src/modules/settings/components/layout/SettingsWizardStepBar.tsx index 7d503a756f..463f33a5b7 100644 --- a/packages/twenty-front/src/modules/settings/components/layout/SettingsWizardStepBar.tsx +++ b/packages/twenty-front/src/modules/settings/components/layout/SettingsWizardStepBar.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { type ReactNode } from 'react'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/config-variables/components/ConfigVariableEdit.tsx b/packages/twenty-front/src/modules/settings/config-variables/components/ConfigVariableEdit.tsx index 8e9e224cd0..8705923c9f 100644 --- a/packages/twenty-front/src/modules/settings/config-variables/components/ConfigVariableEdit.tsx +++ b/packages/twenty-front/src/modules/settings/config-variables/components/ConfigVariableEdit.tsx @@ -1,5 +1,6 @@ import { styled } from '@linaria/react'; -import { H3Title, IconCheck, IconPencil, IconX } from 'twenty-ui/display'; +import { IconCheck, IconPencil, IconX } from 'twenty-ui/icon'; +import { H3Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { ConfirmationModal } from '@/ui/layout/modal/components/ConfirmationModal'; diff --git a/packages/twenty-front/src/modules/settings/config-variables/components/ConfigVariableTable.tsx b/packages/twenty-front/src/modules/settings/config-variables/components/ConfigVariableTable.tsx index 161c2134c8..a94405dd72 100644 --- a/packages/twenty-front/src/modules/settings/config-variables/components/ConfigVariableTable.tsx +++ b/packages/twenty-front/src/modules/settings/config-variables/components/ConfigVariableTable.tsx @@ -6,10 +6,8 @@ import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { TableHeader } from '@/ui/layout/table/components/TableHeader'; import { t } from '@lingui/core/macro'; import { TableCell } from '@/ui/layout/table/components/TableCell'; -import { - IconChevronRight, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +import { IconChevronRight } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { useContext } from 'react'; const StyledTableBodyContainer = styled.div` diff --git a/packages/twenty-front/src/modules/settings/data-model/components/SettingsDataModelPreviewFormCard.tsx b/packages/twenty-front/src/modules/settings/data-model/components/SettingsDataModelPreviewFormCard.tsx index 0856e0c2e6..a4ae57c71c 100644 --- a/packages/twenty-front/src/modules/settings/data-model/components/SettingsDataModelPreviewFormCard.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/components/SettingsDataModelPreviewFormCard.tsx @@ -3,7 +3,7 @@ import { type ReactNode } from 'react'; import { StyledFormCardTitle } from '@/settings/data-model/fields/components/StyledFormCardTitle'; import { Trans } from '@lingui/react/macro'; -import { Card, CardContent } from 'twenty-ui/layout'; +import { Card, CardContent } from 'twenty-ui/surfaces'; import { isDefined } from 'twenty-shared/utils'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/data-model/constants/RelationTypes.ts b/packages/twenty-front/src/modules/settings/data-model/constants/RelationTypes.ts index 9fab47586d..b6a292f7ad 100644 --- a/packages/twenty-front/src/modules/settings/data-model/constants/RelationTypes.ts +++ b/packages/twenty-front/src/modules/settings/data-model/constants/RelationTypes.ts @@ -1,7 +1,4 @@ -import { - type IconComponent, - IllustrationIconOneToMany, -} from 'twenty-ui/display'; +import { type IconComponent, IllustrationIconOneToMany } from 'twenty-ui/icon'; import { RelationType } from '~/generated-metadata/graphql'; import OneToManySvg from '@/settings/data-model/assets/OneToMany.svg'; diff --git a/packages/twenty-front/src/modules/settings/data-model/constants/SettingsCompositeFieldTypeConfigs.ts b/packages/twenty-front/src/modules/settings/data-model/constants/SettingsCompositeFieldTypeConfigs.ts index 0d326c0a00..86218e6d55 100644 --- a/packages/twenty-front/src/modules/settings/data-model/constants/SettingsCompositeFieldTypeConfigs.ts +++ b/packages/twenty-front/src/modules/settings/data-model/constants/SettingsCompositeFieldTypeConfigs.ts @@ -25,7 +25,7 @@ import { IllustrationIconSetting, IllustrationIconText, IllustrationIconUser, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { FieldMetadataType } from '~/generated-metadata/graphql'; //TODO : isIncludedInUniqueConstraint refactor - https://github.com/twentyhq/core-team-issues/issues/1097 diff --git a/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldCurrencyCodes.ts b/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldCurrencyCodes.ts index 87bf1a0eb5..db0ef26ddf 100644 --- a/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldCurrencyCodes.ts +++ b/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldCurrencyCodes.ts @@ -55,7 +55,7 @@ import { IconCurrencyYuan, IconCurrencyZloty, type IconComponent, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export const SETTINGS_FIELD_CURRENCY_CODES: Record< CurrencyCode, { label: string; Icon: IconComponent } diff --git a/packages/twenty-front/src/modules/settings/data-model/constants/SettingsNonCompositeFieldTypeConfigs.ts b/packages/twenty-front/src/modules/settings/data-model/constants/SettingsNonCompositeFieldTypeConfigs.ts index c5303bd552..5505d742ca 100644 --- a/packages/twenty-front/src/modules/settings/data-model/constants/SettingsNonCompositeFieldTypeConfigs.ts +++ b/packages/twenty-front/src/modules/settings/data-model/constants/SettingsNonCompositeFieldTypeConfigs.ts @@ -31,7 +31,7 @@ import { IllustrationIconToggle, IllustrationIconUid, type IconComponent, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { FieldMetadataType } from '~/generated-metadata/graphql'; DEFAULT_DATE_VALUE.setFullYear(DEFAULT_DATE_VALUE.getFullYear() + 2); diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/address/components/MultiSelectAddressFields.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/address/components/MultiSelectAddressFields.tsx index 9fa9043198..a990f4a1d2 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/address/components/MultiSelectAddressFields.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/address/components/MultiSelectAddressFields.tsx @@ -11,7 +11,7 @@ import { SelectableList } from '@/ui/layout/selectable-list/components/Selectabl import { SelectableListItem } from '@/ui/layout/selectable-list/components/SelectableListItem'; import { t } from '@lingui/core/macro'; import { type MouseEvent, useMemo, useState } from 'react'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { MenuItem, MenuItemMultiSelectTag } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/address/components/SettingsDataModelFieldAddressForm.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/address/components/SettingsDataModelFieldAddressForm.tsx index c276b25e36..b204d75230 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/address/components/SettingsDataModelFieldAddressForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/address/components/SettingsDataModelFieldAddressForm.tsx @@ -18,7 +18,7 @@ import { IconMap, IconRefresh, type IconComponentProps, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { z } from 'zod'; import { applySimpleQuotesToString } from '~/utils/string/applySimpleQuotesToString'; diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/boolean/components/SettingsDataModelFieldBooleanForm.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/boolean/components/SettingsDataModelFieldBooleanForm.tsx index c3edf43f00..b2bcdf4d86 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/boolean/components/SettingsDataModelFieldBooleanForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/boolean/components/SettingsDataModelFieldBooleanForm.tsx @@ -6,7 +6,7 @@ import { BOOLEAN_DATA_MODEL_SELECT_OPTIONS } from '@/settings/data-model/fields/ import { useBooleanSettingsFormInitialValues } from '@/settings/data-model/fields/forms/boolean/hooks/useBooleanSettingsFormInitialValues'; import { Select } from '@/ui/input/components/Select'; import { useLingui } from '@lingui/react/macro'; -import { IconCheck } from 'twenty-ui/display'; +import { IconCheck } from 'twenty-ui/icon'; export const settingsDataModelFieldBooleanFormSchema = z.object({ defaultValue: z.boolean(), diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/boolean/constants/BooleanDataModelSelectOptions.ts b/packages/twenty-front/src/modules/settings/data-model/fields/forms/boolean/constants/BooleanDataModelSelectOptions.ts index 0abc4f22ef..f3267d47de 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/boolean/constants/BooleanDataModelSelectOptions.ts +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/boolean/constants/BooleanDataModelSelectOptions.ts @@ -1,5 +1,5 @@ import { msg } from '@lingui/core/macro'; -import { IconCheck, IconX } from 'twenty-ui/display'; +import { IconCheck, IconX } from 'twenty-ui/icon'; export const BOOLEAN_DATA_MODEL_SELECT_OPTIONS = [ { diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldIconLabelForm.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldIconLabelForm.tsx index dc15ebe11b..17a9c746ab 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldIconLabelForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldIconLabelForm.tsx @@ -15,13 +15,8 @@ import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; import { useLingui } from '@lingui/react/macro'; import { FieldMetadataType } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { - AppTooltip, - IconInfoCircle, - IconRefresh, - TooltipDelay, -} from 'twenty-ui/display'; -import { Card } from 'twenty-ui/layout'; +import { IconInfoCircle, IconRefresh } from 'twenty-ui/icon'; +import { AppTooltip, Card, TooltipDelay } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { computeMetadataNameFromLabel } from '~/pages/settings/data-model/utils/computeMetadataNameFromLabel'; diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldIsUniqueForm.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldIsUniqueForm.tsx index 95041b0536..bc24e23897 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldIsUniqueForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldIsUniqueForm.tsx @@ -6,7 +6,7 @@ import { SettingsOptionCardContentSelect } from '@/settings/components/SettingsO import { canBeUnique } from '@/settings/data-model/fields/forms/utils/canBeUnique'; import { t } from '@lingui/core/macro'; import { type FieldMetadataType } from 'twenty-shared/types'; -import { IconKey } from 'twenty-ui/display'; +import { IconKey } from 'twenty-ui/icon'; import { Toggle } from 'twenty-ui/input'; type SettingsDataModelFieldIsUniqueFormValues = { diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldMaxValuesForm.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldMaxValuesForm.tsx index edd91c12fe..b57723b3aa 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldMaxValuesForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldMaxValuesForm.tsx @@ -12,7 +12,7 @@ import { FieldMetadataType, type FieldMetadataMultiItemSettings, } from 'twenty-shared/types'; -import { IconNumber } from 'twenty-ui/display'; +import { IconNumber } from 'twenty-ui/icon'; type SettingsDataModelFieldMaxValuesFormProps = { disabled?: boolean; diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldOnClickActionForm.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldOnClickActionForm.tsx index c9a0654c72..4bfa6de74a 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldOnClickActionForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsDataModelFieldOnClickActionForm.tsx @@ -11,7 +11,7 @@ import { FieldMetadataSettingsOnClickAction, FieldMetadataType, } from 'twenty-shared/types'; -import { IconClick } from 'twenty-ui/display'; +import { IconClick } from 'twenty-ui/icon'; type SettingsDataModelFieldOnClickActionFormProps = { disabled?: boolean; diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsObjectNewFieldSelector.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsObjectNewFieldSelector.tsx index 2f9241a027..e2d61792d7 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsObjectNewFieldSelector.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/SettingsObjectNewFieldSelector.tsx @@ -17,7 +17,8 @@ import { useContext, useState } from 'react'; import { Controller, useFormContext } from 'react-hook-form'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title, IconSearch } from 'twenty-ui/display'; +import { IconSearch } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { UndecoratedLink } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { FieldMetadataType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/text/SettingsDataModelFieldTextForm.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/text/SettingsDataModelFieldTextForm.tsx index 7e05ada426..d4ae0bb3bb 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/text/SettingsDataModelFieldTextForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/components/text/SettingsDataModelFieldTextForm.tsx @@ -5,7 +5,7 @@ import { SettingsOptionCardContentSelect } from '@/settings/components/SettingsO import { TEXT_DATA_MODEL_SELECT_OPTIONS } from '@/settings/data-model/fields/forms/components/text/constants/TextDataModelSelectOptions'; import { Select } from '@/ui/input/components/Select'; import { useLingui } from '@lingui/react/macro'; -import { IconTextWrap } from 'twenty-ui/display'; +import { IconTextWrap } from 'twenty-ui/icon'; import { z } from 'zod'; type SettingsDataModelFieldTextFormProps = { diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/currency/components/SettingsDataModelFieldCurrencyForm.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/currency/components/SettingsDataModelFieldCurrencyForm.tsx index a7cbae7d32..e28f0a2fa7 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/currency/components/SettingsDataModelFieldCurrencyForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/currency/components/SettingsDataModelFieldCurrencyForm.tsx @@ -15,11 +15,7 @@ import { useCurrencySettingsFormInitialValues } from '@/settings/data-model/fiel import { Select } from '@/ui/input/components/Select'; import { plural } from '@lingui/core/macro'; import { useLingui } from '@lingui/react/macro'; -import { - IconCheckbox, - IconCurrencyDollar, - IconDecimal, -} from 'twenty-ui/display'; +import { IconCheckbox, IconCurrencyDollar, IconDecimal } from 'twenty-ui/icon'; import { DEFAULT_DECIMAL_VALUE } from '~/utils/format/formatNumber'; import { applySimpleQuotesToString } from '~/utils/string/applySimpleQuotesToString'; diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/date/components/SettingsDataModelFieldDateForm.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/date/components/SettingsDataModelFieldDateForm.tsx index 074679a6bc..8cf6727b85 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/date/components/SettingsDataModelFieldDateForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/date/components/SettingsDataModelFieldDateForm.tsx @@ -12,7 +12,7 @@ import { Select } from '@/ui/input/components/Select'; import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconSlash } from 'twenty-ui/display'; +import { IconSlash } from 'twenty-ui/icon'; import { AnimatedExpandableContainer } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/morph-relation/components/SettingsDataModelFieldRelationJunctionForm.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/morph-relation/components/SettingsDataModelFieldRelationJunctionForm.tsx index 57adaee95b..0cc319aa61 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/morph-relation/components/SettingsDataModelFieldRelationJunctionForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/morph-relation/components/SettingsDataModelFieldRelationJunctionForm.tsx @@ -2,7 +2,7 @@ import { useLingui } from '@lingui/react/macro'; import { useFormContext } from 'react-hook-form'; import { FieldMetadataType } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconLink } from 'twenty-ui/display'; +import { IconLink } from 'twenty-ui/icon'; import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem'; import { useObjectMetadataItems } from '@/object-metadata/hooks/useObjectMetadataItems'; diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/number/components/SettingsDataModelFieldNumberForm.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/number/components/SettingsDataModelFieldNumberForm.tsx index b7f288ea6f..994eabcf20 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/number/components/SettingsDataModelFieldNumberForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/number/components/SettingsDataModelFieldNumberForm.tsx @@ -10,7 +10,7 @@ import { NUMBER_DATA_MODEL_SELECT_OPTIONS } from '@/settings/data-model/fields/f import { Select } from '@/ui/input/components/Select'; import { plural } from '@lingui/core/macro'; import { useLingui } from '@lingui/react/macro'; -import { IconDecimal, IconEye } from 'twenty-ui/display'; +import { IconDecimal, IconEye } from 'twenty-ui/icon'; import { DEFAULT_DECIMAL_VALUE } from '~/utils/format/formatNumber'; export const settingsDataModelFieldNumberFormSchema = z.object({ diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/number/constants/NumberDataModelSelectOptions.ts b/packages/twenty-front/src/modules/settings/data-model/fields/forms/number/constants/NumberDataModelSelectOptions.ts index d821463a33..ecca1ed9c4 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/number/constants/NumberDataModelSelectOptions.ts +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/number/constants/NumberDataModelSelectOptions.ts @@ -8,7 +8,7 @@ import { IconPercentage, type IconComponent, type IconComponentProps, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; type NumberDataModelSelectOptions = { Icon: ForwardRefExoticComponent< diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/phones/components/SettingsDataModelFieldPhonesForm.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/phones/components/SettingsDataModelFieldPhonesForm.tsx index 67112ce36b..365215a080 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/phones/components/SettingsDataModelFieldPhonesForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/phones/components/SettingsDataModelFieldPhonesForm.tsx @@ -15,7 +15,7 @@ import { IconCircleOff, IconMap, type IconComponentProps, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { z } from 'zod'; import { applySimpleQuotesToString } from '~/utils/string/applySimpleQuotesToString'; import { stripSimpleQuotesFromString } from '~/utils/string/stripSimpleQuotesFromString'; diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/select/components/AddSelectOptionMenuItem.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/select/components/AddSelectOptionMenuItem.tsx index 82ae9033ec..0505c0fafc 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/select/components/AddSelectOptionMenuItem.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/select/components/AddSelectOptionMenuItem.tsx @@ -1,7 +1,7 @@ import { t } from '@lingui/core/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { isDefined } from 'twenty-shared/utils'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; type AddSelectOptionMenuItemProps = { diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/select/components/SettingsDataModelFieldSelectForm.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/select/components/SettingsDataModelFieldSelectForm.tsx index 2c654d3051..556238fb18 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/select/components/SettingsDataModelFieldSelectForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/select/components/SettingsDataModelFieldSelectForm.tsx @@ -39,9 +39,9 @@ import { IconPlus, IconPoint, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightButton, LightIconButton } from 'twenty-ui/input'; -import { CardContent, CardFooter } from 'twenty-ui/layout'; +import { CardContent, CardFooter } from 'twenty-ui/surfaces'; import { MenuItem } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { SettingsDataModelFieldSelectFormOptionRow } from './SettingsDataModelFieldSelectFormOptionRow'; diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/forms/select/components/SettingsDataModelFieldSelectFormOptionRow.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/forms/select/components/SettingsDataModelFieldSelectFormOptionRow.tsx index 121bfe5ca1..95cf29d395 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/forms/select/components/SettingsDataModelFieldSelectFormOptionRow.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/forms/select/components/SettingsDataModelFieldSelectFormOptionRow.tsx @@ -9,14 +9,14 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { styled } from '@linaria/react'; import { useContext } from 'react'; import { t } from '@lingui/core/macro'; +import { ColorSample } from 'twenty-ui/data-display'; import { - ColorSample, IconCheck, IconDotsVertical, IconGripVertical, IconTrash, IconX, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { type ColorLabels, diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelFieldPreview.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelFieldPreview.tsx index 374c49247a..561e3556e7 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelFieldPreview.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelFieldPreview.tsx @@ -11,7 +11,7 @@ import { SettingsDataModelLabelIdentifierPreviewContextWrapper } from '@/setting import { SettingsDataModelSetFieldValueEffect } from '@/settings/data-model/fields/preview/components/SettingsDataModelSetFieldValueEffect'; import { SettingsDataModelSetLabelIdentifierRecordEffect } from '@/settings/data-model/fields/preview/components/SettingsDataModelSetLabelIdentifierRecordEffect'; import { useFieldPreviewValue } from '@/settings/data-model/fields/preview/hooks/useFieldPreviewValue'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { useContext } from 'react'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { FieldMetadataType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelFieldPreviewWidget.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelFieldPreviewWidget.tsx index 2f40d9d031..b4adbfc6a2 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelFieldPreviewWidget.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelFieldPreviewWidget.tsx @@ -4,7 +4,7 @@ import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadata import { type FieldMetadataItem } from '@/object-metadata/types/FieldMetadataItem'; import { SettingsDataModelFieldPreview } from '@/settings/data-model/fields/preview/components/SettingsDataModelFieldPreview'; import { SettingsDataModelObjectPreview } from '@/settings/data-model/objects/components/SettingsDataModelObjectSummary'; -import { Card, CardContent } from 'twenty-ui/layout'; +import { Card, CardContent } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { computeMetadataNameFromLabel } from '~/pages/settings/data-model/utils/computeMetadataNameFromLabel'; diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelRelationFieldPreview.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelRelationFieldPreview.tsx index 4d275b558e..57eed7de95 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelRelationFieldPreview.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelRelationFieldPreview.tsx @@ -9,7 +9,7 @@ import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldCont import { RecordFieldComponentInstanceContext } from '@/object-record/record-field/ui/states/contexts/RecordFieldComponentInstanceContext'; import { SettingsDataModelSetFieldValueEffect } from '@/settings/data-model/fields/preview/components/SettingsDataModelSetFieldValueEffect'; import { useFieldPreviewValue } from '@/settings/data-model/fields/preview/hooks/useFieldPreviewValue'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { useContext } from 'react'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { v4 } from 'uuid'; diff --git a/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelRelationFieldPreviewSubWidget.tsx b/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelRelationFieldPreviewSubWidget.tsx index 04c26093d6..8466a02d68 100644 --- a/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelRelationFieldPreviewSubWidget.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelRelationFieldPreviewSubWidget.tsx @@ -5,7 +5,7 @@ import { type FieldMetadataItem } from '@/object-metadata/types/FieldMetadataIte import { SettingsDataModelRelationFieldPreview } from '@/settings/data-model/fields/preview/components/SettingsDataModelRelationFieldPreview'; import { SettingsDataModelObjectPreview } from '@/settings/data-model/objects/components/SettingsDataModelObjectSummary'; import { isDefined } from 'twenty-shared/utils'; -import { Card, CardContent } from 'twenty-ui/layout'; +import { Card, CardContent } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; export type SettingsDataModelRelationFieldPreviewSubWidgetProps = { diff --git a/packages/twenty-front/src/modules/settings/data-model/graph-overview/components/SettingsDataModelOverview.tsx b/packages/twenty-front/src/modules/settings/data-model/graph-overview/components/SettingsDataModelOverview.tsx index b65bb3f792..adafc52484 100644 --- a/packages/twenty-front/src/modules/settings/data-model/graph-overview/components/SettingsDataModelOverview.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/graph-overview/components/SettingsDataModelOverview.tsx @@ -29,7 +29,7 @@ import { IconMinus, IconPlus, IconX, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { Button, IconButtonGroup } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/data-model/graph-overview/components/SettingsDataModelOverviewFieldWithoutRelation.tsx b/packages/twenty-front/src/modules/settings/data-model/graph-overview/components/SettingsDataModelOverviewFieldWithoutRelation.tsx index c733a71dfa..bf1c6a5d34 100644 --- a/packages/twenty-front/src/modules/settings/data-model/graph-overview/components/SettingsDataModelOverviewFieldWithoutRelation.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/graph-overview/components/SettingsDataModelOverviewFieldWithoutRelation.tsx @@ -2,7 +2,7 @@ import { isDefined } from 'twenty-shared/utils'; import { styled } from '@linaria/react'; import { type FieldMetadataItem } from '@/object-metadata/types/FieldMetadataItem'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { useContext } from 'react'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/data-model/graph-overview/components/SettingsDataModelOverviewObject.tsx b/packages/twenty-front/src/modules/settings/data-model/graph-overview/components/SettingsDataModelOverviewObject.tsx index 81fd03a4d4..bf95d9dfc6 100644 --- a/packages/twenty-front/src/modules/settings/data-model/graph-overview/components/SettingsDataModelOverviewObject.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/graph-overview/components/SettingsDataModelOverviewObject.tsx @@ -15,7 +15,7 @@ import { ObjectFieldRowWithoutRelation } from '@/settings/data-model/graph-overv import '@xyflow/react/dist/style.css'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconChevronDown, IconChevronUp } from 'twenty-ui/display'; +import { IconChevronDown, IconChevronUp } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; type SettingsDataModelOverviewObjectNode = Node< diff --git a/packages/twenty-front/src/modules/settings/data-model/indexes/forms/components/SettingsObjectIndexFieldsForm.tsx b/packages/twenty-front/src/modules/settings/data-model/indexes/forms/components/SettingsObjectIndexFieldsForm.tsx index bf5e0d9153..048a9070c8 100644 --- a/packages/twenty-front/src/modules/settings/data-model/indexes/forms/components/SettingsObjectIndexFieldsForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/indexes/forms/components/SettingsObjectIndexFieldsForm.tsx @@ -7,7 +7,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useMemo } from 'react'; import { Controller, useFormContext } from 'react-hook-form'; -import { IconTrash, useIcons } from 'twenty-ui/display'; +import { IconTrash, useIcons } from 'twenty-ui/icon'; import { IconButton, type SelectOption } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { type SettingsObjectNewIndexFormValues } from '~/pages/settings/data-model/new-index/SettingsObjectNewIndexFormValues'; diff --git a/packages/twenty-front/src/modules/settings/data-model/indexes/utils/buildIndexableSelectOptions.ts b/packages/twenty-front/src/modules/settings/data-model/indexes/utils/buildIndexableSelectOptions.ts index 7be75af53a..3bad1c7692 100644 --- a/packages/twenty-front/src/modules/settings/data-model/indexes/utils/buildIndexableSelectOptions.ts +++ b/packages/twenty-front/src/modules/settings/data-model/indexes/utils/buildIndexableSelectOptions.ts @@ -1,5 +1,5 @@ import { type FieldMetadataItem } from '@/object-metadata/types/FieldMetadataItem'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { compositeTypeDefinitions } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; diff --git a/packages/twenty-front/src/modules/settings/data-model/new-object/components/SettingsAvailableStandardObjectsSection.tsx b/packages/twenty-front/src/modules/settings/data-model/new-object/components/SettingsAvailableStandardObjectsSection.tsx index baf888a18a..4bb849ba8f 100644 --- a/packages/twenty-front/src/modules/settings/data-model/new-object/components/SettingsAvailableStandardObjectsSection.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/new-object/components/SettingsAvailableStandardObjectsSection.tsx @@ -4,7 +4,7 @@ import { TableBody } from '@/ui/layout/table/components/TableBody'; import { TableHeader } from '@/ui/layout/table/components/TableHeader'; import { t } from '@lingui/core/macro'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { TableRow } from '@/ui/layout/table/components/TableRow'; import { diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDataType.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDataType.tsx index 1afee5bf22..94c94e9a89 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDataType.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDataType.tsx @@ -3,7 +3,7 @@ import { Link } from 'react-router-dom'; import { type SettingsFieldType } from '@/settings/data-model/types/SettingsFieldType'; import { getSettingsFieldTypeConfig } from '@/settings/data-model/utils/getSettingsFieldTypeConfig'; -import { type IconComponent, IconTwentyStar } from 'twenty-ui/display'; +import { type IconComponent, IconTwentyStar } from 'twenty-ui/icon'; import { useContext } from 'react'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDisabledActionDropdown.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDisabledActionDropdown.tsx index f5e7d02aec..5c61e2d0e4 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDisabledActionDropdown.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDisabledActionDropdown.tsx @@ -10,7 +10,7 @@ import { IconEye, IconPencil, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; import { type FieldMetadataType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldItemTableRow.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldItemTableRow.tsx index 301dcc1236..ad36a8e200 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldItemTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldItemTableRow.tsx @@ -23,7 +23,7 @@ import { IconMinus, IconPlus, useIcons, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { UndecoratedLink } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectRelationItemTableRow.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectRelationItemTableRow.tsx index 8be22005be..685113b3b6 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectRelationItemTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectRelationItemTableRow.tsx @@ -17,7 +17,7 @@ import { useContext, useMemo } from 'react'; import { Link } from 'react-router-dom'; import { FieldMetadataType, SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { IconChevronRight, useIcons } from 'twenty-ui/display'; +import { IconChevronRight, useIcons } from 'twenty-ui/icon'; import { UndecoratedLink } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectRelationsTable.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectRelationsTable.tsx index 4372da7e4b..da2661d6fa 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectRelationsTable.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectRelationsTable.tsx @@ -24,7 +24,7 @@ import { IconFilter, IconSearch, IconSettings, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { MenuItemToggle } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/ObjectFields.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/ObjectFields.tsx index efc1b2e600..fd0400f1a9 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/ObjectFields.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/ObjectFields.tsx @@ -8,7 +8,8 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { useLingui } from '@lingui/react/macro'; import { FieldMetadataType, SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title, IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { UndecoratedLink } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/ObjectLayout.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/ObjectLayout.tsx index b9b9bb09d6..c9bcc72819 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/ObjectLayout.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/ObjectLayout.tsx @@ -4,7 +4,8 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { AppPath } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { H2Title, IconLayoutDashboard, IconReload } from 'twenty-ui/display'; +import { IconLayoutDashboard, IconReload } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/ObjectSettings.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/ObjectSettings.tsx index 78f8628a02..fb70e8b318 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/ObjectSettings.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/ObjectSettings.tsx @@ -16,7 +16,8 @@ import { styled } from '@linaria/react'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; -import { H2Title, IconArchive, IconTrash } from 'twenty-ui/display'; +import { IconArchive, IconTrash } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/SettingsObjectIndexesSection.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/SettingsObjectIndexesSection.tsx index 43cecfcfc6..d862dd9a3c 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/SettingsObjectIndexesSection.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/SettingsObjectIndexesSection.tsx @@ -9,7 +9,7 @@ import { useModal } from '@/ui/layout/modal/hooks/useModal'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { type ReactNode, useMemo, useState } from 'react'; -import { IconEyeOff, IconPlus } from 'twenty-ui/display'; +import { IconEyeOff, IconPlus } from 'twenty-ui/icon'; import { Button, SearchInput } from 'twenty-ui/input'; import { MenuItemToggle, UndecoratedLink } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/SettingsObjectSearchSection.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/SettingsObjectSearchSection.tsx index 753dcf5561..54d036612c 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/SettingsObjectSearchSection.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/tabs/SettingsObjectSearchSection.tsx @@ -13,8 +13,8 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useContext, useMemo, useState } from 'react'; -import { IconEye, IconSearch, useIcons } from 'twenty-ui/display'; -import { Card } from 'twenty-ui/layout'; +import { IconEye, IconSearch, useIcons } from 'twenty-ui/icon'; +import { Card } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; type SettingsObjectSearchSectionProps = { diff --git a/packages/twenty-front/src/modules/settings/data-model/objects/components/SettingsDataModelObjectSummary.tsx b/packages/twenty-front/src/modules/settings/data-model/objects/components/SettingsDataModelObjectSummary.tsx index 2ba54b143f..ddb68af4e0 100644 --- a/packages/twenty-front/src/modules/settings/data-model/objects/components/SettingsDataModelObjectSummary.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/objects/components/SettingsDataModelObjectSummary.tsx @@ -5,7 +5,8 @@ import { useContext } from 'react'; import { ObjectMetadataIcon } from '@/object-metadata/components/ObjectMetadataIcon'; import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem'; import { SettingsItemTypeTag } from '@/settings/components/SettingsItemTypeTag'; -import { IconBox, OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { IconBox } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; export type SettingsDataModelObjectPreviewProps = { diff --git a/packages/twenty-front/src/modules/settings/data-model/objects/components/SettingsObjectInactiveMenuDropDown.tsx b/packages/twenty-front/src/modules/settings/data-model/objects/components/SettingsObjectInactiveMenuDropDown.tsx index 40a6f485fb..5948af252e 100644 --- a/packages/twenty-front/src/modules/settings/data-model/objects/components/SettingsObjectInactiveMenuDropDown.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/objects/components/SettingsObjectInactiveMenuDropDown.tsx @@ -4,7 +4,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 { t } from '@lingui/core/macro'; -import { IconArchiveOff, IconDotsVertical, IconTrash } from 'twenty-ui/display'; +import { IconArchiveOff, IconDotsVertical, IconTrash } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectAboutForm.tsx b/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectAboutForm.tsx index 839c76a056..617e3303f5 100644 --- a/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectAboutForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectAboutForm.tsx @@ -13,15 +13,9 @@ import { useContext } from 'react'; import { Controller, useFormContext } from 'react-hook-form'; import { SettingsPath } from 'twenty-shared/types'; import { capitalize, isDefined } from 'twenty-shared/utils'; -import { - AppTooltip, - IconInfoCircle, - IconLink, - IconRefresh, - TooltipDelay, - InlineBanner, -} from 'twenty-ui/display'; -import { Card } from 'twenty-ui/layout'; +import { InlineBanner } from 'twenty-ui/feedback'; +import { IconInfoCircle, IconLink, IconRefresh } from 'twenty-ui/icon'; +import { AppTooltip, Card, TooltipDelay } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { parseThemeColor } from 'twenty-ui/utilities'; import { type StringKeyOf } from 'type-fest'; diff --git a/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectIdentifiersForm.tsx b/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectIdentifiersForm.tsx index a05bca9075..c6acee738a 100644 --- a/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectIdentifiersForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectIdentifiersForm.tsx @@ -16,7 +16,7 @@ import { isLabelIdentifierFieldMetadataTypes, isSearchableFieldType, } from 'twenty-shared/utils'; -import { IconCircleOff, IconPlus, useIcons } from 'twenty-ui/display'; +import { IconCircleOff, IconPlus, useIcons } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { type z } from 'zod'; diff --git a/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectSettingsFormCard.tsx b/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectSettingsFormCard.tsx index d16035a7ee..14b2562813 100644 --- a/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectSettingsFormCard.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectSettingsFormCard.tsx @@ -8,7 +8,7 @@ import { SettingsDataModelFieldPreviewWidget } from '@/settings/data-model/field import { SettingsDataModelObjectPreview } from '@/settings/data-model/objects/components/SettingsDataModelObjectSummary'; import { SettingsDataModelObjectIdentifiersForm } from '@/settings/data-model/objects/forms/components/SettingsDataModelObjectIdentifiersForm'; import { Trans } from '@lingui/react/macro'; -import { Card, CardContent } from 'twenty-ui/layout'; +import { Card, CardContent } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; type SettingsDataModelObjectSettingsFormCardProps = { diff --git a/packages/twenty-front/src/modules/settings/developers/components/ApiKeyInput.tsx b/packages/twenty-front/src/modules/settings/developers/components/ApiKeyInput.tsx index a6fe74101a..8d91e3f867 100644 --- a/packages/twenty-front/src/modules/settings/developers/components/ApiKeyInput.tsx +++ b/packages/twenty-front/src/modules/settings/developers/components/ApiKeyInput.tsx @@ -1,7 +1,7 @@ import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconCopy } from 'twenty-ui/display'; +import { IconCopy } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; diff --git a/packages/twenty-front/src/modules/settings/developers/components/SettingsApiKeysFieldItemTableRow.tsx b/packages/twenty-front/src/modules/settings/developers/components/SettingsApiKeysFieldItemTableRow.tsx index 211f715be3..767ea90ffc 100644 --- a/packages/twenty-front/src/modules/settings/developers/components/SettingsApiKeysFieldItemTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/developers/components/SettingsApiKeysFieldItemTableRow.tsx @@ -7,7 +7,7 @@ import { TableRow } from '@/ui/layout/table/components/TableRow'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; -import { IconChevronRight } from 'twenty-ui/display'; +import { IconChevronRight } from 'twenty-ui/icon'; import { ThemeContext } from 'twenty-ui/theme-constants'; import { type ApiKey } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersRoleSelector.tsx b/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersRoleSelector.tsx index c36ede1d3e..acddde4749 100644 --- a/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersRoleSelector.tsx +++ b/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersRoleSelector.tsx @@ -1,6 +1,6 @@ import { type RoleWithPartialMembers } from '@/settings/roles/types/RoleWithPartialMembers'; import { Select } from '@/ui/input/components/Select'; -import { type IconComponent, useIcons } from 'twenty-ui/display'; +import { type IconComponent, useIcons } from 'twenty-ui/icon'; type SettingsDevelopersRoleSelectorProps = { value?: string | null | undefined; diff --git a/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersWebhookForm.tsx b/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersWebhookForm.tsx index de3a460ef5..ea6a08b212 100644 --- a/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersWebhookForm.tsx +++ b/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersWebhookForm.tsx @@ -18,7 +18,8 @@ import { isDefined, isValidUrl, } from 'twenty-shared/utils'; -import { H2Title, IconTrash } from 'twenty-ui/display'; +import { IconTrash } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; diff --git a/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersWebhookTableRow.tsx b/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersWebhookTableRow.tsx index e8c4316b02..60ec6ac19d 100644 --- a/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersWebhookTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersWebhookTableRow.tsx @@ -4,10 +4,8 @@ import { WEBHOOK_TABLE_ROW_GRID_TEMPLATE_COLUMNS } from '@/settings/developers/c import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableRow } from '@/ui/layout/table/components/TableRow'; import { getUrlHostnameOrThrow, isValidUrl } from 'twenty-shared/utils'; -import { - IconChevronRight, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +import { IconChevronRight } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { useContext } from 'react'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { type Webhook } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/developers/components/WebhookEntitySelect.tsx b/packages/twenty-front/src/modules/settings/developers/components/WebhookEntitySelect.tsx index 086e6b9727..d70560ef69 100644 --- a/packages/twenty-front/src/modules/settings/developers/components/WebhookEntitySelect.tsx +++ b/packages/twenty-front/src/modules/settings/developers/components/WebhookEntitySelect.tsx @@ -24,7 +24,7 @@ import { IconNorthStar, IconSettings, IconTable, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/domains/components/SettingPublicDomain.tsx b/packages/twenty-front/src/modules/settings/domains/components/SettingPublicDomain.tsx index 5ce1839055..e8867adfbf 100644 --- a/packages/twenty-front/src/modules/settings/domains/components/SettingPublicDomain.tsx +++ b/packages/twenty-front/src/modules/settings/domains/components/SettingPublicDomain.tsx @@ -1,5 +1,6 @@ import { Section } from 'twenty-ui/layout'; -import { H2Title, IconReload, IconTrash } from 'twenty-ui/display'; +import { IconReload, IconTrash } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Trans, useLingui } from '@lingui/react/macro'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; import { SettingsPath } from 'twenty-shared/types'; diff --git a/packages/twenty-front/src/modules/settings/domains/components/SettingPublicDomainRowDropdownMenu.tsx b/packages/twenty-front/src/modules/settings/domains/components/SettingPublicDomainRowDropdownMenu.tsx index 5701555e49..4e7fc1f666 100644 --- a/packages/twenty-front/src/modules/settings/domains/components/SettingPublicDomainRowDropdownMenu.tsx +++ b/packages/twenty-front/src/modules/settings/domains/components/SettingPublicDomainRowDropdownMenu.tsx @@ -4,7 +4,7 @@ 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 { useLingui } from '@lingui/react/macro'; -import { IconDotsVertical, IconTrash } from 'twenty-ui/display'; +import { IconDotsVertical, IconTrash } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; import { useMutation, useQuery } from '@apollo/client/react'; diff --git a/packages/twenty-front/src/modules/settings/domains/components/SettingsCustomDomain.tsx b/packages/twenty-front/src/modules/settings/domains/components/SettingsCustomDomain.tsx index 6b4486054d..a8f584b86d 100644 --- a/packages/twenty-front/src/modules/settings/domains/components/SettingsCustomDomain.tsx +++ b/packages/twenty-front/src/modules/settings/domains/components/SettingsCustomDomain.tsx @@ -13,7 +13,8 @@ import { Trans, useLingui } from '@lingui/react/macro'; import { styled } from '@linaria/react'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title, IconReload, IconTrash } from 'twenty-ui/display'; +import { IconReload, IconTrash } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button, ButtonGroup } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/domains/components/SettingsDomainRecords.tsx b/packages/twenty-front/src/modules/settings/domains/components/SettingsDomainRecords.tsx index 8bd32c52db..bd591b24ba 100644 --- a/packages/twenty-front/src/modules/settings/domains/components/SettingsDomainRecords.tsx +++ b/packages/twenty-front/src/modules/settings/domains/components/SettingsDomainRecords.tsx @@ -2,7 +2,7 @@ import { isDefined } from 'twenty-shared/utils'; import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState'; import { SettingsDnsRecordsTable } from '@/settings/components/SettingsDnsRecordsTable'; import { t } from '@lingui/core/macro'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { type ThemeColor } from 'twenty-ui/theme'; import { diff --git a/packages/twenty-front/src/modules/settings/domains/components/SettingsPublicDomainsListCard.tsx b/packages/twenty-front/src/modules/settings/domains/components/SettingsPublicDomainsListCard.tsx index 105c222b3d..ee17b68765 100644 --- a/packages/twenty-front/src/modules/settings/domains/components/SettingsPublicDomainsListCard.tsx +++ b/packages/twenty-front/src/modules/settings/domains/components/SettingsPublicDomainsListCard.tsx @@ -5,7 +5,8 @@ import { selectedPublicDomainState } from '@/settings/domains/states/selectedPub import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; -import { IconAt, IconMailCog, Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; +import { IconAt, IconMailCog } from 'twenty-ui/icon'; import { useQuery } from '@apollo/client/react'; import { type PublicDomain, diff --git a/packages/twenty-front/src/modules/settings/domains/components/SettingsSubdomain.tsx b/packages/twenty-front/src/modules/settings/domains/components/SettingsSubdomain.tsx index e0f7fed6bd..c98d719aaf 100644 --- a/packages/twenty-front/src/modules/settings/domains/components/SettingsSubdomain.tsx +++ b/packages/twenty-front/src/modules/settings/domains/components/SettingsSubdomain.tsx @@ -14,7 +14,7 @@ import { Trans, useLingui } from '@lingui/react/macro'; import { styled } from '@linaria/react'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; diff --git a/packages/twenty-front/src/modules/settings/domains/components/SettingsWorkspaceDomainCard.tsx b/packages/twenty-front/src/modules/settings/domains/components/SettingsWorkspaceDomainCard.tsx index 1072dce940..d25bb0fcd8 100644 --- a/packages/twenty-front/src/modules/settings/domains/components/SettingsWorkspaceDomainCard.tsx +++ b/packages/twenty-front/src/modules/settings/domains/components/SettingsWorkspaceDomainCard.tsx @@ -7,7 +7,8 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconWorld, Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; +import { IconWorld } from 'twenty-ui/icon'; import { UndecoratedLink } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/emailing-domains/components/SettingsEmailingDomainVerifyButton.tsx b/packages/twenty-front/src/modules/settings/emailing-domains/components/SettingsEmailingDomainVerifyButton.tsx index 1f51c18055..5934574ddd 100644 --- a/packages/twenty-front/src/modules/settings/emailing-domains/components/SettingsEmailingDomainVerifyButton.tsx +++ b/packages/twenty-front/src/modules/settings/emailing-domains/components/SettingsEmailingDomainVerifyButton.tsx @@ -4,7 +4,7 @@ import { useLingui } from '@lingui/react/macro'; import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { VerifyEmailingDomainDocument } from '~/generated-metadata/graphql'; -import { IconRefresh } from 'twenty-ui/display'; +import { IconRefresh } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; type SettingsEmailingDomainVerifyButtonProps = { diff --git a/packages/twenty-front/src/modules/settings/enterprise/components/EnterprisePlanModal.tsx b/packages/twenty-front/src/modules/settings/enterprise/components/EnterprisePlanModal.tsx index 7b54e24b82..f69070989c 100644 --- a/packages/twenty-front/src/modules/settings/enterprise/components/EnterprisePlanModal.tsx +++ b/packages/twenty-front/src/modules/settings/enterprise/components/EnterprisePlanModal.tsx @@ -11,7 +11,7 @@ import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; import { Loader } from 'twenty-ui/feedback'; import { CardPicker, MainButton } from 'twenty-ui/input'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; export const ENTERPRISE_PLAN_MODAL_ID = 'enterprise-plan-modal'; diff --git a/packages/twenty-front/src/modules/settings/event-logs/components/EventLogFilters.tsx b/packages/twenty-front/src/modules/settings/event-logs/components/EventLogFilters.tsx index b97f705cd0..b2839b58ae 100644 --- a/packages/twenty-front/src/modules/settings/event-logs/components/EventLogFilters.tsx +++ b/packages/twenty-front/src/modules/settings/event-logs/components/EventLogFilters.tsx @@ -7,7 +7,7 @@ import { TextInput } from '@/ui/input/components/TextInput'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconBox, IconUser, useIcons } from 'twenty-ui/display'; +import { IconBox, IconUser, useIcons } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/event-logs/components/SettingsLogs.tsx b/packages/twenty-front/src/modules/settings/event-logs/components/SettingsLogs.tsx index f9e7899ecf..a700207915 100644 --- a/packages/twenty-front/src/modules/settings/event-logs/components/SettingsLogs.tsx +++ b/packages/twenty-front/src/modules/settings/event-logs/components/SettingsLogs.tsx @@ -21,9 +21,9 @@ import { IconLock, IconPlayerPause, IconPlayerPlay, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { Button, IconButton } from 'twenty-ui/input'; -import { Card } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { diff --git a/packages/twenty-front/src/modules/settings/hooks/useSettingsNavigationItems.tsx b/packages/twenty-front/src/modules/settings/hooks/useSettingsNavigationItems.tsx index a9f7dd306e..5243b1893f 100644 --- a/packages/twenty-front/src/modules/settings/hooks/useSettingsNavigationItems.tsx +++ b/packages/twenty-front/src/modules/settings/hooks/useSettingsNavigationItems.tsx @@ -17,7 +17,6 @@ import { t } from '@lingui/core/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { IconApi, - // IconApps, // TODO: Re-enable when integrations page is ready IconAt, IconCalendarEvent, IconColorSwatch, @@ -35,7 +34,7 @@ import { IconSparkles, IconUserCircle, IconUsers, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { PermissionFlagType } from '~/generated-metadata/graphql'; export type SettingsNavigationSection = { diff --git a/packages/twenty-front/src/modules/settings/lab/components/SettingsLabContent.tsx b/packages/twenty-front/src/modules/settings/lab/components/SettingsLabContent.tsx index 289373122a..70a526de3c 100644 --- a/packages/twenty-front/src/modules/settings/lab/components/SettingsLabContent.tsx +++ b/packages/twenty-front/src/modules/settings/lab/components/SettingsLabContent.tsx @@ -9,8 +9,8 @@ import { IconRelationManyToMany, IconSparkles, type IconComponent, -} from 'twenty-ui/display'; -import { Card } from 'twenty-ui/layout'; +} from 'twenty-ui/icon'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { FeatureFlagKey } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/layout/components/SettingsLayoutItemsStats.tsx b/packages/twenty-front/src/modules/settings/layout/components/SettingsLayoutItemsStats.tsx index 95f7c2d5e6..851e788d5b 100644 --- a/packages/twenty-front/src/modules/settings/layout/components/SettingsLayoutItemsStats.tsx +++ b/packages/twenty-front/src/modules/settings/layout/components/SettingsLayoutItemsStats.tsx @@ -12,7 +12,7 @@ import { IconLayoutSidebarLeftExpand, IconPuzzle, IconTable, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export const SettingsLayoutItemsStats = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/settings/logic-functions/components/SettingsLogicFunctionNewForm.tsx b/packages/twenty-front/src/modules/settings/logic-functions/components/SettingsLogicFunctionNewForm.tsx index 7cc9d64fe8..4149b07f21 100644 --- a/packages/twenty-front/src/modules/settings/logic-functions/components/SettingsLogicFunctionNewForm.tsx +++ b/packages/twenty-front/src/modules/settings/logic-functions/components/SettingsLogicFunctionNewForm.tsx @@ -4,8 +4,10 @@ import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; import { TextArea } from '@/ui/input/components/TextArea'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { H2Title, IconClockHour8 } from 'twenty-ui/display'; -import { Card, Section } from 'twenty-ui/layout'; +import { IconClockHour8 } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; +import { Section } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledInputsContainer = styled.div` diff --git a/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionCodeEditorTab.tsx b/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionCodeEditorTab.tsx index 45d03d7460..171b76dbe5 100644 --- a/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionCodeEditorTab.tsx +++ b/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionCodeEditorTab.tsx @@ -8,7 +8,8 @@ import { activeTabIdComponentState } from '@/ui/layout/tab-list/states/activeTab import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { H2Title, IconPlayerPlay } from 'twenty-ui/display'; +import { IconPlayerPlay } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button, CoreEditorHeader } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; diff --git a/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionTabEnvironmentVariableTableRow.tsx b/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionTabEnvironmentVariableTableRow.tsx index 5a7c1839b1..d382445f89 100644 --- a/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionTabEnvironmentVariableTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionTabEnvironmentVariableTableRow.tsx @@ -13,8 +13,8 @@ import { IconPencil, IconTrash, IconX, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; import type { ApplicationVariable } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionTestTab.tsx b/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionTestTab.tsx index 68cc7caac8..e336a93a3e 100644 --- a/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionTestTab.tsx +++ b/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionTestTab.tsx @@ -12,14 +12,14 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; import { - H2Title, IconClock, IconDatabase, IconPlayerPlay, IconTool, IconWebhook, type IconComponent, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button, CodeEditor, CoreEditorHeader } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionTriggersTab.tsx b/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionTriggersTab.tsx index 214362b11d..38038ec0ba 100644 --- a/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionTriggersTab.tsx +++ b/packages/twenty-front/src/modules/settings/logic-functions/components/tabs/SettingsLogicFunctionTriggersTab.tsx @@ -7,7 +7,8 @@ import { SettingsLogicFunctionWorkflowActionTriggerSection } from '@/settings/lo import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { Callout, IconInfoCircle } from 'twenty-ui/display'; +import { Callout } from 'twenty-ui/feedback'; +import { IconInfoCircle } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledEmptyState = styled.div` diff --git a/packages/twenty-front/src/modules/settings/logic-functions/components/triggers/SettingsLogicFunctionHttpTriggerSection.tsx b/packages/twenty-front/src/modules/settings/logic-functions/components/triggers/SettingsLogicFunctionHttpTriggerSection.tsx index 15c5037922..c153996f94 100644 --- a/packages/twenty-front/src/modules/settings/logic-functions/components/triggers/SettingsLogicFunctionHttpTriggerSection.tsx +++ b/packages/twenty-front/src/modules/settings/logic-functions/components/triggers/SettingsLogicFunctionHttpTriggerSection.tsx @@ -18,7 +18,7 @@ import { IconHttpPost, IconHttpPut, type IconComponent, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { Toggle } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { REACT_APP_SERVER_BASE_URL } from '~/config'; diff --git a/packages/twenty-front/src/modules/settings/logic-functions/components/triggers/SettingsLogicFunctionTriggerSection.tsx b/packages/twenty-front/src/modules/settings/logic-functions/components/triggers/SettingsLogicFunctionTriggerSection.tsx index 98ab349a2f..f1878f678a 100644 --- a/packages/twenty-front/src/modules/settings/logic-functions/components/triggers/SettingsLogicFunctionTriggerSection.tsx +++ b/packages/twenty-front/src/modules/settings/logic-functions/components/triggers/SettingsLogicFunctionTriggerSection.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useContext, type ReactNode } from 'react'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Toggle } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/members/components/MemberInfosTab.tsx b/packages/twenty-front/src/modules/settings/members/components/MemberInfosTab.tsx index 931740ac10..729c38c5cc 100644 --- a/packages/twenty-front/src/modules/settings/members/components/MemberInfosTab.tsx +++ b/packages/twenty-front/src/modules/settings/members/components/MemberInfosTab.tsx @@ -6,7 +6,7 @@ import { MemberNameFields } from '@/settings/members/components/MemberNameFields import { WorkspaceMemberPictureUploader } from '@/settings/workspace-member/components/WorkspaceMemberPictureUploader'; import { type WorkspaceMember } from '@/workspace-member/types/WorkspaceMember'; import { t } from '@lingui/core/macro'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/members/components/MemberPermissionsTab.tsx b/packages/twenty-front/src/modules/settings/members/components/MemberPermissionsTab.tsx index 2ebe2591bd..f8d46eca1c 100644 --- a/packages/twenty-front/src/modules/settings/members/components/MemberPermissionsTab.tsx +++ b/packages/twenty-front/src/modules/settings/members/components/MemberPermissionsTab.tsx @@ -10,12 +10,8 @@ import { t } from '@lingui/core/macro'; import { useState } from 'react'; import { SettingsPath } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { - H2Title, - IconArrowUpRight, - IconUser, - useIcons, -} from 'twenty-ui/display'; +import { IconArrowUpRight, IconUser, useIcons } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/playground/components/PlaygroundSetupForm.tsx b/packages/twenty-front/src/modules/settings/playground/components/PlaygroundSetupForm.tsx index 2706c0d120..0770913274 100644 --- a/packages/twenty-front/src/modules/settings/playground/components/PlaygroundSetupForm.tsx +++ b/packages/twenty-front/src/modules/settings/playground/components/PlaygroundSetupForm.tsx @@ -7,7 +7,7 @@ import { styled } from '@linaria/react'; import { zodResolver } from '@hookform/resolvers/zod'; import { useLingui } from '@lingui/react/macro'; import { Controller, useForm } from 'react-hook-form'; -import { IconApi, IconBrandGraphql } from 'twenty-ui/display'; +import { IconApi, IconBrandGraphql } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { z } from 'zod'; diff --git a/packages/twenty-front/src/modules/settings/playground/components/SettingsMcpSetup.tsx b/packages/twenty-front/src/modules/settings/playground/components/SettingsMcpSetup.tsx index 1b9a4365be..35a62d37c0 100644 --- a/packages/twenty-front/src/modules/settings/playground/components/SettingsMcpSetup.tsx +++ b/packages/twenty-front/src/modules/settings/playground/components/SettingsMcpSetup.tsx @@ -2,7 +2,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { LightCopyIconButton } from '@/object-record/record-field/ui/components/LightCopyIconButton'; import ModelContextProtocolLogo from '@/settings/playground/assets/model-context-protocol-logo.svg?react'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { CodeEditor, CoreEditorHeader } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/playground/constants/SettingsPlaygroundFormSchemaSelectOptions.ts b/packages/twenty-front/src/modules/settings/playground/constants/SettingsPlaygroundFormSchemaSelectOptions.ts index f0bb06d5c5..7e2a5755ba 100644 --- a/packages/twenty-front/src/modules/settings/playground/constants/SettingsPlaygroundFormSchemaSelectOptions.ts +++ b/packages/twenty-front/src/modules/settings/playground/constants/SettingsPlaygroundFormSchemaSelectOptions.ts @@ -1,6 +1,6 @@ import { PlaygroundSchemas } from '@/settings/playground/types/PlaygroundSchemas'; import { msg } from '@lingui/core/macro'; -import { IconBracketsAngle, IconFolderRoot } from 'twenty-ui/display'; +import { IconBracketsAngle, IconFolderRoot } from 'twenty-ui/icon'; export const SETTINGS_PLAYGROUND_FORM_SCHEMA_SELECT_OPTIONS = [ { value: PlaygroundSchemas.CORE, diff --git a/packages/twenty-front/src/modules/settings/profile/components/DeleteAccount.tsx b/packages/twenty-front/src/modules/settings/profile/components/DeleteAccount.tsx index be05f1bd24..6c7eaa8b9c 100644 --- a/packages/twenty-front/src/modules/settings/profile/components/DeleteAccount.tsx +++ b/packages/twenty-front/src/modules/settings/profile/components/DeleteAccount.tsx @@ -10,7 +10,7 @@ import { useModal } from '@/ui/layout/modal/hooks/useModal'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useMutation } from '@apollo/client/react'; diff --git a/packages/twenty-front/src/modules/settings/profile/components/DeleteWorkspace.tsx b/packages/twenty-front/src/modules/settings/profile/components/DeleteWorkspace.tsx index 1fc5d9ea8d..6f7feef22b 100644 --- a/packages/twenty-front/src/modules/settings/profile/components/DeleteWorkspace.tsx +++ b/packages/twenty-front/src/modules/settings/profile/components/DeleteWorkspace.tsx @@ -6,7 +6,8 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { useRedirectToDefaultDomain } from '@/domain-manager/hooks/useRedirectToDefaultDomain'; import { ConfirmationModal } from '@/ui/layout/modal/components/ConfirmationModal'; import { useModal } from '@/ui/layout/modal/hooks/useModal'; -import { H2Title, IconTrash } from 'twenty-ui/display'; +import { IconTrash } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { useMutation } from '@apollo/client/react'; import { DeleteCurrentWorkspaceDocument } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/profile/components/EmailField.tsx b/packages/twenty-front/src/modules/settings/profile/components/EmailField.tsx index 10afad8291..a2447f04be 100644 --- a/packages/twenty-front/src/modules/settings/profile/components/EmailField.tsx +++ b/packages/twenty-front/src/modules/settings/profile/components/EmailField.tsx @@ -7,13 +7,8 @@ import { useCanEditProfileField } from '@/settings/profile/hooks/useCanEditProfi import { useUpdateEmail } from '@/settings/profile/hooks/useUpdateEmail'; import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { - AppTooltip, - IconCheck, - IconPencil, - IconX, - TooltipDelay, -} from 'twenty-ui/display'; +import { IconCheck, IconPencil, IconX } from 'twenty-ui/icon'; +import { AppTooltip, TooltipDelay } from 'twenty-ui/surfaces'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/profile/components/SetOrChangePassword.tsx b/packages/twenty-front/src/modules/settings/profile/components/SetOrChangePassword.tsx index c6687f556a..1c58908030 100644 --- a/packages/twenty-front/src/modules/settings/profile/components/SetOrChangePassword.tsx +++ b/packages/twenty-front/src/modules/settings/profile/components/SetOrChangePassword.tsx @@ -1,7 +1,7 @@ import { useHandleResetPassword } from '@/auth/sign-in-up/hooks/useHandleResetPassword'; import { currentUserState } from '@/auth/states/currentUserState'; import { useLingui } from '@lingui/react/macro'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; diff --git a/packages/twenty-front/src/modules/settings/roles/components/SettingsRolesDefaultRole.tsx b/packages/twenty-front/src/modules/settings/roles/components/SettingsRolesDefaultRole.tsx index a38965855c..379a952fa6 100644 --- a/packages/twenty-front/src/modules/settings/roles/components/SettingsRolesDefaultRole.tsx +++ b/packages/twenty-front/src/modules/settings/roles/components/SettingsRolesDefaultRole.tsx @@ -8,8 +8,10 @@ import { Select } from '@/ui/input/components/Select'; import { useAtomState } from '@/ui/utilities/state/jotai/hooks/useAtomState'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { H2Title, IconUserPin, useIcons } from 'twenty-ui/display'; -import { Card, Section } from 'twenty-ui/layout'; +import { IconUserPin, useIcons } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; +import { Section } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { useMutation } from '@apollo/client/react'; import { type UpdateWorkspaceMutation, diff --git a/packages/twenty-front/src/modules/settings/roles/components/SettingsRolesList.tsx b/packages/twenty-front/src/modules/settings/roles/components/SettingsRolesList.tsx index f92221acf7..e67386e5ba 100644 --- a/packages/twenty-front/src/modules/settings/roles/components/SettingsRolesList.tsx +++ b/packages/twenty-front/src/modules/settings/roles/components/SettingsRolesList.tsx @@ -13,13 +13,13 @@ import { TableCell } from '@/ui/layout/table/components/TableCell'; import { useState } from 'react'; import { SettingsPath } from 'twenty-shared/types'; import { - H2Title, IconFilter, IconKey, IconPlus, IconRobot, IconSearch, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { MenuItemToggle } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/settings/roles/components/SettingsRolesTableRow.tsx b/packages/twenty-front/src/modules/settings/roles/components/SettingsRolesTableRow.tsx index 93d7ec4e18..3bae4af5a2 100644 --- a/packages/twenty-front/src/modules/settings/roles/components/SettingsRolesTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/roles/components/SettingsRolesTableRow.tsx @@ -6,14 +6,9 @@ import React, { useContext } from 'react'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { - AppTooltip, - Avatar, - IconChevronRight, - IconLock, - TooltipDelay, - useIcons, -} from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; +import { IconChevronRight, IconLock, useIcons } from 'twenty-ui/icon'; +import { AppTooltip, TooltipDelay } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { type RoleWithPartialMembers } from '@/settings/roles/types/RoleWithPartialMembers'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-assignment/components/RoleAssignmentSection.tsx b/packages/twenty-front/src/modules/settings/roles/role-assignment/components/RoleAssignmentSection.tsx index 8ba8f5d402..0d11d9a905 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-assignment/components/RoleAssignmentSection.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-assignment/components/RoleAssignmentSection.tsx @@ -4,7 +4,8 @@ import { SettingsRoleAssignmentWorkspaceMemberPickerDropdown } from '@/settings/ import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { styled } from '@linaria/react'; -import { AppTooltip, IconPlus, TooltipDelay } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; +import { AppTooltip, TooltipDelay } from 'twenty-ui/surfaces'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-assignment/components/SettingsRoleAssignmentConfirmationModalSubtitle.tsx b/packages/twenty-front/src/modules/settings/roles/role-assignment/components/SettingsRoleAssignmentConfirmationModalSubtitle.tsx index 96de8a3361..4428730ff9 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-assignment/components/SettingsRoleAssignmentConfirmationModalSubtitle.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-assignment/components/SettingsRoleAssignmentConfirmationModalSubtitle.tsx @@ -4,7 +4,7 @@ import { type SettingsRoleAssignmentConfirmationModalSelectedRoleTarget } from ' import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-assignment/components/SettingsRoleAssignmentTable.tsx b/packages/twenty-front/src/modules/settings/roles/role-assignment/components/SettingsRoleAssignmentTable.tsx index e797692b7a..19f795d3d8 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-assignment/components/SettingsRoleAssignmentTable.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-assignment/components/SettingsRoleAssignmentTable.tsx @@ -12,7 +12,8 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useMemo, useState } from 'react'; -import { H2Title, IconSearch } from 'twenty-ui/display'; +import { IconSearch } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { type Agent, type ApiKeyForRole } from '~/generated-metadata/graphql'; import { normalizeSearchText } from '~/utils/normalizeSearchText'; import { type PartialWorkspaceMember } from '@/settings/roles/types/RoleWithPartialMembers'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-assignment/components/SettingsRoleAssignmentTableRow.tsx b/packages/twenty-front/src/modules/settings/roles/role-assignment/components/SettingsRoleAssignmentTableRow.tsx index 9beb51af6f..437d455634 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-assignment/components/SettingsRoleAssignmentTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-assignment/components/SettingsRoleAssignmentTableRow.tsx @@ -6,12 +6,9 @@ import { useContext } from 'react'; import { t } from '@lingui/core/macro'; import { styled } from '@linaria/react'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { - Avatar, - IconKey, - OverflowingTextWithTooltip, - useIcons, -} from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; +import { IconKey, useIcons } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { type Agent, type ApiKeyForRole } from '~/generated-metadata/graphql'; import { dateLocaleState } from '~/localization/states/dateLocaleState'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelObjectPicker.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelObjectPicker.tsx index bd18ee23eb..b761e702aa 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelObjectPicker.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelObjectPicker.tsx @@ -9,7 +9,8 @@ import { t } from '@lingui/core/macro'; import { useContext, useState } from 'react'; import { useSearchParams } from 'react-router-dom'; import { SettingsPath } from 'twenty-shared/types'; -import { H2Title, IconSearch } from 'twenty-ui/display'; +import { IconSearch } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelOverrideCell.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelOverrideCell.tsx index 128695cea0..a0233a51a1 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelOverrideCell.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelOverrideCell.tsx @@ -8,7 +8,7 @@ import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAto import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { AppTooltip, TooltipDelay } from 'twenty-ui/display'; +import { AppTooltip, TooltipDelay } from 'twenty-ui/surfaces'; const StyledContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelSection.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelSection.tsx index 082e086474..b53a500186 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelSection.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelSection.tsx @@ -12,7 +12,7 @@ import { t } from '@lingui/core/macro'; import { useMemo } from 'react'; import { SettingsPath } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelTableRow.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelTableRow.tsx index 000ff7125f..3982421cb3 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelTableRow.tsx @@ -11,7 +11,7 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledNameLabel = styled.div` diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelTableRowOptionsDropdown.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelTableRowOptionsDropdown.tsx index 87f031e373..66358f522b 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelTableRowOptionsDropdown.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/components/SettingsRolePermissionsObjectLevelTableRowOptionsDropdown.tsx @@ -4,7 +4,7 @@ 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, IconPencil, IconTrash } from 'twenty-ui/display'; +import { IconDotsVertical, IconPencil, IconTrash } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { MenuItem, UndecoratedLink } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/field-permissions/components/SettingsRolePermissionsObjectLevelObjectFieldPermissionTable.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/field-permissions/components/SettingsRolePermissionsObjectLevelObjectFieldPermissionTable.tsx index ae4e95cfe9..f8d8f3d9af 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/field-permissions/components/SettingsRolePermissionsObjectLevelObjectFieldPermissionTable.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/field-permissions/components/SettingsRolePermissionsObjectLevelObjectFieldPermissionTable.tsx @@ -20,7 +20,8 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; import { isNonEmptyArray } from 'twenty-shared/utils'; -import { H2Title, IconSearch } from 'twenty-ui/display'; +import { IconSearch } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { sortByProperty } from '~/utils/array/sortByProperty'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/field-permissions/components/SettingsRolePermissionsObjectLevelObjectFieldPermissionTableAllHeaderRow.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/field-permissions/components/SettingsRolePermissionsObjectLevelObjectFieldPermissionTableAllHeaderRow.tsx index 7730c76db9..ba29e6ea9f 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/field-permissions/components/SettingsRolePermissionsObjectLevelObjectFieldPermissionTableAllHeaderRow.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/field-permissions/components/SettingsRolePermissionsObjectLevelObjectFieldPermissionTableAllHeaderRow.tsx @@ -10,7 +10,7 @@ import { settingsDraftRoleFamilyState } from '@/settings/roles/states/settingsDr import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilyStateValue'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { Label } from 'twenty-ui/display'; +import { Label } from 'twenty-ui/typography'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledSectionHeader = styled.div` diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/field-permissions/components/SettingsRolePermissionsObjectLevelObjectFieldPermissionTableRow.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/field-permissions/components/SettingsRolePermissionsObjectLevelObjectFieldPermissionTableRow.tsx index c3b4da0142..6b1fdbbdec 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/field-permissions/components/SettingsRolePermissionsObjectLevelObjectFieldPermissionTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/field-permissions/components/SettingsRolePermissionsObjectLevelObjectFieldPermissionTableRow.tsx @@ -12,7 +12,7 @@ import { TableRow } from '@/ui/layout/table/components/TableRow'; import { styled } from '@linaria/react'; import { useContext, useMemo } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { v4 } from 'uuid'; import { diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/object-form/components/OverridableCheckbox.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/object-form/components/OverridableCheckbox.tsx index 68e2dd433e..46dcd3cbb7 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/object-form/components/OverridableCheckbox.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/object-form/components/OverridableCheckbox.tsx @@ -1,9 +1,9 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconReload, IconX } from 'twenty-ui/display'; +import { IconReload, IconX } from 'twenty-ui/icon'; import { Checkbox } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; -import { AnimatedRotate } from 'twenty-ui/utilities'; +import { AnimatedRotate } from 'twenty-ui/layout'; export type OverridableCheckboxType = 'default' | 'override' | 'no_cta'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/object-form/components/SettingsRolePermissionsObjectLevelObjectFormObjectLevel.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/object-form/components/SettingsRolePermissionsObjectLevelObjectFormObjectLevel.tsx index eec137426c..962979730c 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/object-form/components/SettingsRolePermissionsObjectLevelObjectFormObjectLevel.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/object-form/components/SettingsRolePermissionsObjectLevelObjectFormObjectLevel.tsx @@ -6,7 +6,7 @@ import { settingsDraftRoleFamilyState } from '@/settings/roles/states/settingsDr import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilyStateValue'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionFieldSelectSubFieldMenu.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionFieldSelectSubFieldMenu.tsx index fcf4dc1bc7..7dd9123de1 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionFieldSelectSubFieldMenu.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionFieldSelectSubFieldMenu.tsx @@ -5,7 +5,7 @@ import { FieldMetadataType, } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronLeft, useIcons } from 'twenty-ui/display'; +import { IconChevronLeft, useIcons } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { type FieldMetadataItem } from '@/object-metadata/types/FieldMetadataItem'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionFilterBuilderContent.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionFilterBuilderContent.tsx index 3122b17c3e..e055479045 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionFilterBuilderContent.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionFilterBuilderContent.tsx @@ -3,7 +3,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconFilter, IconPlus } from 'twenty-ui/display'; +import { IconFilter, IconPlus } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionMeValueSelect.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionMeValueSelect.tsx index 100e3c9215..1173cae0c9 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionMeValueSelect.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionMeValueSelect.tsx @@ -9,7 +9,7 @@ import { CoreObjectNameSingular, } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconUserCircle, IconX, useIcons } from 'twenty-ui/display'; +import { IconUserCircle, IconX, useIcons } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionValueInput.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionValueInput.tsx index 1cc1892df7..42ef293fbf 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionValueInput.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionValueInput.tsx @@ -5,7 +5,8 @@ import { t } from '@lingui/core/macro'; import { useContext, useMemo } from 'react'; import { FieldMetadataType, CoreObjectNameSingular } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { AppTooltip, IconEraser, TooltipDelay } from 'twenty-ui/display'; +import { IconEraser } from 'twenty-ui/icon'; +import { AppTooltip, TooltipDelay } from 'twenty-ui/surfaces'; import { type JsonValue } from 'type-fest'; import { useFieldMetadataItemById } from '@/object-metadata/hooks/useFieldMetadataItemById'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionVariablePicker.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionVariablePicker.tsx index a9abda6661..974581ee8f 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionVariablePicker.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelPermissionVariablePicker.tsx @@ -1,7 +1,7 @@ /* @license Enterprise */ import { styled } from '@linaria/react'; -import { IconVariablePlus } from 'twenty-ui/display'; +import { IconVariablePlus } from 'twenty-ui/icon'; import { useContext } from 'react'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelSection.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelSection.tsx index e99c5958ca..5b693b7d53 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelSection.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/record-level-permissions/components/SettingsRolePermissionsObjectLevelRecordLevelSection.tsx @@ -2,8 +2,10 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { H2Title, IconArrowUp, IconLock } from 'twenty-ui/display'; -import { Card, Section } from 'twenty-ui/layout'; +import { IconArrowUp, IconLock } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; +import { Section } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { billingState } from '@/client-config/states/billingState'; import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/objects-permissions/components/SettingsRolePermissionsObjectsSection.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/objects-permissions/components/SettingsRolePermissionsObjectsSection.tsx index 17d043c71f..d6808e3eb8 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/objects-permissions/components/SettingsRolePermissionsObjectsSection.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/objects-permissions/components/SettingsRolePermissionsObjectsSection.tsx @@ -6,7 +6,7 @@ import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAto import { useSetAtomFamilyState } from '@/ui/utilities/state/jotai/hooks/useSetAtomFamilyState'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/objects-permissions/constants/SettingsRoleObjectPermissionIconConfig.ts b/packages/twenty-front/src/modules/settings/roles/role-permissions/objects-permissions/constants/SettingsRoleObjectPermissionIconConfig.ts index 37a767a562..f203bd47c7 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/objects-permissions/constants/SettingsRoleObjectPermissionIconConfig.ts +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/objects-permissions/constants/SettingsRoleObjectPermissionIconConfig.ts @@ -8,7 +8,7 @@ import { IconTrashOff, IconTrashX, IconTrashXOff, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; type SettingsRoleObjectPermissionIconConfig = { Icon: IconComponent; diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/components/SettingsRolePermissionsSettingsSection.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/components/SettingsRolePermissionsSettingsSection.tsx index d52acbbd23..e1bf2ead6d 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/components/SettingsRolePermissionsSettingsSection.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/components/SettingsRolePermissionsSettingsSection.tsx @@ -7,8 +7,10 @@ import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAto import { useSetAtomFamilyState } from '@/ui/utilities/state/jotai/hooks/useSetAtomFamilyState'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { H2Title, IconSettings } from 'twenty-ui/display'; -import { AnimatedExpandableContainer, Card, Section } from 'twenty-ui/layout'; +import { IconSettings } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; +import { AnimatedExpandableContainer, Section } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledTable = styled.div` diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/components/SettingsRolePermissionsToolSection.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/components/SettingsRolePermissionsToolSection.tsx index bb95fbc2e3..c9adbae90a 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/components/SettingsRolePermissionsToolSection.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/components/SettingsRolePermissionsToolSection.tsx @@ -8,8 +8,10 @@ import { useSetAtomFamilyState } from '@/ui/utilities/state/jotai/hooks/useSetAt import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { H2Title, IconTool } from 'twenty-ui/display'; -import { AnimatedExpandableContainer, Card, Section } from 'twenty-ui/layout'; +import { IconTool } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; +import { AnimatedExpandableContainer, Section } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledTable = styled.div` diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/hooks/useActionRolePermissionFlagConfig.ts b/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/hooks/useActionRolePermissionFlagConfig.ts index 561a262f50..3c6b1f2a8b 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/hooks/useActionRolePermissionFlagConfig.ts +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/hooks/useActionRolePermissionFlagConfig.ts @@ -13,7 +13,7 @@ import { IconSparkles, IconTable, IconUser, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { PermissionFlagType } from '~/generated-metadata/graphql'; type UseActionRolePermissionFlagConfigParams = { diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/hooks/useSettingsRolePermissionFlagConfig.ts b/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/hooks/useSettingsRolePermissionFlagConfig.ts index ce46ad9612..ddd26339c5 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/hooks/useSettingsRolePermissionFlagConfig.ts +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/hooks/useSettingsRolePermissionFlagConfig.ts @@ -15,7 +15,7 @@ import { IconSparkles, IconSpy, IconUsers, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { PermissionFlagType } from '~/generated-metadata/graphql'; type UseSettingsRolePermissionFlagConfigParams = { diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/types/SettingsRolePermissionsSettingPermission.ts b/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/types/SettingsRolePermissionsSettingPermission.ts index 2c878bade6..cec6316fb2 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/types/SettingsRolePermissionsSettingPermission.ts +++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/permission-flags/types/SettingsRolePermissionsSettingPermission.ts @@ -1,4 +1,4 @@ -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { type PermissionFlagType } from '~/generated-metadata/graphql'; export type SettingsRolePermissionsSettingPermission = { diff --git a/packages/twenty-front/src/modules/settings/roles/role-settings/components/SettingsRoleApplicability.tsx b/packages/twenty-front/src/modules/settings/roles/role-settings/components/SettingsRoleApplicability.tsx index 5feae59b60..8085b0d379 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-settings/components/SettingsRoleApplicability.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-settings/components/SettingsRoleApplicability.tsx @@ -1,7 +1,8 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { H2Title, IconKey, IconRobot, IconUsers } from 'twenty-ui/display'; +import { IconKey, IconRobot, IconUsers } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Checkbox } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { useContext } from 'react'; diff --git a/packages/twenty-front/src/modules/settings/roles/role-settings/components/SettingsRoleSettings.tsx b/packages/twenty-front/src/modules/settings/roles/role-settings/components/SettingsRoleSettings.tsx index 60d1f54613..132ec633d8 100644 --- a/packages/twenty-front/src/modules/settings/roles/role-settings/components/SettingsRoleSettings.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role-settings/components/SettingsRoleSettings.tsx @@ -11,7 +11,7 @@ import { useSetAtomFamilyState } from '@/ui/utilities/state/jotai/hooks/useSetAt import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; import { TextArea } from '@/ui/input/components/TextArea'; import { useModal } from '@/ui/layout/modal/hooks/useModal'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/roles/role/components/SettingsRole.tsx b/packages/twenty-front/src/modules/settings/roles/role/components/SettingsRole.tsx index 98b4cb92f0..ea13f23593 100644 --- a/packages/twenty-front/src/modules/settings/roles/role/components/SettingsRole.tsx +++ b/packages/twenty-front/src/modules/settings/roles/role/components/SettingsRole.tsx @@ -22,7 +22,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { useState } from 'react'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { IconLockOpen, IconSettings, IconUserPlus } from 'twenty-ui/display'; +import { IconLockOpen, IconSettings, IconUserPlus } from 'twenty-ui/icon'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; import { getDirtyFields } from '~/utils/getDirtyFields'; diff --git a/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOIdentitiesProvidersForm.tsx b/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOIdentitiesProvidersForm.tsx index f43fde66b6..ba96cdc12c 100644 --- a/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOIdentitiesProvidersForm.tsx +++ b/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOIdentitiesProvidersForm.tsx @@ -10,7 +10,8 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { type ReactElement, useMemo } from 'react'; import { Controller, useFormContext } from 'react-hook-form'; -import { H2Title, type IconComponent, IconKey } from 'twenty-ui/display'; +import { type IconComponent, IconKey } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { IdentityProviderType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOIdentitiesProvidersListCard.tsx b/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOIdentitiesProvidersListCard.tsx index 7596d280c2..2024f0e0cf 100644 --- a/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOIdentitiesProvidersListCard.tsx +++ b/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOIdentitiesProvidersListCard.tsx @@ -16,7 +16,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useEffect } from 'react'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconKey } from 'twenty-ui/display'; +import { IconKey } from 'twenty-ui/icon'; import { GetSsoIdentityProvidersDocument } from '~/generated-metadata/graphql'; const StyledLinkContainer = styled.div<{ isDisabled: boolean }>` diff --git a/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOIdentityProviderRowRightContainer.tsx b/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOIdentityProviderRowRightContainer.tsx index 5cf947828a..927e413ee8 100644 --- a/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOIdentityProviderRowRightContainer.tsx +++ b/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOIdentityProviderRowRightContainer.tsx @@ -4,7 +4,7 @@ import { SettingsSecuritySSORowDropdownMenu } from '@/settings/security/componen import { type SSOIdentityProvider } from '@/settings/security/types/SSOIdentityProvider'; import { getColorBySSOIdentityProviderStatus } from '@/settings/security/utils/getColorBySSOIdentityProviderStatus'; import { styled } from '@linaria/react'; -import { Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledRowRightContainer = styled.div` diff --git a/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOOIDCForm.tsx b/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOOIDCForm.tsx index 302a835954..31584edc02 100644 --- a/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOOIDCForm.tsx +++ b/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOOIDCForm.tsx @@ -4,7 +4,8 @@ import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { Controller, useFormContext } from 'react-hook-form'; -import { H2Title, IconCopy } from 'twenty-ui/display'; +import { IconCopy } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOSAMLForm.tsx b/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOSAMLForm.tsx index 69ef61f992..eb5d9bc46d 100644 --- a/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOSAMLForm.tsx +++ b/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSSOSAMLForm.tsx @@ -8,16 +8,10 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useFormContext } from 'react-hook-form'; import { isDefined } from 'twenty-shared/utils'; -import { - H2Title, - HorizontalSeparator, - IconCheck, - IconCopy, - IconDownload, - IconUpload, -} from 'twenty-ui/display'; +import { IconCheck, IconCopy, IconDownload, IconUpload } from 'twenty-ui/icon'; +import { HorizontalSeparator, Section } from 'twenty-ui/layout'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; -import { Section } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { REACT_APP_SERVER_BASE_URL } from '~/config'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; diff --git a/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSecuritySSORowDropdownMenu.tsx b/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSecuritySSORowDropdownMenu.tsx index ebeb5b4c01..76fb8ed0b3 100644 --- a/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSecuritySSORowDropdownMenu.tsx +++ b/packages/twenty-front/src/modules/settings/security/components/SSO/SettingsSecuritySSORowDropdownMenu.tsx @@ -8,7 +8,7 @@ import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/Drop import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconArchive, IconDotsVertical, IconTrash } from 'twenty-ui/display'; +import { IconArchive, IconDotsVertical, IconTrash } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; import { SsoIdentityProviderStatus } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/security/components/SettingsSecurityAuthBypassOptionsList.tsx b/packages/twenty-front/src/modules/settings/security/components/SettingsSecurityAuthBypassOptionsList.tsx index 9b30d09523..34f2421a72 100644 --- a/packages/twenty-front/src/modules/settings/security/components/SettingsSecurityAuthBypassOptionsList.tsx +++ b/packages/twenty-front/src/modules/settings/security/components/SettingsSecurityAuthBypassOptionsList.tsx @@ -6,8 +6,8 @@ import { CombinedGraphQLErrors } from '@apollo/client/errors'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { capitalize } from 'twenty-shared/utils'; -import { IconGoogle, IconMicrosoft, IconPassword } from 'twenty-ui/display'; -import { Card } from 'twenty-ui/layout'; +import { IconGoogle, IconMicrosoft, IconPassword } from 'twenty-ui/icon'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useMutation } from '@apollo/client/react'; import { diff --git a/packages/twenty-front/src/modules/settings/security/components/SettingsSecurityAuthProvidersOptionsList.tsx b/packages/twenty-front/src/modules/settings/security/components/SettingsSecurityAuthProvidersOptionsList.tsx index 7249ca0808..16fe56cc3c 100644 --- a/packages/twenty-front/src/modules/settings/security/components/SettingsSecurityAuthProvidersOptionsList.tsx +++ b/packages/twenty-front/src/modules/settings/security/components/SettingsSecurityAuthProvidersOptionsList.tsx @@ -14,8 +14,8 @@ import { IconLink, IconMicrosoft, IconPassword, -} from 'twenty-ui/display'; -import { Card } from 'twenty-ui/layout'; +} from 'twenty-ui/icon'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useMutation } from '@apollo/client/react'; import { diff --git a/packages/twenty-front/src/modules/settings/security/components/SettingsSecurityEditableProfileFields.tsx b/packages/twenty-front/src/modules/settings/security/components/SettingsSecurityEditableProfileFields.tsx index 210d343a48..5a8bd28e39 100644 --- a/packages/twenty-front/src/modules/settings/security/components/SettingsSecurityEditableProfileFields.tsx +++ b/packages/twenty-front/src/modules/settings/security/components/SettingsSecurityEditableProfileFields.tsx @@ -16,7 +16,7 @@ import { IconUser, IconUserCircle, type IconComponent, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { MenuItemMultiSelect } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/security/components/SettingsSecuritySettings.tsx b/packages/twenty-front/src/modules/settings/security/components/SettingsSecuritySettings.tsx index acd83e9675..c4c8a9b8c4 100644 --- a/packages/twenty-front/src/modules/settings/security/components/SettingsSecuritySettings.tsx +++ b/packages/twenty-front/src/modules/settings/security/components/SettingsSecuritySettings.tsx @@ -26,13 +26,14 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { CombinedGraphQLErrors } from '@apollo/client/errors'; import { useMutation } from '@apollo/client/react'; import { - H2Title, IconClockHour8, IconHistory, IconMail, IconTrash, -} from 'twenty-ui/display'; -import { Card, Section } from 'twenty-ui/layout'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; +import { Section } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { UpdateWorkspaceDocument } from '~/generated-metadata/graphql'; import { OrganizationAdornment } from '~/pages/settings/enterprise/components/OrganizationAdornment'; diff --git a/packages/twenty-front/src/modules/settings/security/components/Toggle2FA.tsx b/packages/twenty-front/src/modules/settings/security/components/Toggle2FA.tsx index 38c25b3ff5..3201d84926 100644 --- a/packages/twenty-front/src/modules/settings/security/components/Toggle2FA.tsx +++ b/packages/twenty-front/src/modules/settings/security/components/Toggle2FA.tsx @@ -4,7 +4,7 @@ import { SettingsOptionCardContentToggle } from '@/settings/components/SettingsO import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { CombinedGraphQLErrors } from '@apollo/client/errors'; import { t } from '@lingui/core/macro'; -import { IconLifebuoy } from 'twenty-ui/display'; +import { IconLifebuoy } from 'twenty-ui/icon'; import { useMutation } from '@apollo/client/react'; import { UpdateWorkspaceDocument } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/security/components/approvedAccessDomains/SettingsApprovedAccessDomainsListCard.tsx b/packages/twenty-front/src/modules/settings/security/components/approvedAccessDomains/SettingsApprovedAccessDomainsListCard.tsx index 8567b6056b..f757f8ab5b 100644 --- a/packages/twenty-front/src/modules/settings/security/components/approvedAccessDomains/SettingsApprovedAccessDomainsListCard.tsx +++ b/packages/twenty-front/src/modules/settings/security/components/approvedAccessDomains/SettingsApprovedAccessDomainsListCard.tsx @@ -14,7 +14,8 @@ import { useLingui } from '@lingui/react/macro'; import { useAtomState } from '@/ui/utilities/state/jotai/hooks/useAtomState'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconAt, IconMailCog, Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; +import { IconAt, IconMailCog } from 'twenty-ui/icon'; import { useQuery } from '@apollo/client/react'; import { GetApprovedAccessDomainsDocument } from '~/generated-metadata/graphql'; import { dateLocaleState } from '~/localization/states/dateLocaleState'; diff --git a/packages/twenty-front/src/modules/settings/security/components/approvedAccessDomains/SettingsSecurityApprovedAccessDomainRowDropdownMenu.tsx b/packages/twenty-front/src/modules/settings/security/components/approvedAccessDomains/SettingsSecurityApprovedAccessDomainRowDropdownMenu.tsx index b73dfe436b..3755344edc 100644 --- a/packages/twenty-front/src/modules/settings/security/components/approvedAccessDomains/SettingsSecurityApprovedAccessDomainRowDropdownMenu.tsx +++ b/packages/twenty-front/src/modules/settings/security/components/approvedAccessDomains/SettingsSecurityApprovedAccessDomainRowDropdownMenu.tsx @@ -7,7 +7,7 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconDotsVertical, IconTrash } from 'twenty-ui/display'; +import { IconDotsVertical, IconTrash } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; import { useMutation } from '@apollo/client/react'; diff --git a/packages/twenty-front/src/modules/settings/security/utils/guessSSOIdentityProviderIconByUrl.ts b/packages/twenty-front/src/modules/settings/security/utils/guessSSOIdentityProviderIconByUrl.ts index 8dc0667479..a415002cf3 100644 --- a/packages/twenty-front/src/modules/settings/security/utils/guessSSOIdentityProviderIconByUrl.ts +++ b/packages/twenty-front/src/modules/settings/security/utils/guessSSOIdentityProviderIconByUrl.ts @@ -3,7 +3,7 @@ import { IconGoogle, IconKey, IconMicrosoftOutlook, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export const guessSSOIdentityProviderIconByUrl = ( url: string, ): IconComponent => { diff --git a/packages/twenty-front/src/modules/settings/two-factor-authentication/components/DeleteTwoFactorAuthenticationMethod.tsx b/packages/twenty-front/src/modules/settings/two-factor-authentication/components/DeleteTwoFactorAuthenticationMethod.tsx index d20681b213..64cc71a17e 100644 --- a/packages/twenty-front/src/modules/settings/two-factor-authentication/components/DeleteTwoFactorAuthenticationMethod.tsx +++ b/packages/twenty-front/src/modules/settings/two-factor-authentication/components/DeleteTwoFactorAuthenticationMethod.tsx @@ -9,7 +9,7 @@ import { Trans, useLingui } from '@lingui/react/macro'; import { useParams } from 'react-router-dom'; import { SettingsPath } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { useMutation } from '@apollo/client/react'; import { DeleteTwoFactorAuthenticationMethodDocument } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/unsubscribe-topics/components/SettingsWorkspaceUnsubscribeTopicSection.tsx b/packages/twenty-front/src/modules/settings/unsubscribe-topics/components/SettingsWorkspaceUnsubscribeTopicSection.tsx index a04d0f4bf6..d43b550751 100644 --- a/packages/twenty-front/src/modules/settings/unsubscribe-topics/components/SettingsWorkspaceUnsubscribeTopicSection.tsx +++ b/packages/twenty-front/src/modules/settings/unsubscribe-topics/components/SettingsWorkspaceUnsubscribeTopicSection.tsx @@ -10,7 +10,8 @@ import { type UnsubscribeTopicsQuery, UnsubscribeTopicVisibility, } from '~/generated-metadata/graphql'; -import { IconExternalLink, Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; +import { IconExternalLink } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; diff --git a/packages/twenty-front/src/modules/settings/usage/components/SettingsUsageAnalyticsSection.tsx b/packages/twenty-front/src/modules/settings/usage/components/SettingsUsageAnalyticsSection.tsx index 918c6eac74..a16ed6816e 100644 --- a/packages/twenty-front/src/modules/settings/usage/components/SettingsUsageAnalyticsSection.tsx +++ b/packages/twenty-front/src/modules/settings/usage/components/SettingsUsageAnalyticsSection.tsx @@ -11,7 +11,8 @@ import { t } from '@lingui/core/macro'; import { Link } from 'react-router-dom'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title, IconSparkles } from 'twenty-ui/display'; +import { IconSparkles } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { SETTINGS_AI_TABS } from '~/pages/settings/ai/constants/SettingsAiTabs'; diff --git a/packages/twenty-front/src/modules/settings/usage/components/UsageBreakdownPieSection.tsx b/packages/twenty-front/src/modules/settings/usage/components/UsageBreakdownPieSection.tsx index 49ceab712a..4385afe3ec 100644 --- a/packages/twenty-front/src/modules/settings/usage/components/UsageBreakdownPieSection.tsx +++ b/packages/twenty-front/src/modules/settings/usage/components/UsageBreakdownPieSection.tsx @@ -8,7 +8,7 @@ import { useUsageValueFormatter } from '@/settings/usage/hooks/useUsageValueForm import { getOperationTypeLabel } from '@/settings/usage/utils/getOperationTypeLabel'; import { Select } from '@/ui/input/components/Select'; import { useContext } from 'react'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { ThemeContext } from 'twenty-ui/theme-constants'; import { type UsageOperationType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/usage/components/UsageByUserTableSection.tsx b/packages/twenty-front/src/modules/settings/usage/components/UsageByUserTableSection.tsx index 5a57edf350..f88ff3eb6a 100644 --- a/packages/twenty-front/src/modules/settings/usage/components/UsageByUserTableSection.tsx +++ b/packages/twenty-front/src/modules/settings/usage/components/UsageByUserTableSection.tsx @@ -9,7 +9,9 @@ import { TableRow } from '@/ui/layout/table/components/TableRow'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext, useState } from 'react'; -import { Avatar, H2Title, IconChevronRight } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; +import { IconChevronRight } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { SearchInput } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/settings/usage/components/UsageDailyChartSection.tsx b/packages/twenty-front/src/modules/settings/usage/components/UsageDailyChartSection.tsx index adcb55574b..d3a7834cc1 100644 --- a/packages/twenty-front/src/modules/settings/usage/components/UsageDailyChartSection.tsx +++ b/packages/twenty-front/src/modules/settings/usage/components/UsageDailyChartSection.tsx @@ -7,7 +7,7 @@ import { useUsageAnalyticsData } from '@/settings/usage/hooks/useUsageAnalyticsD import { useUsageValueFormatter } from '@/settings/usage/hooks/useUsageValueFormatter'; import { Select } from '@/ui/input/components/Select'; import { styled } from '@linaria/react'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { type UsageOperationType } from '~/generated-metadata/graphql'; import { formatDate } from '~/utils/date-utils'; diff --git a/packages/twenty-front/src/modules/settings/workspace/components/SettingsWorkspaceEmailChannelDomainStatusCell.tsx b/packages/twenty-front/src/modules/settings/workspace/components/SettingsWorkspaceEmailChannelDomainStatusCell.tsx index 198dac4211..d323836de9 100644 --- a/packages/twenty-front/src/modules/settings/workspace/components/SettingsWorkspaceEmailChannelDomainStatusCell.tsx +++ b/packages/twenty-front/src/modules/settings/workspace/components/SettingsWorkspaceEmailChannelDomainStatusCell.tsx @@ -6,7 +6,7 @@ import { GetEmailingDomainsDocument } from '~/generated-metadata/graphql'; import { getColorByEmailingDomainStatus } from '~/pages/settings/emailing-domains/utils/getEmailingDomainStatusColor'; import { getTextByEmailingDomainStatus } from '~/pages/settings/emailing-domains/utils/getEmailingDomainStatusText'; import { isDefined } from 'twenty-shared/utils'; -import { Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; type SettingsWorkspaceEmailChannelDomainStatusCellProps = { item: MessageChannel; diff --git a/packages/twenty-front/src/modules/settings/workspace/components/SettingsWorkspaceEmailGroupSourceCell.tsx b/packages/twenty-front/src/modules/settings/workspace/components/SettingsWorkspaceEmailGroupSourceCell.tsx index e21c615140..2d0ef5cc07 100644 --- a/packages/twenty-front/src/modules/settings/workspace/components/SettingsWorkspaceEmailGroupSourceCell.tsx +++ b/packages/twenty-front/src/modules/settings/workspace/components/SettingsWorkspaceEmailGroupSourceCell.tsx @@ -1,7 +1,8 @@ import { styled } from '@linaria/react'; import { type MessageChannel } from '@/accounts/types/MessageChannel'; -import { IconMail, OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { IconMail } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledNameCell = styled.div` diff --git a/packages/twenty-front/src/modules/settings/workspace/components/ToggleImpersonate.tsx b/packages/twenty-front/src/modules/settings/workspace/components/ToggleImpersonate.tsx index 969fa5603a..cec171e315 100644 --- a/packages/twenty-front/src/modules/settings/workspace/components/ToggleImpersonate.tsx +++ b/packages/twenty-front/src/modules/settings/workspace/components/ToggleImpersonate.tsx @@ -4,8 +4,8 @@ import { SettingsOptionCardContentToggle } from '@/settings/components/SettingsO import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { CombinedGraphQLErrors } from '@apollo/client/errors'; import { t } from '@lingui/core/macro'; -import { IconLifebuoy } from 'twenty-ui/display'; -import { Card } from 'twenty-ui/layout'; +import { IconLifebuoy } from 'twenty-ui/icon'; +import { Card } from 'twenty-ui/surfaces'; import { useMutation } from '@apollo/client/react'; import { UpdateWorkspaceDocument } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelAskAiInfo.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelAskAiInfo.tsx index 51abb47b6f..8494caf278 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelAskAiInfo.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelAskAiInfo.tsx @@ -4,7 +4,7 @@ import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hoo import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledPageTitle = styled.div` diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelBackButton.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelBackButton.tsx index 66d2db7972..46cb06adc1 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelBackButton.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelBackButton.tsx @@ -7,7 +7,7 @@ import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/Drop import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useOpenDropdown } from '@/ui/layout/dropdown/hooks/useOpenDropdown'; import { styled } from '@linaria/react'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelContextChip.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelContextChip.tsx index 897975e453..3ec65bdae3 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelContextChip.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelContextChip.tsx @@ -4,7 +4,7 @@ import { isNonEmptyString } from '@sniptt/guards'; import { Fragment } from 'react/jsx-runtime'; import { type SidePanelPages } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledChip = styled.button<{ diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelContextRecordChipAvatars.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelContextRecordChipAvatars.tsx index b181a1b9d3..1f489abcb4 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelContextRecordChipAvatars.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelContextRecordChipAvatars.tsx @@ -4,7 +4,7 @@ import { useRecordChipData } from '@/object-record/hooks/useRecordChipData'; import { type ObjectRecord } from '@/object-record/types/ObjectRecord'; import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledIconWrapper = styled.div<{ withIconBackground?: boolean }>` align-items: center; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelFolderInfo.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelFolderInfo.tsx index 8cf09e89ab..9b9022980e 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelFolderInfo.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelFolderInfo.tsx @@ -2,7 +2,8 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { NavigationMenuItemType } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { TintedIconTile, useIcons } from 'twenty-ui/display'; +import { TintedIconTile } from 'twenty-ui/data-display'; +import { useIcons } from 'twenty-ui/icon'; import { FOLDER_ICON_DEFAULT } from '@/navigation-menu-item/common/constants/FolderIconDefault'; import { selectedNavigationMenuItemIdInEditModeState } from '@/navigation-menu-item/common/states/selectedNavigationMenuItemIdInEditModeState'; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelGroup.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelGroup.tsx index b630519a50..01158d873f 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelGroup.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelGroup.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import React from 'react'; -import { Label } from 'twenty-ui/display'; +import { Label } from 'twenty-ui/typography'; import { isDefined } from 'twenty-shared/utils'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelItemWithAddToNavigationDrag.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelItemWithAddToNavigationDrag.tsx index f9c157d916..2e79ce6167 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelItemWithAddToNavigationDrag.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelItemWithAddToNavigationDrag.tsx @@ -2,7 +2,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { type ReactNode, lazy, Suspense, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { CommandMenuItem } from '@/command-menu/components/CommandMenuItem'; import { addToNavPayloadRegistryState } from '@/navigation-menu-item/common/states/addToNavPayloadRegistryState'; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelLinkInfo.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelLinkInfo.tsx index 8a03610147..e5dff4c5ff 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelLinkInfo.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelLinkInfo.tsx @@ -1,7 +1,7 @@ import { useLingui } from '@lingui/react/macro'; import { NavigationMenuItemType } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconLink, IconWorld } from 'twenty-ui/display'; +import { IconLink, IconWorld } from 'twenty-ui/icon'; import { selectedNavigationMenuItemIdInEditModeState } from '@/navigation-menu-item/common/states/selectedNavigationMenuItemIdInEditModeState'; import { LinkIconWithLinkOverlay } from '@/navigation-menu-item/display/link/components/LinkIconWithLinkOverlay'; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelMultipleRecordsInfo.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelMultipleRecordsInfo.tsx index 7e90a478c0..f0471b29ac 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelMultipleRecordsInfo.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelMultipleRecordsInfo.tsx @@ -2,7 +2,7 @@ import { SidePanelPageInfoLayout } from '@/side-panel/components/SidePanelPageIn import { useFindManyRecordsSelectedInContextStore } from '@/context-store/hooks/useFindManyRecordsSelectedInContextStore'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; -import { IconPencil } from 'twenty-ui/display'; +import { IconPencil } from 'twenty-ui/icon'; import { ThemeContext } from 'twenty-ui/theme-constants'; type SidePanelMultipleRecordsInfoProps = { diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelObjectFilterDropdown.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelObjectFilterDropdown.tsx index d14a053c85..af4c8c9ab4 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelObjectFilterDropdown.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelObjectFilterDropdown.tsx @@ -1,6 +1,6 @@ import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconFilter } from 'twenty-ui/display'; +import { IconFilter } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { SidePanelObjectFilterDropdownContent } from '@/side-panel/components/SidePanelObjectFilterDropdownContent'; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelObjectFilterDropdownContent.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelObjectFilterDropdownContent.tsx index 7b9754c0bb..40e7401dc0 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelObjectFilterDropdownContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelObjectFilterDropdownContent.tsx @@ -1,7 +1,8 @@ import { useLingui } from '@lingui/react/macro'; import { useState } from 'react'; import { OBJECTS_WITH_CHANNEL_VISIBILITY_CONSTRAINTS } from 'twenty-shared/constants'; -import { IconCube, TintedIconTile } from 'twenty-ui/display'; +import { TintedIconTile } from 'twenty-ui/data-display'; +import { IconCube } from 'twenty-ui/icon'; import { MenuItemSelectAvatar, MenuItemToggle } from 'twenty-ui/navigation'; import { ObjectMetadataIcon } from '@/object-metadata/components/ObjectMetadataIcon'; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelObjectViewRecordInfo.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelObjectViewRecordInfo.tsx index 0e96071cd7..0bc3368235 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelObjectViewRecordInfo.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelObjectViewRecordInfo.tsx @@ -1,5 +1,5 @@ import { useLingui } from '@lingui/react/macro'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { SidePanelPageInfoLayout } from '@/side-panel/components/SidePanelPageInfoLayout'; import { NavigationMenuItemIcon } from '@/navigation-menu-item/display/components/NavigationMenuItemIcon'; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelPageInfo.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelPageInfo.tsx index e05f0a1b4d..22d1503218 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelPageInfo.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelPageInfo.tsx @@ -1,9 +1,7 @@ import { styled } from '@linaria/react'; import { isDefined } from 'twenty-shared/utils'; -import { - IconColumnInsertRight, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +import { IconColumnInsertRight } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { selectedNavigationMenuItemIdInEditModeState } from '@/navigation-menu-item/common/states/selectedNavigationMenuItemIdInEditModeState'; import { useNavigationMenuItemEditSectionItems } from '@/navigation-menu-item/edit/hooks/useNavigationMenuItemEditSectionItems'; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelPageLayoutInfoContent.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelPageLayoutInfoContent.tsx index 996947ebbc..92bc031d84 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelPageLayoutInfoContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelPageLayoutInfoContent.tsx @@ -19,7 +19,7 @@ import { isNonEmptyString } from '@sniptt/guards'; import { useContext, useState } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { ThemeContext } from 'twenty-ui/theme-constants'; import { SidePanelPageInfoLayout } from './SidePanelPageInfoLayout'; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelRecordInfo.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelRecordInfo.tsx index 60fc772f44..78e8610ed7 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelRecordInfo.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelRecordInfo.tsx @@ -19,7 +19,7 @@ import { useAtomFamilySelectorValue } from '@/ui/utilities/state/jotai/hooks/use import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { AppPath } from 'twenty-shared/types'; import { getAppPath } from 'twenty-shared/utils'; -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { UndecoratedLink } from 'twenty-ui/navigation'; import { FieldMetadataType } from '~/generated-metadata/graphql'; import { dateLocaleState } from '~/localization/states/dateLocaleState'; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelToggleButton.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelToggleButton.tsx index 12c8b52ebc..cf97b74cc1 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelToggleButton.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelToggleButton.tsx @@ -11,7 +11,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { motion } from 'framer-motion'; import { useContext } from 'react'; -import { AppTooltip, TooltipDelay, TooltipPosition } from 'twenty-ui/display'; +import { AppTooltip, TooltipDelay, TooltipPosition } from 'twenty-ui/surfaces'; import { AnimatedButton } from 'twenty-ui/input'; import { useIsMobile } from 'twenty-ui/utilities'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelTopBar.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelTopBar.tsx index 06a6df40a5..9e6b5be18e 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelTopBar.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelTopBar.tsx @@ -20,7 +20,7 @@ import { useAtomState } from '@/ui/utilities/state/jotai/hooks/useAtomState'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useContext, useRef } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconX } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { useIsMobile } from 'twenty-ui/utilities'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelTopBarRightCornerIcon.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelTopBarRightCornerIcon.tsx index 3c8d9e50d3..55bda58761 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelTopBarRightCornerIcon.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelTopBarRightCornerIcon.tsx @@ -7,7 +7,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconEdit } from 'twenty-ui/display'; +import { IconEdit } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { useIsMobile } from 'twenty-ui/utilities'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/side-panel/components/SidePanelWorkflowStepInfo.tsx b/packages/twenty-front/src/modules/side-panel/components/SidePanelWorkflowStepInfo.tsx index ff34baf131..b377a442ec 100644 --- a/packages/twenty-front/src/modules/side-panel/components/SidePanelWorkflowStepInfo.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/SidePanelWorkflowStepInfo.tsx @@ -24,7 +24,7 @@ import { useContext, useState } from 'react'; import { CoreObjectNameSingular, SidePanelPages } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; import { TRIGGER_STEP_ID } from 'twenty-shared/workflow'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { SidePanelPageInfoLayout } from './SidePanelPageInfoLayout'; import { ThemeContext } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/side-panel/components/__tests__/SidePanelTopBar.test.tsx b/packages/twenty-front/src/modules/side-panel/components/__tests__/SidePanelTopBar.test.tsx index 801edfbb4e..ef4f9bec9f 100644 --- a/packages/twenty-front/src/modules/side-panel/components/__tests__/SidePanelTopBar.test.tsx +++ b/packages/twenty-front/src/modules/side-panel/components/__tests__/SidePanelTopBar.test.tsx @@ -16,7 +16,7 @@ import { PageFocusId } from '@/types/PageFocusId'; import { focusStackState } from '@/ui/utilities/focus/states/focusStackState'; import { FocusComponentType } from '@/ui/utilities/focus/types/FocusComponentType'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconDotsVertical } from 'twenty-ui/display'; +import { IconDotsVertical } from 'twenty-ui/icon'; jest.mock('@/side-panel/components/SidePanelTopBarInputFocusEffect', () => ({ SidePanelTopBarInputFocusEffect: () => null, diff --git a/packages/twenty-front/src/modules/side-panel/components/hooks/usePageLayoutHeaderInfo.ts b/packages/twenty-front/src/modules/side-panel/components/hooks/usePageLayoutHeaderInfo.ts index 0ba99291d3..d6efdfe8f8 100644 --- a/packages/twenty-front/src/modules/side-panel/components/hooks/usePageLayoutHeaderInfo.ts +++ b/packages/twenty-front/src/modules/side-panel/components/hooks/usePageLayoutHeaderInfo.ts @@ -15,7 +15,7 @@ import { IconTable, type IconComponent, useIcons, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { ThemeContext } from 'twenty-ui/theme-constants'; import { PageLayoutTabLayoutMode } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useNavigateSidePanel.test.tsx b/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useNavigateSidePanel.test.tsx index 1fc328bb97..3837d2be7b 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useNavigateSidePanel.test.tsx +++ b/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useNavigateSidePanel.test.tsx @@ -9,7 +9,7 @@ import { sidePanelPageState } from '@/side-panel/states/sidePanelPageState'; import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore'; import { ContextStoreViewType } from '@/context-store/types/ContextStoreViewType'; import { SidePanelPages } from 'twenty-shared/types'; -import { Icon123, useIcons } from 'twenty-ui/display'; +import { Icon123, useIcons } from 'twenty-ui/icon'; import { getJestMetadataAndApolloMocksAndCommandMenuWrapper } from '~/testing/jest/getJestMetadataAndApolloMocksAndCommandMenuWrapper'; import { getTestEnrichedObjectMetadataItemsMock } from '~/testing/utils/getTestEnrichedObjectMetadataItemsMock'; diff --git a/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useOpenAskAiPageInSidePanel.test.tsx b/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useOpenAskAiPageInSidePanel.test.tsx index 5a6f58cd34..6d411627e3 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useOpenAskAiPageInSidePanel.test.tsx +++ b/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useOpenAskAiPageInSidePanel.test.tsx @@ -6,7 +6,7 @@ import { useOpenAskAiPageInSidePanel } from '@/side-panel/hooks/useOpenAskAiPage import { isSidePanelOpenedState } from '@/side-panel/states/isSidePanelOpenedState'; import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconSparkles } from 'twenty-ui/display'; +import { IconSparkles } from 'twenty-ui/icon'; const navigateSidePanelMenuMock = jest.fn(); diff --git a/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useOpenCalendarEventInSidePanel.test.tsx b/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useOpenCalendarEventInSidePanel.test.tsx index 7088f97a04..958c02554d 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useOpenCalendarEventInSidePanel.test.tsx +++ b/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useOpenCalendarEventInSidePanel.test.tsx @@ -7,7 +7,7 @@ import { viewableRecordIdComponentState } from '@/side-panel/pages/record-page/s import { ContextStoreViewType } from '@/context-store/types/ContextStoreViewType'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconCalendarEvent } from 'twenty-ui/display'; +import { IconCalendarEvent } from 'twenty-ui/icon'; import { getJestMetadataAndApolloMocksAndCommandMenuWrapper } from '~/testing/jest/getJestMetadataAndApolloMocksAndCommandMenuWrapper'; import { getTestEnrichedObjectMetadataItemsMock } from '~/testing/utils/getTestEnrichedObjectMetadataItemsMock'; diff --git a/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useOpenRecordInSidePanel.test.tsx b/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useOpenRecordInSidePanel.test.tsx index 007535d85c..9ecbfdd058 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useOpenRecordInSidePanel.test.tsx +++ b/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useOpenRecordInSidePanel.test.tsx @@ -15,7 +15,7 @@ import { sidePanelNavigationMorphItemsByPageState } from '@/side-panel/states/si import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore'; import { ContextStorePageType, SidePanelPages } from 'twenty-shared/types'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { getJestMetadataAndApolloMocksAndCommandMenuWrapper } from '~/testing/jest/getJestMetadataAndApolloMocksAndCommandMenuWrapper'; import { getTestEnrichedObjectMetadataItemsMock } from '~/testing/utils/getTestEnrichedObjectMetadataItemsMock'; diff --git a/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useSidePanelCloseAnimationCompleteCleanup.test.tsx b/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useSidePanelCloseAnimationCompleteCleanup.test.tsx index cb959f8bc3..ea35ea30fe 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useSidePanelCloseAnimationCompleteCleanup.test.tsx +++ b/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useSidePanelCloseAnimationCompleteCleanup.test.tsx @@ -16,7 +16,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconList } from 'twenty-ui/display'; +import { IconList } from 'twenty-ui/icon'; const mockCloseDropdown = jest.fn(); const mockResetSelectedItem = jest.fn(); diff --git a/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useSidePanelHistory.test.tsx b/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useSidePanelHistory.test.tsx index 470dad55f5..05f98d2d04 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useSidePanelHistory.test.tsx +++ b/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useSidePanelHistory.test.tsx @@ -11,7 +11,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 { IconList, IconSearch } from 'twenty-ui/display'; +import { IconList, IconSearch } from 'twenty-ui/icon'; const Wrapper = ({ children }: { children: React.ReactNode }) => ( diff --git a/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useUpdateSidePanelPageInfo.test.tsx b/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useUpdateSidePanelPageInfo.test.tsx index ecb7d64934..c7574f400d 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useUpdateSidePanelPageInfo.test.tsx +++ b/packages/twenty-front/src/modules/side-panel/hooks/__tests__/useUpdateSidePanelPageInfo.test.tsx @@ -6,7 +6,7 @@ import { renderHook } from '@testing-library/react'; import { Provider as JotaiProvider } from 'jotai'; import { act } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconArrowDown, IconDotsVertical } from 'twenty-ui/display'; +import { IconArrowDown, IconDotsVertical } from 'twenty-ui/icon'; const mockedPageInfo = { title: 'Initial Title', diff --git a/packages/twenty-front/src/modules/side-panel/hooks/useNavigateSidePanel.ts b/packages/twenty-front/src/modules/side-panel/hooks/useNavigateSidePanel.ts index edb9bc060a..932ae7c04d 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/useNavigateSidePanel.ts +++ b/packages/twenty-front/src/modules/side-panel/hooks/useNavigateSidePanel.ts @@ -14,7 +14,7 @@ import { FocusComponentType } from '@/ui/utilities/focus/types/FocusComponentTyp import { useStore } from 'jotai'; import { useCallback } from 'react'; import { type SidePanelPages } from 'twenty-shared/types'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { v4 } from 'uuid'; export type SidePanelNavigationStackItem = { diff --git a/packages/twenty-front/src/modules/side-panel/hooks/useOpenAskAiPageInSidePanel.ts b/packages/twenty-front/src/modules/side-panel/hooks/useOpenAskAiPageInSidePanel.ts index e31836ada2..55c86bfd5f 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/useOpenAskAiPageInSidePanel.ts +++ b/packages/twenty-front/src/modules/side-panel/hooks/useOpenAskAiPageInSidePanel.ts @@ -4,7 +4,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { t } from '@lingui/core/macro'; import { useCallback } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconSparkles } from 'twenty-ui/display'; +import { IconSparkles } from 'twenty-ui/icon'; import { v4 } from 'uuid'; export const useOpenAskAiPageInSidePanel = () => { diff --git a/packages/twenty-front/src/modules/side-panel/hooks/useOpenCalendarEventInSidePanel.ts b/packages/twenty-front/src/modules/side-panel/hooks/useOpenCalendarEventInSidePanel.ts index 9fccf5606a..ec30480c22 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/useOpenCalendarEventInSidePanel.ts +++ b/packages/twenty-front/src/modules/side-panel/hooks/useOpenCalendarEventInSidePanel.ts @@ -3,7 +3,7 @@ import { viewableRecordIdComponentState } from '@/side-panel/pages/record-page/s import { t } from '@lingui/core/macro'; import { useCallback } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconCalendarEvent } from 'twenty-ui/display'; +import { IconCalendarEvent } from 'twenty-ui/icon'; import { v4 } from 'uuid'; import { useStore } from 'jotai'; diff --git a/packages/twenty-front/src/modules/side-panel/hooks/useOpenCampaignComposerInSidePanel.ts b/packages/twenty-front/src/modules/side-panel/hooks/useOpenCampaignComposerInSidePanel.ts index d9f30018f5..7408380d06 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/useOpenCampaignComposerInSidePanel.ts +++ b/packages/twenty-front/src/modules/side-panel/hooks/useOpenCampaignComposerInSidePanel.ts @@ -1,7 +1,7 @@ import { useCallback } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconSend } from 'twenty-ui/display'; +import { IconSend } from 'twenty-ui/icon'; import { v4 } from 'uuid'; import { useSidePanelMenu } from '@/side-panel/hooks/useSidePanelMenu'; diff --git a/packages/twenty-front/src/modules/side-panel/hooks/useOpenComposeEmailInSidePanel.ts b/packages/twenty-front/src/modules/side-panel/hooks/useOpenComposeEmailInSidePanel.ts index 52c92306d7..5d0a24ed07 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/useOpenComposeEmailInSidePanel.ts +++ b/packages/twenty-front/src/modules/side-panel/hooks/useOpenComposeEmailInSidePanel.ts @@ -2,11 +2,7 @@ import { useCallback } from 'react'; import { useStore } from 'jotai'; import { SidePanelPages } from 'twenty-shared/types'; -import { - type IconComponent, - IconArrowBackUp, - IconMail, -} from 'twenty-ui/display'; +import { type IconComponent, IconArrowBackUp, IconMail } from 'twenty-ui/icon'; import { v4 } from 'uuid'; import { useSidePanelMenu } from '@/side-panel/hooks/useSidePanelMenu'; diff --git a/packages/twenty-front/src/modules/side-panel/hooks/useOpenFrontComponentInSidePanel.ts b/packages/twenty-front/src/modules/side-panel/hooks/useOpenFrontComponentInSidePanel.ts index c0f09ea253..4efd72142f 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/useOpenFrontComponentInSidePanel.ts +++ b/packages/twenty-front/src/modules/side-panel/hooks/useOpenFrontComponentInSidePanel.ts @@ -3,7 +3,7 @@ import { viewableFrontComponentIdComponentState } from '@/side-panel/pages/front import { viewableFrontComponentRecordContextComponentState } from '@/side-panel/pages/front-component/states/viewableFrontComponentRecordContextComponentState'; import { useStore } from 'jotai'; import { SidePanelPages } from 'twenty-shared/types'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { v4 } from 'uuid'; export const useOpenFrontComponentInSidePanel = () => { diff --git a/packages/twenty-front/src/modules/side-panel/hooks/useOpenMergeRecordsPageInSidePanel.tsx b/packages/twenty-front/src/modules/side-panel/hooks/useOpenMergeRecordsPageInSidePanel.tsx index 27b1338d96..c2caf97ebd 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/useOpenMergeRecordsPageInSidePanel.tsx +++ b/packages/twenty-front/src/modules/side-panel/hooks/useOpenMergeRecordsPageInSidePanel.tsx @@ -8,7 +8,7 @@ import { SidePanelPages } from 'twenty-shared/types'; import { msg, t } from '@lingui/core/macro'; import { useCallback } from 'react'; -import { IconArrowMerge } from 'twenty-ui/display'; +import { IconArrowMerge } from 'twenty-ui/icon'; import { v4 } from 'uuid'; import { useStore } from 'jotai'; diff --git a/packages/twenty-front/src/modules/side-panel/hooks/useOpenRecordInSidePanel.ts b/packages/twenty-front/src/modules/side-panel/hooks/useOpenRecordInSidePanel.ts index c310752670..c08e01d185 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/useOpenRecordInSidePanel.ts +++ b/packages/twenty-front/src/modules/side-panel/hooks/useOpenRecordInSidePanel.ts @@ -25,7 +25,7 @@ import { t } from '@lingui/core/macro'; import { useStore } from 'jotai'; import { useCallback } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { v4 } from 'uuid'; export const useOpenRecordInSidePanel = () => { diff --git a/packages/twenty-front/src/modules/side-panel/hooks/useOpenRecordsSearchPageInSidePanel.ts b/packages/twenty-front/src/modules/side-panel/hooks/useOpenRecordsSearchPageInSidePanel.ts index 2c5d43f0c0..eecf77a194 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/useOpenRecordsSearchPageInSidePanel.ts +++ b/packages/twenty-front/src/modules/side-panel/hooks/useOpenRecordsSearchPageInSidePanel.ts @@ -3,7 +3,7 @@ import { isSidePanelOpenedState } from '@/side-panel/states/isSidePanelOpenedSta import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { t } from '@lingui/core/macro'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconSearch } from 'twenty-ui/display'; +import { IconSearch } from 'twenty-ui/icon'; import { v4 } from 'uuid'; export const useOpenRecordsSearchPageInSidePanel = () => { diff --git a/packages/twenty-front/src/modules/side-panel/hooks/useOpenRichTextInSidePanel.ts b/packages/twenty-front/src/modules/side-panel/hooks/useOpenRichTextInSidePanel.ts index f561a5e867..d147e937c3 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/useOpenRichTextInSidePanel.ts +++ b/packages/twenty-front/src/modules/side-panel/hooks/useOpenRichTextInSidePanel.ts @@ -4,7 +4,7 @@ import { t } from '@lingui/core/macro'; import { useStore } from 'jotai'; import { useCallback } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; -import { IconPencil } from 'twenty-ui/display'; +import { IconPencil } from 'twenty-ui/icon'; export const useOpenRichTextInSidePanel = () => { const { navigateSidePanelMenu, openSidePanelMenu } = useSidePanelMenu(); diff --git a/packages/twenty-front/src/modules/side-panel/hooks/useOpenUpdateMultipleRecordsPageInSidePanel.tsx b/packages/twenty-front/src/modules/side-panel/hooks/useOpenUpdateMultipleRecordsPageInSidePanel.tsx index 041cc83831..b0d9f6554f 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/useOpenUpdateMultipleRecordsPageInSidePanel.tsx +++ b/packages/twenty-front/src/modules/side-panel/hooks/useOpenUpdateMultipleRecordsPageInSidePanel.tsx @@ -3,7 +3,7 @@ import { SidePanelPages } from 'twenty-shared/types'; import { msg, t } from '@lingui/core/macro'; import { useCallback } from 'react'; -import { IconBoxMultiple } from 'twenty-ui/display'; +import { IconBoxMultiple } from 'twenty-ui/icon'; type UseOpenUpdateMultipleRecordsPageInSidePanelProps = { contextStoreInstanceId: string; diff --git a/packages/twenty-front/src/modules/side-panel/hooks/useSidePanelMenu.ts b/packages/twenty-front/src/modules/side-panel/hooks/useSidePanelMenu.ts index f4c0b4a81d..7a29d406e6 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/useSidePanelMenu.ts +++ b/packages/twenty-front/src/modules/side-panel/hooks/useSidePanelMenu.ts @@ -17,7 +17,7 @@ import { useStore } from 'jotai'; import { useCallback } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconColumnInsertRight, IconDotsVertical } from 'twenty-ui/display'; +import { IconColumnInsertRight, IconDotsVertical } from 'twenty-ui/icon'; export const useSidePanelMenu = () => { const store = useStore(); diff --git a/packages/twenty-front/src/modules/side-panel/hooks/useUpdateSidePanelPageInfo.ts b/packages/twenty-front/src/modules/side-panel/hooks/useUpdateSidePanelPageInfo.ts index 333169d857..1834c15513 100644 --- a/packages/twenty-front/src/modules/side-panel/hooks/useUpdateSidePanelPageInfo.ts +++ b/packages/twenty-front/src/modules/side-panel/hooks/useUpdateSidePanelPageInfo.ts @@ -1,7 +1,7 @@ import { sidePanelNavigationStackState } from '@/side-panel/states/sidePanelNavigationStackState'; import { sidePanelPageInfoState } from '@/side-panel/states/sidePanelPageInfoState'; import { useCallback } from 'react'; -import { type IconComponent, IconDotsVertical } from 'twenty-ui/display'; +import { type IconComponent, IconDotsVertical } from 'twenty-ui/icon'; import { useStore } from 'jotai'; export const useUpdateSidePanelPageInfo = () => { diff --git a/packages/twenty-front/src/modules/side-panel/pages/common/components/SidePanelSubPageNavigationHeader.tsx b/packages/twenty-front/src/modules/side-panel/pages/common/components/SidePanelSubPageNavigationHeader.tsx index 35a675b170..9335b63ec5 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/common/components/SidePanelSubPageNavigationHeader.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/common/components/SidePanelSubPageNavigationHeader.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/compose-campaign/components/SidePanelCampaignComposerPage.tsx b/packages/twenty-front/src/modules/side-panel/pages/compose-campaign/components/SidePanelCampaignComposerPage.tsx index 0d7e8a6469..1b61509c58 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/compose-campaign/components/SidePanelCampaignComposerPage.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/compose-campaign/components/SidePanelCampaignComposerPage.tsx @@ -6,7 +6,7 @@ import { SidePanelFooter } from '@/ui/layout/side-panel/components/SidePanelFoot import { useHotkeysOnFocusedElement } from '@/ui/utilities/hotkey/hooks/useHotkeysOnFocusedElement'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconSend } from 'twenty-ui/display'; +import { IconSend } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { getOsControlSymbol } from 'twenty-ui/utilities'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/compose-email/components/SidePanelComposeEmailPage.tsx b/packages/twenty-front/src/modules/side-panel/pages/compose-email/components/SidePanelComposeEmailPage.tsx index 8e50029ba6..5a9056bb3a 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/compose-email/components/SidePanelComposeEmailPage.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/compose-email/components/SidePanelComposeEmailPage.tsx @@ -13,7 +13,7 @@ import { useHotkeysOnFocusedElement } from '@/ui/utilities/hotkey/hooks/useHotke import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconSend } from 'twenty-ui/display'; +import { IconSend } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { getOsControlSymbol } from 'twenty-ui/utilities'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/CanvasTabSettingsContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/CanvasTabSettingsContent.tsx index 5654cf0c38..0352ec868a 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/CanvasTabSettingsContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/CanvasTabSettingsContent.tsx @@ -13,14 +13,14 @@ import { SelectableListItem } from '@/ui/layout/selectable-list/components/Selec import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; import { - AppTooltip, IconChevronLeft, IconChevronRight, IconEyeX, IconPinned, IconRefreshDot, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { AppTooltip } from 'twenty-ui/surfaces'; const RESET_TAB_TO_DEFAULT_MODAL_ID = 'reset-canvas-tab-to-default-modal'; const RESET_TAB_TO_DEFAULT_MENU_ITEM_ID = diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/ChartFiltersDeletedFieldsWarning.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/ChartFiltersDeletedFieldsWarning.tsx index 4b491319f9..9704410176 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/ChartFiltersDeletedFieldsWarning.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/ChartFiltersDeletedFieldsWarning.tsx @@ -1,7 +1,7 @@ import { currentRecordFiltersComponentState } from '@/object-record/record-filter/states/currentRecordFiltersComponentState'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { t } from '@lingui/core/macro'; -import { SidePanelInformationBanner } from 'twenty-ui/display'; +import { SidePanelInformationBanner } from 'twenty-ui/feedback'; type ChartFiltersDeletedFieldsWarningProps = { validFieldMetadataIds: Set; }; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/ChartLimitInfoBanner.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/ChartLimitInfoBanner.tsx index 0eb796f6c9..c2bb646b44 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/ChartLimitInfoBanner.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/ChartLimitInfoBanner.tsx @@ -1,6 +1,6 @@ import { getChartLimitMessage } from '@/side-panel/pages/page-layout/utils/getChartLimitMessage'; import { t } from '@lingui/core/macro'; -import { SidePanelInformationBanner } from 'twenty-ui/display'; +import { SidePanelInformationBanner } from 'twenty-ui/feedback'; import { type WidgetConfigurationType } from '~/generated-metadata/graphql'; type ChartLimitInfoBannerProps = { diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/NewFieldDefaultVisibilityToggle.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/NewFieldDefaultVisibilityToggle.tsx index 7141a6e716..e9fc79927c 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/NewFieldDefaultVisibilityToggle.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/NewFieldDefaultVisibilityToggle.tsx @@ -3,7 +3,7 @@ import { useGetNewFieldDefaultVisibility } from '@/page-layout/widgets/fields/ho import { useUpdateNewFieldDefaultVisibility } from '@/page-layout/widgets/fields/hooks/useUpdateNewFieldDefaultVisibility'; import { SelectableListItem } from '@/ui/layout/selectable-list/components/SelectableListItem'; import { useLingui } from '@lingui/react/macro'; -import { IconEye } from 'twenty-ui/display'; +import { IconEye } from 'twenty-ui/icon'; export const NewFieldDefaultVisibilityToggle = ({ pageLayoutId, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/RegularTabSettingsContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/RegularTabSettingsContent.tsx index e38b258fbb..3bfe8a0aea 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/RegularTabSettingsContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/RegularTabSettingsContent.tsx @@ -7,14 +7,14 @@ import { useModal } from '@/ui/layout/modal/hooks/useModal'; import { SelectableListItem } from '@/ui/layout/selectable-list/components/SelectableListItem'; import { useLingui } from '@lingui/react/macro'; import { - AppTooltip, IconChevronLeft, IconChevronRight, IconCopyPlus, IconPinned, IconRefreshDot, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { AppTooltip } from 'twenty-ui/surfaces'; const RESET_TAB_TO_DEFAULT_MODAL_ID = 'reset-regular-tab-to-default-modal'; const RESET_TAB_TO_DEFAULT_MENU_ITEM_ID = diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/SidePanelPageLayoutDashboardWidgetTypeSelect.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/SidePanelPageLayoutDashboardWidgetTypeSelect.tsx index c0516bf55c..5ee4bf4287 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/SidePanelPageLayoutDashboardWidgetTypeSelect.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/SidePanelPageLayoutDashboardWidgetTypeSelect.tsx @@ -32,7 +32,7 @@ import { IconChartPie, IconFrame, IconTable, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { type FrontComponent, WidgetType } from '~/generated-metadata/graphql'; export const SidePanelPageLayoutDashboardWidgetTypeSelect = () => { diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/SidePanelPageLayoutRecordPageWidgetTypeSelect.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/SidePanelPageLayoutRecordPageWidgetTypeSelect.tsx index cbca95d0ee..5bb3e45de0 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/SidePanelPageLayoutRecordPageWidgetTypeSelect.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/SidePanelPageLayoutRecordPageWidgetTypeSelect.tsx @@ -31,7 +31,7 @@ import { useStore } from 'jotai'; import { useCallback } from 'react'; import { SidePanelPages } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconApps, IconList } from 'twenty-ui/display'; +import { IconApps, IconList } from 'twenty-ui/icon'; import { v4 as uuidv4 } from 'uuid'; import { type FrontComponent, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/WidgetSettingsFooter.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/WidgetSettingsFooter.tsx index 54121376ed..6ffd514c4a 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/WidgetSettingsFooter.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/WidgetSettingsFooter.tsx @@ -10,7 +10,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { useLingui } from '@lingui/react/macro'; import { useId } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconCopyPlus, IconTrash } from 'twenty-ui/display'; +import { IconCopyPlus, IconTrash } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; export const WidgetSettingsFooter = ({ diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/WidgetSettingsManageSection.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/WidgetSettingsManageSection.tsx index c411b03d6e..bd69fd4e0f 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/WidgetSettingsManageSection.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/WidgetSettingsManageSection.tsx @@ -21,12 +21,12 @@ import { isNonEmptyString } from '@sniptt/guards'; import { SidePanelPages } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; import { - AppTooltip, IconEyeX, IconRefreshDot, IconSwitchHorizontal, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { AppTooltip } from 'twenty-ui/surfaces'; const RESET_WIDGET_TO_DEFAULT_MODAL_ID = 'reset-widget-to-default-modal'; const RESET_WIDGET_TO_DEFAULT_MENU_ITEM_ID = diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/WidgetSettingsPlacementSection.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/WidgetSettingsPlacementSection.tsx index 2a26307683..cdc8852c18 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/WidgetSettingsPlacementSection.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/WidgetSettingsPlacementSection.tsx @@ -25,7 +25,7 @@ import { IconChevronUp, IconRowInsertBottom, IconRowInsertTop, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { PageLayoutTabLayoutMode } from '~/generated-metadata/graphql'; type WidgetSettingsPlacementSectionProps = { diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dashboard/SidePanelDashboardRecordTableSettings.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dashboard/SidePanelDashboardRecordTableSettings.tsx index 3b66ce018c..a034fb01d2 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dashboard/SidePanelDashboardRecordTableSettings.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dashboard/SidePanelDashboardRecordTableSettings.tsx @@ -26,7 +26,7 @@ import { IconFilter, IconListDetails, IconTable, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { WidgetConfigurationType } from '~/generated-metadata/graphql'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartAggregateOperationSelectionDropdownContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartAggregateOperationSelectionDropdownContent.tsx index 5c52e3c3fc..8f1cd620d9 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartAggregateOperationSelectionDropdownContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartAggregateOperationSelectionDropdownContent.tsx @@ -22,7 +22,7 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { t } from '@lingui/core/macro'; import { useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; import { filterBySearchQuery } from '~/utils/filterBySearchQuery'; export const ChartAggregateOperationSelectionDropdownContent = ({ diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartColorGradientOption.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartColorGradientOption.tsx index 3b97cbad0c..10e54ac5c9 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartColorGradientOption.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartColorGradientOption.tsx @@ -4,7 +4,7 @@ import { generateGroupColor } from '@/page-layout/widgets/graph/utils/generateGr import { SelectableListItem } from '@/ui/layout/selectable-list/components/SelectableListItem'; import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { ColorSample } from 'twenty-ui/display'; +import { ColorSample } from 'twenty-ui/data-display'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { type ThemeColor } from 'twenty-ui/theme'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartColorPaletteOption.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartColorPaletteOption.tsx index edf9d4da5b..cbb511d58d 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartColorPaletteOption.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartColorPaletteOption.tsx @@ -5,7 +5,7 @@ import { SelectableListItem } from '@/ui/layout/selectable-list/components/Selec import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; -import { ColorSample } from 'twenty-ui/display'; +import { ColorSample } from 'twenty-ui/data-display'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { getMainColorNameFromPaletteColorName } from 'twenty-ui/utilities'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartDataSourceDropdownContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartDataSourceDropdownContent.tsx index c903f81ed1..20e0369c48 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartDataSourceDropdownContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartDataSourceDropdownContent.tsx @@ -22,7 +22,7 @@ import { t } from '@lingui/core/macro'; import { Trans } from '@lingui/react/macro'; import { useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronLeft, IconSettings } from 'twenty-ui/display'; +import { IconChevronLeft, IconSettings } from 'twenty-ui/icon'; import { MenuItem, MenuItemSelect } from 'twenty-ui/navigation'; import { filterBySearchQuery } from '~/utils/filterBySearchQuery'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartFieldSelectionForAggregateOperationDropdownContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartFieldSelectionForAggregateOperationDropdownContent.tsx index aaaed54117..b8160bacd5 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartFieldSelectionForAggregateOperationDropdownContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartFieldSelectionForAggregateOperationDropdownContent.tsx @@ -16,7 +16,7 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { t } from '@lingui/core/macro'; import { useState } from 'react'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { filterBySearchQuery } from '~/utils/filterBySearchQuery'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionCompositeFieldView.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionCompositeFieldView.tsx index 73c54f75b0..6eab2da1d2 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionCompositeFieldView.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionCompositeFieldView.tsx @@ -12,7 +12,7 @@ import { SelectableListItem } from '@/ui/layout/selectable-list/components/Selec import { selectedItemIdComponentState } from '@/ui/layout/selectable-list/states/selectedItemIdComponentState'; import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/component-state/hooks/useAvailableComponentInstanceIdOrThrow'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; -import { IconChevronLeft, useIcons } from 'twenty-ui/display'; +import { IconChevronLeft, useIcons } from 'twenty-ui/icon'; import { MenuItemSelect } from 'twenty-ui/navigation'; type ChartGroupByFieldSelectionCompositeFieldViewProps = { diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionDropdownContentBase.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionDropdownContentBase.tsx index f9a8d36eb7..401fa6a760 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionDropdownContentBase.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionDropdownContentBase.tsx @@ -28,7 +28,7 @@ import { isDefined, isFieldMetadataSupportedInGroupBy, } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { RelationType } from '~/generated-metadata/graphql'; import { filterBySearchQuery } from '~/utils/filterBySearchQuery'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionMorphRelationFieldView.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionMorphRelationFieldView.tsx index 279e8ea7cc..91bc77700e 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionMorphRelationFieldView.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionMorphRelationFieldView.tsx @@ -14,7 +14,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { t } from '@lingui/core/macro'; import { useMemo, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronLeft, useIcons } from 'twenty-ui/display'; +import { IconChevronLeft, useIcons } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { RelationType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionTargetObjectFieldsView.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionTargetObjectFieldsView.tsx index e556d2fb96..bcc0652c26 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionTargetObjectFieldsView.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartGroupByFieldSelectionTargetObjectFieldsView.tsx @@ -18,7 +18,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { t } from '@lingui/core/macro'; import { useMemo, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronLeft, useIcons } from 'twenty-ui/display'; +import { IconChevronLeft, useIcons } from 'twenty-ui/icon'; import { MenuItem, MenuItemSelect } from 'twenty-ui/navigation'; import { filterBySearchQuery } from '~/utils/filterBySearchQuery'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartManualSortSubMenuContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartManualSortSubMenuContent.tsx index 179b0c62da..fb8d9b3568 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartManualSortSubMenuContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartManualSortSubMenuContent.tsx @@ -15,8 +15,8 @@ import { DropdownMenuHeaderLeftComponent } from '@/ui/layout/dropdown/components import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { Tag } from 'twenty-ui/components'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { Tag } from 'twenty-ui/data-display'; +import { IconChevronLeft } from 'twenty-ui/icon'; import { MenuItemDraggable } from 'twenty-ui/navigation'; import { type WidgetConfiguration } from '~/generated-metadata/graphql'; import { moveArrayItem } from '~/utils/array/moveArrayItem'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartRatioOptionBooleanSelectableListItem.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartRatioOptionBooleanSelectableListItem.tsx index d3c91eb3df..78665d7971 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartRatioOptionBooleanSelectableListItem.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartRatioOptionBooleanSelectableListItem.tsx @@ -8,7 +8,7 @@ import { SelectableListItem } from '@/ui/layout/selectable-list/components/Selec import { selectedItemIdComponentState } from '@/ui/layout/selectable-list/states/selectedItemIdComponentState'; import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/component-state/hooks/useAvailableComponentInstanceIdOrThrow'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; -import { IconCheck, IconX } from 'twenty-ui/display'; +import { IconCheck, IconX } from 'twenty-ui/icon'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { AggregateOperations } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartRatioOptionValueSelectionDropdownContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartRatioOptionValueSelectionDropdownContent.tsx index 60564f1ad4..1bd54c97ea 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartRatioOptionValueSelectionDropdownContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/ChartRatioOptionValueSelectionDropdownContent.tsx @@ -15,7 +15,7 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { t } from '@lingui/core/macro'; import { useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; import { type ThemeColor } from 'twenty-ui/theme'; import { FieldMetadataType } from '~/generated-metadata/graphql'; import { filterBySearchQuery } from '~/utils/filterBySearchQuery'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/FieldWidgetFieldDropdownContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/FieldWidgetFieldDropdownContent.tsx index 60d5b29d55..4e497b6331 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/FieldWidgetFieldDropdownContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/FieldWidgetFieldDropdownContent.tsx @@ -21,7 +21,7 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { t } from '@lingui/core/macro'; import { useState } from 'react'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { type FieldConfiguration } from '~/generated-metadata/graphql'; import { filterBySearchQuery } from '~/utils/filterBySearchQuery'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/FieldWidgetLayoutDropdownContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/FieldWidgetLayoutDropdownContent.tsx index 4182822890..5a024b1767 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/FieldWidgetLayoutDropdownContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/dropdown-content/FieldWidgetLayoutDropdownContent.tsx @@ -21,7 +21,7 @@ import { IconLayoutKanban, IconListDetails, IconTable, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { FieldDisplayMode, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-page/SidePanelRecordPageFieldSettings.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-page/SidePanelRecordPageFieldSettings.tsx index 15516d73a7..5a86d1f1e5 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-page/SidePanelRecordPageFieldSettings.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-page/SidePanelRecordPageFieldSettings.tsx @@ -24,7 +24,7 @@ import { IconLayoutSidebarRight, IconList, IconListDetails, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { FieldDisplayMode, type FieldConfiguration, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-page/SidePanelRecordPageFieldsSettings.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-page/SidePanelRecordPageFieldsSettings.tsx index 213044802e..80bb221ced 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-page/SidePanelRecordPageFieldsSettings.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-page/SidePanelRecordPageFieldsSettings.tsx @@ -17,7 +17,7 @@ import { SelectableListItem } from '@/ui/layout/selectable-list/components/Selec import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronDown, IconLayoutSidebarRight } from 'twenty-ui/display'; +import { IconChevronDown, IconLayoutSidebarRight } from 'twenty-ui/icon'; import { type FieldsConfiguration } from '~/generated-metadata/graphql'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableFieldsDropdownHiddenFieldsContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableFieldsDropdownHiddenFieldsContent.tsx index d6a1e48948..46281d7baa 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableFieldsDropdownHiddenFieldsContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableFieldsDropdownHiddenFieldsContent.tsx @@ -11,7 +11,7 @@ import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/Drop import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronLeft, IconEye, useIcons } from 'twenty-ui/display'; +import { IconChevronLeft, IconEye, useIcons } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { v4 } from 'uuid'; import { sortByProperty } from '~/utils/array/sortByProperty'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableFieldsDropdownVisibleFieldsContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableFieldsDropdownVisibleFieldsContent.tsx index 6770535803..075608ad01 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableFieldsDropdownVisibleFieldsContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableFieldsDropdownVisibleFieldsContent.tsx @@ -13,7 +13,7 @@ import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/ import { type DropResult } from '@hello-pangea/dnd'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconEyeOff, useIcons } from 'twenty-ui/display'; +import { IconEyeOff, useIcons } from 'twenty-ui/icon'; import { MenuItemDraggable, MenuItemNavigate } from 'twenty-ui/navigation'; import { sortByProperty } from '~/utils/array/sortByProperty'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableSettingsFieldVisibility.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableSettingsFieldVisibility.tsx index ea66abd997..313a156868 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableSettingsFieldVisibility.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableSettingsFieldVisibility.tsx @@ -6,7 +6,7 @@ import { DraggableList } from '@/ui/layout/draggable-list/components/DraggableLi import { type DropResult } from '@hello-pangea/dnd'; import { styled } from '@linaria/react'; import { useMemo } from 'react'; -import { IconEye, IconEyeOff, useIcons } from 'twenty-ui/display'; +import { IconEye, IconEyeOff, useIcons } from 'twenty-ui/icon'; import { MenuItemDraggable } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableSettingsSorts.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableSettingsSorts.tsx index d193c07046..c263154680 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableSettingsSorts.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableSettingsSorts.tsx @@ -10,7 +10,7 @@ import { InputLabel } from '@/ui/input/components/InputLabel'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { ViewSortDirection } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableSettingsSortsContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableSettingsSortsContent.tsx index 76ed6493c8..77b3463157 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableSettingsSortsContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/components/record-table-settings/RecordTableSettingsSortsContent.tsx @@ -4,7 +4,7 @@ import { useAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useAtomC import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconArrowsSort, IconTrash } from 'twenty-ui/display'; +import { IconArrowsSort, IconTrash } from 'twenty-ui/icon'; import { Button, type SelectOption } from 'twenty-ui/input'; import { Select } from '@/ui/input/components/Select'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/AggregateSortByOptions.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/AggregateSortByOptions.ts index ef34b3d701..96f94704fa 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/AggregateSortByOptions.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/AggregateSortByOptions.ts @@ -2,7 +2,7 @@ import { IconHandMove, IconSortAscending, IconSortDescending, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { GraphOrderBy } from '~/generated-metadata/graphql'; export const AGGREGATE_SORT_BY_OPTIONS = [ diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/GraphTypeInformation.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/GraphTypeInformation.ts index d97b71ebfe..3ca3c6e215 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/GraphTypeInformation.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/GraphTypeInformation.ts @@ -13,7 +13,7 @@ import { IconChartPie, type IconComponent, IconSum, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { BarChartLayout } from '~/generated-metadata/graphql'; export const GRAPH_TYPE_INFORMATION: Record< diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/XSortByOptions.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/XSortByOptions.ts index 4a897a5a01..7b99c9bfa8 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/XSortByOptions.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/XSortByOptions.ts @@ -5,7 +5,7 @@ import { IconSortDescending, IconTrendingDown, IconTrendingUp, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { GraphOrderBy } from '~/generated-metadata/graphql'; type XSortByOption = { diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/AxisNameSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/AxisNameSetting.ts index a0b6bf1d22..b7f5cf04ad 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/AxisNameSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/AxisNameSetting.ts @@ -2,7 +2,7 @@ import { ChartAxisNameSelectionDropdownContent } from '@/side-panel/pages/page-l import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconGizmo } from 'twenty-ui/display'; +import { IconGizmo } from 'twenty-ui/icon'; export const AXIS_NAME_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/CenterMetricSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/CenterMetricSetting.ts index 73bc0fbc75..cde4a9c35d 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/CenterMetricSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/CenterMetricSetting.ts @@ -1,7 +1,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconNumber123 } from 'twenty-ui/display'; +import { IconNumber123 } from 'twenty-ui/icon'; export const CENTER_METRIC_SETTING: ChartSettingsItem = { isBoolean: true, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/ChartDataSourceSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/ChartDataSourceSetting.ts index f70d1d05fa..ba518cc896 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/ChartDataSourceSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/ChartDataSourceSetting.ts @@ -2,7 +2,7 @@ import { ChartDataSourceDropdownContent } from '@/side-panel/pages/page-layout/c import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconDatabase } from 'twenty-ui/display'; +import { IconDatabase } from 'twenty-ui/icon'; export const CHART_DATA_SOURCE_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/ColorsSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/ColorsSetting.ts index 8ed2aa33cb..853a166682 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/ColorsSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/ColorsSetting.ts @@ -3,7 +3,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layo import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; import { GenericDropdownContentWidth } from '@/ui/layout/dropdown/constants/GenericDropdownContentWidth'; -import { IconColorSwatch } from 'twenty-ui/display'; +import { IconColorSwatch } from 'twenty-ui/icon'; export const COLORS_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/CumulativeSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/CumulativeSetting.ts index 684fae2d90..fd6f6e88fd 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/CumulativeSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/CumulativeSetting.ts @@ -1,7 +1,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconChartBarPopular } from 'twenty-ui/display'; +import { IconChartBarPopular } from 'twenty-ui/icon'; export const CUMULATIVE_SETTING: ChartSettingsItem = { isBoolean: true, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayAggregateSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayAggregateSetting.ts index fe6336e56a..9b08bdbede 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayAggregateSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayAggregateSetting.ts @@ -2,7 +2,7 @@ import { ChartFieldSelectionForAggregateOperationDropdownContent } from '@/side- import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconSum } from 'twenty-ui/display'; +import { IconSum } from 'twenty-ui/icon'; export const DATA_DISPLAY_AGGREGATE_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayPieChartSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayPieChartSetting.ts index 140d03eb26..4b9f633575 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayPieChartSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayPieChartSetting.ts @@ -2,7 +2,7 @@ import { ChartPieFieldSelectionDropdownContent } from '@/side-panel/pages/page-l import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconChartPie } from 'twenty-ui/display'; +import { IconChartPie } from 'twenty-ui/icon'; export const DATA_DISPLAY_PIE_CHART_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayXSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayXSetting.ts index 0c4190f1e5..7501f8075f 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayXSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayXSetting.ts @@ -2,7 +2,7 @@ import { ChartXAxisFieldSelectionDropdownContent } from '@/side-panel/pages/page import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconAxisX } from 'twenty-ui/display'; +import { IconAxisX } from 'twenty-ui/icon'; export const DATA_DISPLAY_X_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayYSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayYSetting.ts index 241c580970..91739b55ca 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayYSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataDisplayYSetting.ts @@ -2,7 +2,7 @@ import { ChartFieldSelectionForAggregateOperationDropdownContent } from '@/side- import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconAxisY } from 'twenty-ui/display'; +import { IconAxisY } from 'twenty-ui/icon'; export const DATA_DISPLAY_Y_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataLabelsSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataLabelsSetting.ts index c9f4acf9f3..072bf355b7 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataLabelsSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DataLabelsSetting.ts @@ -1,7 +1,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconBadge2k } from 'twenty-ui/display'; +import { IconBadge2k } from 'twenty-ui/icon'; export const DATA_LABELS_SETTING: ChartSettingsItem = { isBoolean: true, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DateGranularitySetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DateGranularitySetting.ts index 6b1710f7a9..3133999178 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DateGranularitySetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DateGranularitySetting.ts @@ -2,7 +2,7 @@ import { ChartDateGranularitySelectionDropdownContent } from '@/side-panel/pages import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconCalendar } from 'twenty-ui/display'; +import { IconCalendar } from 'twenty-ui/icon'; export const DATE_GRANULARITY_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DateGranularityXSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DateGranularityXSetting.ts index 6e1a3b7696..30a1f2a066 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DateGranularityXSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DateGranularityXSetting.ts @@ -2,7 +2,7 @@ import { ChartDateGranularityXSelectionDropdownContent } from '@/side-panel/page import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconCalendar } from 'twenty-ui/display'; +import { IconCalendar } from 'twenty-ui/icon'; export const DATE_GRANULARITY_X_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DateGranularityYSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DateGranularityYSetting.ts index e7170b34bd..f267910d6f 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DateGranularityYSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/DateGranularityYSetting.ts @@ -2,7 +2,7 @@ import { ChartDateGranularityYSelectionDropdownContent } from '@/side-panel/page import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconCalendar } from 'twenty-ui/display'; +import { IconCalendar } from 'twenty-ui/icon'; export const DATE_GRANULARITY_Y_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/EachSliceRepresentsSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/EachSliceRepresentsSetting.ts index 40955d2a13..0cdfcc71ef 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/EachSliceRepresentsSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/EachSliceRepresentsSetting.ts @@ -2,7 +2,7 @@ import { ChartFieldSelectionForAggregateOperationDropdownContent } from '@/side- import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconChartPie } from 'twenty-ui/display'; +import { IconChartPie } from 'twenty-ui/icon'; export const EACH_SLICE_REPRESENTS_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/FilterSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/FilterSetting.ts index 2d0b614920..49d960fca3 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/FilterSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/FilterSetting.ts @@ -1,7 +1,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconFilter } from 'twenty-ui/display'; +import { IconFilter } from 'twenty-ui/icon'; export const FILTER_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/FormatSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/FormatSetting.ts index 49e2728993..d597e832a9 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/FormatSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/FormatSetting.ts @@ -2,7 +2,7 @@ import { ChartNumberFormatSelectionDropdownContent } from '@/side-panel/pages/pa import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { Icon123 } from 'twenty-ui/display'; +import { Icon123 } from 'twenty-ui/icon'; export const FORMAT_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/GroupBySetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/GroupBySetting.ts index 72b99f54a8..17d728bcd8 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/GroupBySetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/GroupBySetting.ts @@ -2,7 +2,7 @@ import { ChartGroupByFieldSelectionDropdownContent } from '@/side-panel/pages/pa import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconFilters } from 'twenty-ui/display'; +import { IconFilters } from 'twenty-ui/icon'; export const GROUP_BY_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/HideEmptyCategorySetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/HideEmptyCategorySetting.ts index 222081037a..2488dce52f 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/HideEmptyCategorySetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/HideEmptyCategorySetting.ts @@ -1,7 +1,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconEyeOff } from 'twenty-ui/display'; +import { IconEyeOff } from 'twenty-ui/icon'; export const HIDE_EMPTY_CATEGORY_SETTING: ChartSettingsItem = { isBoolean: true, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/OmitNullValuesSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/OmitNullValuesSetting.ts index 76f838b9fb..c9b6e097f0 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/OmitNullValuesSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/OmitNullValuesSetting.ts @@ -1,7 +1,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconEyeOff } from 'twenty-ui/display'; +import { IconEyeOff } from 'twenty-ui/icon'; export const OMIT_NULL_VALUES_SETTING: ChartSettingsItem = { isBoolean: true, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/PrefixSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/PrefixSetting.ts index 7450a78c4b..7c67f233a6 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/PrefixSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/PrefixSetting.ts @@ -2,7 +2,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layo import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; import { msg } from '@lingui/core/macro'; -import { IconCaretLeft } from 'twenty-ui/display'; +import { IconCaretLeft } from 'twenty-ui/icon'; export const PREFIX_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/PrimarySortBySetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/PrimarySortBySetting.ts index 9111dcd06d..7170934ad5 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/PrimarySortBySetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/PrimarySortBySetting.ts @@ -2,7 +2,7 @@ import { ChartSortBySelectionDropdownContent } from '@/side-panel/pages/page-lay import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconArrowsSort } from 'twenty-ui/display'; +import { IconArrowsSort } from 'twenty-ui/icon'; export const PRIMARY_SORT_BY_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/RangeMaxSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/RangeMaxSetting.ts index 60abecc6a6..5a7180e4e8 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/RangeMaxSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/RangeMaxSetting.ts @@ -2,7 +2,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layo import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; import { msg } from '@lingui/core/macro'; -import { IconMathMax } from 'twenty-ui/display'; +import { IconMathMax } from 'twenty-ui/icon'; export const RANGE_MAX_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/RangeMinSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/RangeMinSetting.ts index 6e920816cd..449641ac35 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/RangeMinSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/RangeMinSetting.ts @@ -2,7 +2,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layo import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; import { msg } from '@lingui/core/macro'; -import { IconMathMin } from 'twenty-ui/display'; +import { IconMathMin } from 'twenty-ui/icon'; export const RANGE_MIN_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/ShowLegendSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/ShowLegendSetting.ts index 3f26ab9b04..36791654b1 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/ShowLegendSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/ShowLegendSetting.ts @@ -1,7 +1,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconTextCaption } from 'twenty-ui/display'; +import { IconTextCaption } from 'twenty-ui/icon'; export const SHOW_LEGEND_SETTING: ChartSettingsItem = { isBoolean: true, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SortByGroupByFieldSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SortByGroupByFieldSetting.ts index 394dda0b54..85972afc63 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SortByGroupByFieldSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SortByGroupByFieldSetting.ts @@ -2,7 +2,7 @@ import { ChartSortByGroupByFieldDropdownContent } from '@/side-panel/pages/page- import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconArrowsSort } from 'twenty-ui/display'; +import { IconArrowsSort } from 'twenty-ui/icon'; export const SORT_BY_GROUP_BY_FIELD_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SplitMultiValueFieldsXSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SplitMultiValueFieldsXSetting.ts index ec61c4ad03..908116c5ad 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SplitMultiValueFieldsXSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SplitMultiValueFieldsXSetting.ts @@ -1,7 +1,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconArrowsSplit2 } from 'twenty-ui/display'; +import { IconArrowsSplit2 } from 'twenty-ui/icon'; export const SPLIT_MULTI_VALUE_FIELDS_X_SETTING: ChartSettingsItem = { isBoolean: true, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SplitMultiValueFieldsYSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SplitMultiValueFieldsYSetting.ts index a7e6f66ff4..18834c07bb 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SplitMultiValueFieldsYSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SplitMultiValueFieldsYSetting.ts @@ -1,7 +1,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconArrowsSplit2 } from 'twenty-ui/display'; +import { IconArrowsSplit2 } from 'twenty-ui/icon'; export const SPLIT_MULTI_VALUE_FIELDS_Y_SETTING: ChartSettingsItem = { isBoolean: true, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/StackedBarsSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/StackedBarsSetting.ts index 50298477a9..3a3fa526a9 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/StackedBarsSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/StackedBarsSetting.ts @@ -1,7 +1,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconStack2 } from 'twenty-ui/display'; +import { IconStack2 } from 'twenty-ui/icon'; export const STACKED_BARS_SETTING: ChartSettingsItem = { isBoolean: true, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/StackedLineSettings.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/StackedLineSettings.ts index 20c82a5885..eb37a4a747 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/StackedLineSettings.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/StackedLineSettings.ts @@ -1,7 +1,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layout/constants/settings/ChartConfigurationSettingLabels'; import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconStack2 } from 'twenty-ui/display'; +import { IconStack2 } from 'twenty-ui/icon'; export const STACKED_LINES_SETTING: ChartSettingsItem = { isBoolean: true, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SuffixSetting.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SuffixSetting.ts index 6f609f8a3d..7ee5f49315 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SuffixSetting.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/constants/settings/SuffixSetting.ts @@ -2,7 +2,7 @@ import { CHART_CONFIGURATION_SETTING_LABELS } from '@/side-panel/pages/page-layo import { CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type ChartSettingsItem } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; import { msg } from '@lingui/core/macro'; -import { IconCaretRight } from 'twenty-ui/display'; +import { IconCaretRight } from 'twenty-ui/icon'; export const SUFFIX_SETTING: ChartSettingsItem = { isBoolean: false, diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/hooks/useNavigatePageLayoutSidePanel.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/hooks/useNavigatePageLayoutSidePanel.ts index 1e5161228f..41fe943c86 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/hooks/useNavigatePageLayoutSidePanel.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/hooks/useNavigatePageLayoutSidePanel.ts @@ -4,7 +4,7 @@ import { getPageLayoutIcon } from '@/side-panel/pages/page-layout/utils/getPageL import { getPageLayoutPageTitle } from '@/side-panel/pages/page-layout/utils/getPageLayoutPageTitle'; import { useCallback } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; type NavigatePageLayoutSidePanelProps = { sidePanelPage: PageLayoutSidePanelPage; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/types/ChartSettingsGroup.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/types/ChartSettingsGroup.ts index 9fe1dd2ecf..5619bf1f06 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/types/ChartSettingsGroup.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/types/ChartSettingsGroup.ts @@ -1,7 +1,7 @@ import { type CHART_CONFIGURATION_SETTING_IDS } from '@/side-panel/pages/page-layout/types/ChartConfigurationSettingIds'; import { type MessageDescriptor } from '@lingui/core'; import { type ComponentType } from 'react'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; export type ChartSettingsGroup = { heading: MessageDescriptor; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/__tests__/getBarChartSettings.test.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/__tests__/getBarChartSettings.test.ts index 951fa427ee..ded0b70abc 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/__tests__/getBarChartSettings.test.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/__tests__/getBarChartSettings.test.ts @@ -18,7 +18,7 @@ import { SHOW_LEGEND_SETTING } from '@/side-panel/pages/page-layout/constants/se import { SORT_BY_GROUP_BY_FIELD_SETTING } from '@/side-panel/pages/page-layout/constants/settings/SortByGroupByFieldSetting'; import { STACKED_BARS_SETTING } from '@/side-panel/pages/page-layout/constants/settings/StackedBarsSetting'; import { getBarChartSettings } from '@/side-panel/pages/page-layout/utils/getBarChartSettings'; -import { IconAxisX, IconAxisY } from 'twenty-ui/display'; +import { IconAxisX, IconAxisY } from 'twenty-ui/icon'; import { BarChartLayout } from '~/generated-metadata/graphql'; describe('getBarChartSettings', () => { diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/__tests__/getSortIconForFieldType.test.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/__tests__/getSortIconForFieldType.test.ts index d812436d62..4fc7f7fdd6 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/__tests__/getSortIconForFieldType.test.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/__tests__/getSortIconForFieldType.test.ts @@ -6,7 +6,7 @@ import { IconSortDescending, IconSortDescendingLetters, IconSortDescendingNumbers, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { getSortIconForFieldType } from '@/side-panel/pages/page-layout/utils/getSortIconForFieldType'; import { GraphOrderBy } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/__tests__/shouldHideChartSetting.test.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/__tests__/shouldHideChartSetting.test.ts index 9514882a71..f2df55da8d 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/__tests__/shouldHideChartSetting.test.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/__tests__/shouldHideChartSetting.test.ts @@ -5,7 +5,7 @@ import { shouldHideChartSetting } from '@/side-panel/pages/page-layout/utils/sho import { type EnrichedObjectMetadataItem } from '@/object-metadata/types/EnrichedObjectMetadataItem'; import { msg } from '@lingui/core/macro'; import { FieldMetadataType } from 'twenty-shared/types'; -import { IconChartBar } from 'twenty-ui/display'; +import { IconChartBar } from 'twenty-ui/icon'; describe('shouldHideChartSetting', () => { const mockItemWithoutDependencies: ChartSettingsItem = { diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/filterSortOptionsByFieldType.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/filterSortOptionsByFieldType.ts index b075e5a20a..8f538ba791 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/filterSortOptionsByFieldType.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/filterSortOptionsByFieldType.ts @@ -3,7 +3,7 @@ import { isFieldMetadataDateKind, isFieldMetadataSelectKind, } from 'twenty-shared/utils'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { GraphOrderBy } from '~/generated-metadata/graphql'; export type SortOption = { diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/getBarChartSettings.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/getBarChartSettings.ts index 51a1a64bb1..882be44440 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/getBarChartSettings.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/getBarChartSettings.ts @@ -20,7 +20,7 @@ import { SPLIT_MULTI_VALUE_FIELDS_X_SETTING } from '@/side-panel/pages/page-layo import { SPLIT_MULTI_VALUE_FIELDS_Y_SETTING } from '@/side-panel/pages/page-layout/constants/settings/SplitMultiValueFieldsYSetting'; import { STACKED_BARS_SETTING } from '@/side-panel/pages/page-layout/constants/settings/StackedBarsSetting'; import { type ChartSettingsGroup } from '@/side-panel/pages/page-layout/types/ChartSettingsGroup'; -import { IconAxisX, IconAxisY } from 'twenty-ui/display'; +import { IconAxisX, IconAxisY } from 'twenty-ui/icon'; import { BarChartLayout } from '~/generated-metadata/graphql'; export const getBarChartSettings = ( diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/getPageLayoutIcon.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/getPageLayoutIcon.ts index 90fe4c9350..726115f67e 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/getPageLayoutIcon.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/getPageLayoutIcon.ts @@ -8,7 +8,7 @@ import { IconList, IconPlus, IconTable, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export const getPageLayoutIcon = (page: PageLayoutSidePanelPage) => { switch (page) { diff --git a/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/getSortIconForFieldType.ts b/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/getSortIconForFieldType.ts index d1aec08039..09f49b8682 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/getSortIconForFieldType.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/page-layout/utils/getSortIconForFieldType.ts @@ -11,7 +11,7 @@ import { IconSortDescending, IconSortDescendingLetters, IconSortDescendingNumbers, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { GraphOrderBy } from '~/generated-metadata/graphql'; export const getSortIconForFieldType = ({ diff --git a/packages/twenty-front/src/modules/side-panel/pages/search/components/SidePanelSearchRecordsPage.tsx b/packages/twenty-front/src/modules/side-panel/pages/search/components/SidePanelSearchRecordsPage.tsx index a13cf2eccf..bbf90e8727 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/search/components/SidePanelSearchRecordsPage.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/search/components/SidePanelSearchRecordsPage.tsx @@ -9,7 +9,7 @@ import { useMemo } from 'react'; import { useNavigate } from 'react-router-dom'; import { CoreObjectNameSingular, AppPath } from 'twenty-shared/types'; import { getAppPath } from 'twenty-shared/utils'; -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { useLingui } from '@lingui/react/macro'; export const SidePanelSearchRecordsPage = () => { diff --git a/packages/twenty-front/src/modules/side-panel/pages/workflow/action/components/WorkflowActionMenuItems.tsx b/packages/twenty-front/src/modules/side-panel/pages/workflow/action/components/WorkflowActionMenuItems.tsx index 9f3595df83..bd2b7fa862 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/workflow/action/components/WorkflowActionMenuItems.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/workflow/action/components/WorkflowActionMenuItems.tsx @@ -1,6 +1,6 @@ import { type WorkflowActionType } from '@/workflow/types/Workflow'; import { getActionIconColorOrThrow } from '@/workflow/workflow-steps/workflow-actions/utils/getActionIconColorOrThrow'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; type Action = { diff --git a/packages/twenty-front/src/modules/side-panel/pages/workflow/hooks/useSidePanelWorkflowNavigation.ts b/packages/twenty-front/src/modules/side-panel/pages/workflow/hooks/useSidePanelWorkflowNavigation.ts index ac19187b74..4af1ebf9d6 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/workflow/hooks/useSidePanelWorkflowNavigation.ts +++ b/packages/twenty-front/src/modules/side-panel/pages/workflow/hooks/useSidePanelWorkflowNavigation.ts @@ -14,7 +14,7 @@ import { IconBolt, type IconComponent, IconSettingsAutomation, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { v4 } from 'uuid'; import { useStore } from 'jotai'; diff --git a/packages/twenty-front/src/modules/side-panel/pages/workflow/step/create/components/SidePanelWorkflowCreateStepContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/workflow/step/create/components/SidePanelWorkflowCreateStepContent.tsx index c94fe80c2c..c33d5b013a 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/workflow/step/create/components/SidePanelWorkflowCreateStepContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/workflow/step/create/components/SidePanelWorkflowCreateStepContent.tsx @@ -20,7 +20,7 @@ import { prepareIfElseStepWithNewBranch } from '@/workflow/workflow-steps/workfl import { getActionIcon } from '@/workflow/workflow-steps/workflow-actions/utils/getActionIcon'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; export const SidePanelWorkflowCreateStepContent = () => { const { getIcon } = useIcons(); diff --git a/packages/twenty-front/src/modules/side-panel/pages/workflow/step/edit/components/SidePanelWorkflowEditStepTypeContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/workflow/step/edit/components/SidePanelWorkflowEditStepTypeContent.tsx index 31902795f0..25e484a5b5 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/workflow/step/edit/components/SidePanelWorkflowEditStepTypeContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/workflow/step/edit/components/SidePanelWorkflowEditStepTypeContent.tsx @@ -17,7 +17,7 @@ import { useUpdateStep } from '@/workflow/workflow-steps/hooks/useUpdateStep'; import { getActionIcon } from '@/workflow/workflow-steps/workflow-actions/utils/getActionIcon'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; export const SidePanelWorkflowEditStepTypeContent = () => { const { getIcon } = useIcons(); diff --git a/packages/twenty-front/src/modules/side-panel/pages/workflow/step/view-run/components/SidePanelWorkflowRunViewStepContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/workflow/step/view-run/components/SidePanelWorkflowRunViewStepContent.tsx index d9963af243..188b9a8870 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/workflow/step/view-run/components/SidePanelWorkflowRunViewStepContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/workflow/step/view-run/components/SidePanelWorkflowRunViewStepContent.tsx @@ -32,7 +32,7 @@ import { IconLogout, IconStepInto, IconTerminal, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/side-panel/pages/workflow/trigger-type/components/SidePanelWorkflowSelectTriggerTypeContent.tsx b/packages/twenty-front/src/modules/side-panel/pages/workflow/trigger-type/components/SidePanelWorkflowSelectTriggerTypeContent.tsx index 4b0155f907..4b7e18bb90 100644 --- a/packages/twenty-front/src/modules/side-panel/pages/workflow/trigger-type/components/SidePanelWorkflowSelectTriggerTypeContent.tsx +++ b/packages/twenty-front/src/modules/side-panel/pages/workflow/trigger-type/components/SidePanelWorkflowSelectTriggerTypeContent.tsx @@ -17,7 +17,7 @@ import { getTriggerDefaultDefinition } from '@/workflow/workflow-trigger/utils/g import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; import { TRIGGER_STEP_ID } from 'twenty-shared/workflow'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { useContext } from 'react'; import { MenuItem } from 'twenty-ui/navigation'; import { ThemeContext } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/side-panel/states/sidePanelNavigationStackState.ts b/packages/twenty-front/src/modules/side-panel/states/sidePanelNavigationStackState.ts index 5d16be87f4..beb416ba0f 100644 --- a/packages/twenty-front/src/modules/side-panel/states/sidePanelNavigationStackState.ts +++ b/packages/twenty-front/src/modules/side-panel/states/sidePanelNavigationStackState.ts @@ -1,6 +1,6 @@ import { createAtomState } from '@/ui/utilities/state/jotai/utils/createAtomState'; import { type SidePanelPages } from 'twenty-shared/types'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; export type SidePanelNavigationStackItem = { page: SidePanelPages; diff --git a/packages/twenty-front/src/modules/side-panel/states/sidePanelPageInfoState.ts b/packages/twenty-front/src/modules/side-panel/states/sidePanelPageInfoState.ts index e1a6b70173..fb44209f9e 100644 --- a/packages/twenty-front/src/modules/side-panel/states/sidePanelPageInfoState.ts +++ b/packages/twenty-front/src/modules/side-panel/states/sidePanelPageInfoState.ts @@ -1,5 +1,5 @@ import { createAtomState } from '@/ui/utilities/state/jotai/utils/createAtomState'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; export const sidePanelPageInfoState = createAtomState<{ title?: string; diff --git a/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockNavigationDrawer.tsx b/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockNavigationDrawer.tsx index 7f5240dd9f..ab21c5d97a 100644 --- a/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockNavigationDrawer.tsx +++ b/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockNavigationDrawer.tsx @@ -2,7 +2,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconSearch, IconSettings } from 'twenty-ui/display'; +import { IconSearch, IconSettings } from 'twenty-ui/icon'; import { getOsControlSymbol, useIsMobile } from 'twenty-ui/utilities'; import { BACKGROUND_MOCK_WORKSPACE_ITEMS } from '@/sign-in-background-mock/constants/BackgroundMockNavigationItems'; diff --git a/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockPage.tsx b/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockPage.tsx index 3f72053ac2..6bde4e2345 100644 --- a/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockPage.tsx +++ b/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockPage.tsx @@ -1,12 +1,12 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; +import { TintedIconTile } from 'twenty-ui/data-display'; import { IconBuildingSkyscraper, IconDotsVertical, IconLayoutSidebarRight, IconPlus, - TintedIconTile, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { Button, LightIconButton } from 'twenty-ui/input'; import { BackgroundMockTable } from '@/sign-in-background-mock/components/BackgroundMockTable'; diff --git a/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockTable.tsx b/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockTable.tsx index b5fcc13b10..f3f12ea4c8 100644 --- a/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockTable.tsx +++ b/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockTable.tsx @@ -5,12 +5,8 @@ import { BackgroundMockTableRow } from '@/sign-in-background-mock/components/Bac import { BACKGROUND_MOCK_COLUMNS } from '@/sign-in-background-mock/constants/BackgroundMockColumns'; import { BACKGROUND_MOCK_COMPANIES } from '@/sign-in-background-mock/constants/BackgroundMockCompanies'; import { BACKGROUND_MOCK_TABLE_DIMENSIONS } from '@/sign-in-background-mock/constants/BackgroundMockTableDimensions'; -import { - IconChevronDown, - IconPlus, - OverflowingTextWithTooltip, - useIcons, -} from 'twenty-ui/display'; +import { IconChevronDown, IconPlus, useIcons } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { Checkbox } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockTableRow.tsx b/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockTableRow.tsx index bf47fb1269..a4f1f52e64 100644 --- a/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockTableRow.tsx +++ b/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockTableRow.tsx @@ -4,9 +4,15 @@ import { useContext } from 'react'; import { type BackgroundMockCompany } from '@/sign-in-background-mock/constants/BackgroundMockCompanies'; import { BACKGROUND_MOCK_COLUMN_WIDTHS } from '@/sign-in-background-mock/constants/BackgroundMockColumnWidths'; import { BACKGROUND_MOCK_TABLE_DIMENSIONS } from '@/sign-in-background-mock/constants/BackgroundMockTableDimensions'; -import { Avatar, IconLink } from 'twenty-ui/display'; +import { + Avatar, + Chip, + ChipAccent, + ChipSize, + ChipVariant, +} from 'twenty-ui/data-display'; +import { IconLink } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; -import { Chip, ChipAccent, ChipSize, ChipVariant } from 'twenty-ui/components'; import { Checkbox } from 'twenty-ui/input'; import { getLogoUrlFromDomainName } from 'twenty-shared/utils'; diff --git a/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockViewBar.tsx b/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockViewBar.tsx index b8608af410..18efdbbaa8 100644 --- a/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockViewBar.tsx +++ b/packages/twenty-front/src/modules/sign-in-background-mock/components/BackgroundMockViewBar.tsx @@ -2,11 +2,8 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; import { TopBar } from '@/ui/layout/top-bar/components/TopBar'; -import { - IconBuildingSkyscraper, - IconChevronDown, - TintedIconTile, -} from 'twenty-ui/display'; +import { TintedIconTile } from 'twenty-ui/data-display'; +import { IconBuildingSkyscraper, IconChevronDown } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledViewPicker = styled.div` diff --git a/packages/twenty-front/src/modules/sign-in-background-mock/constants/BackgroundMockNavigationItems.ts b/packages/twenty-front/src/modules/sign-in-background-mock/constants/BackgroundMockNavigationItems.ts index 331361967c..6ea7ba51c1 100644 --- a/packages/twenty-front/src/modules/sign-in-background-mock/constants/BackgroundMockNavigationItems.ts +++ b/packages/twenty-front/src/modules/sign-in-background-mock/constants/BackgroundMockNavigationItems.ts @@ -12,7 +12,7 @@ import { IconTargetArrow, IconUser, IconUserCircle, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { type ThemeColor } from 'twenty-ui/theme'; export type BackgroundMockNavigationItem = { diff --git a/packages/twenty-front/src/modules/sign-in-background-mock/constants/BackgroundMockOtherItems.ts b/packages/twenty-front/src/modules/sign-in-background-mock/constants/BackgroundMockOtherItems.ts index a62f487169..b79c1ebb4d 100644 --- a/packages/twenty-front/src/modules/sign-in-background-mock/constants/BackgroundMockOtherItems.ts +++ b/packages/twenty-front/src/modules/sign-in-background-mock/constants/BackgroundMockOtherItems.ts @@ -1,4 +1,4 @@ -import { IconFileText, IconSettings } from 'twenty-ui/display'; +import { IconFileText, IconSettings } from 'twenty-ui/icon'; import { type BackgroundMockNavigationItem } from '@/sign-in-background-mock/constants/BackgroundMockNavigationItems'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/components/MatchColumnSelectFieldSelectDropdownContent.tsx b/packages/twenty-front/src/modules/spreadsheet-import/components/MatchColumnSelectFieldSelectDropdownContent.tsx index ea3ce68da9..11d0447c86 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/components/MatchColumnSelectFieldSelectDropdownContent.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/components/MatchColumnSelectFieldSelectDropdownContent.tsx @@ -17,7 +17,7 @@ import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { isNonEmptyString } from '@sniptt/guards'; -import { IconForbid, IconX, useIcons } from 'twenty-ui/display'; +import { IconForbid, IconX, useIcons } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { type ReadonlyDeep } from 'type-fest'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/components/MatchColumnSelectSubFieldSelectDropdownContent.tsx b/packages/twenty-front/src/modules/spreadsheet-import/components/MatchColumnSelectSubFieldSelectDropdownContent.tsx index d94cf6f080..d95cb2385c 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/components/MatchColumnSelectSubFieldSelectDropdownContent.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/components/MatchColumnSelectSubFieldSelectDropdownContent.tsx @@ -10,7 +10,8 @@ import { DropdownMenuSearchInput } from '@/ui/layout/dropdown/components/Dropdow import { DropdownMenuSeparator } from '@/ui/layout/dropdown/components/DropdownMenuSeparator'; import { GenericDropdownContentWidth } from '@/ui/layout/dropdown/constants/GenericDropdownContentWidth'; import { useState } from 'react'; -import { IconChevronLeft, OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { MenuItem } from 'twenty-ui/navigation'; export const MatchColumnSelectSubFieldSelectDropdownContent = ({ diff --git a/packages/twenty-front/src/modules/spreadsheet-import/components/MatchColumnToFieldSelect.tsx b/packages/twenty-front/src/modules/spreadsheet-import/components/MatchColumnToFieldSelect.tsx index a50e0b20ba..033e5fa761 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/components/MatchColumnToFieldSelect.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/components/MatchColumnToFieldSelect.tsx @@ -13,7 +13,7 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { styled } from '@linaria/react'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronDown } from 'twenty-ui/display'; +import { IconChevronDown } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/components/SpreadSheetImportModalCloseButton.tsx b/packages/twenty-front/src/modules/spreadsheet-import/components/SpreadSheetImportModalCloseButton.tsx index b48f0693c2..d7d0b3bd1f 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/components/SpreadSheetImportModalCloseButton.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/components/SpreadSheetImportModalCloseButton.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; -import { IconX } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; const StyledCloseButtonContainer = styled.div` diff --git a/packages/twenty-front/src/modules/spreadsheet-import/components/StepNavigationButton.tsx b/packages/twenty-front/src/modules/spreadsheet-import/components/StepNavigationButton.tsx index 24b77b6458..10bcdab2f8 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/components/StepNavigationButton.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/components/StepNavigationButton.tsx @@ -4,7 +4,7 @@ import { themeCssVariables } from 'twenty-ui/theme-constants'; import { t } from '@lingui/core/macro'; import { CircularProgressBar } from 'twenty-ui/feedback'; import { MainButton } from 'twenty-ui/input'; -import { ModalFooter } from 'twenty-ui/layout'; +import { ModalFooter } from 'twenty-ui/surfaces'; import { isUndefinedOrNull } from '~/utils/isUndefinedOrNull'; const StyledFooterContainer = styled.div` diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ImportDataStep.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ImportDataStep.tsx index 05cca8ce0c..1a069d5e7d 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ImportDataStep.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ImportDataStep.tsx @@ -3,7 +3,7 @@ import { StepNavigationButton } from '@/spreadsheet-import/components/StepNaviga import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal'; import { spreadsheetImportCreatedRecordsProgressState } from '@/spreadsheet-import/states/spreadsheetImportCreatedRecordsProgressState'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { styled } from '@linaria/react'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { t } from '@lingui/core/macro'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/MatchColumnsStep.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/MatchColumnsStep.tsx index eccf420a6b..68e849f529 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/MatchColumnsStep.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/MatchColumnsStep.tsx @@ -14,7 +14,7 @@ import { setIgnoreColumn } from '@/spreadsheet-import/utils/setIgnoreColumn'; import { setSubColumn } from '@/spreadsheet-import/utils/setSubColumn'; import { useDialogManager } from '@/ui/feedback/dialog-manager/hooks/useDialogManager'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { DO_NOT_IMPORT_OPTION_KEY } from '@/spreadsheet-import/constants/DoNotImportOptionKey'; import { ColumnGrid } from '@/spreadsheet-import/steps/components/MatchColumnsStep/components/ColumnGrid'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/SubMatchingSelectDropdownButton.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/SubMatchingSelectDropdownButton.tsx index bef6a83521..a0b740deb6 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/SubMatchingSelectDropdownButton.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/SubMatchingSelectDropdownButton.tsx @@ -10,8 +10,8 @@ import { getFieldOptions } from '@/spreadsheet-import/utils/getFieldOptions'; import { styled } from '@linaria/react'; import { useContext } from 'react'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; -import { Tag, type TagColor } from 'twenty-ui/components'; -import { IconChevronDown } from 'twenty-ui/display'; +import { Tag, type TagColor } from 'twenty-ui/data-display'; +import { IconChevronDown } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; const StyledIconChevronDownContainer = styled.div` color: ${themeCssVariables.font.color.tertiary}; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/SubMatchingSelectInput.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/SubMatchingSelectInput.tsx index 82ff952671..dd7509c864 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/SubMatchingSelectInput.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/SubMatchingSelectInput.tsx @@ -3,7 +3,7 @@ import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/Drop import { DropdownMenuSearchInput } from '@/ui/layout/dropdown/components/DropdownMenuSearchInput'; import { DropdownMenuSeparator } from '@/ui/layout/dropdown/components/DropdownMenuSeparator'; import { useMemo, useRef, useState } from 'react'; -import { type TagColor } from 'twenty-ui/components'; +import { type TagColor } from 'twenty-ui/data-display'; import { type SelectOption } from 'twenty-ui/input'; import { MenuItemSelectTag } from 'twenty-ui/navigation'; import { normalizeSearchText } from '~/utils/normalizeSearchText'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/TemplateColumn.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/TemplateColumn.tsx index 30e7c3fcc8..f53a83c453 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/TemplateColumn.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/TemplateColumn.tsx @@ -10,7 +10,7 @@ import { type SpreadsheetColumns } from '@/spreadsheet-import/types/SpreadsheetC import { spreadsheetImportBuildFieldOptions } from '@/spreadsheet-import/utils/spreadsheetImportBuildFieldOptions'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useLingui } from '@lingui/react/macro'; -import { IconForbid } from 'twenty-ui/display'; +import { IconForbid } from 'twenty-ui/icon'; const StyledContainer = styled.div` display: flex; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/UnmatchColumnBanner.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/UnmatchColumnBanner.tsx index 9b5e4d9b5e..e40ff658ce 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/UnmatchColumnBanner.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/UnmatchColumnBanner.tsx @@ -1,6 +1,7 @@ import { styled } from '@linaria/react'; import { isDefined } from 'twenty-shared/utils'; -import { Banner, IconChevronDown, IconInfoCircle } from 'twenty-ui/display'; +import { Banner } from 'twenty-ui/feedback'; +import { IconChevronDown, IconInfoCircle } from 'twenty-ui/icon'; import { useContext } from 'react'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SelectHeaderStep/SelectHeaderStep.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SelectHeaderStep/SelectHeaderStep.tsx index 70212aa6d1..70f5d3be70 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SelectHeaderStep/SelectHeaderStep.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SelectHeaderStep/SelectHeaderStep.tsx @@ -6,7 +6,7 @@ import { Heading } from '@/spreadsheet-import/components/Heading'; import { StepNavigationButton } from '@/spreadsheet-import/components/StepNavigationButton'; import { type ImportedRow } from '@/spreadsheet-import/types'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { useComputeColumnSuggestionsAndAutoMatch } from '@/spreadsheet-import/hooks/useComputeColumnSuggestionsAndAutoMatch'; import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SelectSheetStep/SelectSheetStep.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SelectSheetStep/SelectSheetStep.tsx index 768eccbf40..55f4f9408e 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SelectSheetStep/SelectSheetStep.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SelectSheetStep/SelectSheetStep.tsx @@ -9,7 +9,7 @@ import { SpreadsheetImportStepType } from '@/spreadsheet-import/steps/types/Spre import { exceedsMaxRecords } from '@/spreadsheet-import/utils/exceedsMaxRecords'; import { mapWorkbook } from '@/spreadsheet-import/utils/mapWorkbook'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { useLingui } from '@lingui/react/macro'; import { Radio } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SpreadsheetImportStepper.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SpreadsheetImportStepper.tsx index d7d4e166c8..2ab946d85c 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SpreadsheetImportStepper.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SpreadsheetImportStepper.tsx @@ -1,7 +1,7 @@ import { useCallback, useContext, useState } from 'react'; import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal'; import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { ImportDataStep } from '@/spreadsheet-import/steps/components/ImportDataStep'; import { type SpreadsheetImportStep } from '@/spreadsheet-import/steps/types/SpreadsheetImportStep'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SpreadsheetImportStepperContainer.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SpreadsheetImportStepperContainer.tsx index 0386f0f749..18e91c14bf 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SpreadsheetImportStepperContainer.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/SpreadsheetImportStepperContainer.tsx @@ -8,7 +8,7 @@ import { spreadsheetImportDialogState } from '@/spreadsheet-import/states/spread import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useLingui } from '@lingui/react/macro'; import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { ModalHeader } from 'twenty-ui/layout'; +import { ModalHeader } from 'twenty-ui/surfaces'; import { SpreadsheetImportStepper } from './SpreadsheetImportStepper'; export const SpreadsheetImportStepperContainer = () => { diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/UploadStep/UploadStep.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/UploadStep/UploadStep.tsx index 18e47f28fe..a9550b0d5b 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/UploadStep/UploadStep.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/UploadStep/UploadStep.tsx @@ -2,7 +2,7 @@ import { t } from '@lingui/core/macro'; import { useCallback, useState } from 'react'; import { type WorkBook } from 'xlsx-ugnis'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { useComputeColumnSuggestionsAndAutoMatch } from '@/spreadsheet-import/hooks/useComputeColumnSuggestionsAndAutoMatch'; import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx index 3c1728d137..6ca041f539 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx @@ -21,11 +21,11 @@ import { useMemo, useState, } from 'react'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { type RowsChangeData } from 'react-data-grid'; import { isDefined } from 'twenty-shared/utils'; -import { IconTrash } from 'twenty-ui/display'; +import { IconTrash } from 'twenty-ui/icon'; import { Button, Toggle } from 'twenty-ui/input'; import { generateColumns } from './components/columns'; import { type ImportedStructuredRowMetadata } from './types'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/components/columns.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/components/columns.tsx index d35475a85b..b36873472b 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/components/columns.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/components/columns.tsx @@ -12,7 +12,7 @@ import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; import camelCase from 'lodash.camelcase'; import { isDefined } from 'twenty-shared/utils'; -import { AppTooltip, TooltipDelay } from 'twenty-ui/display'; +import { AppTooltip, TooltipDelay } from 'twenty-ui/surfaces'; import { Checkbox, CheckboxVariant, Toggle } from 'twenty-ui/input'; import { type ImportedStructuredRowMetadata } from '@/spreadsheet-import/steps/components/ValidationStep/types'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/types/SpreadsheetImportField.ts b/packages/twenty-front/src/modules/spreadsheet-import/types/SpreadsheetImportField.ts index 03e4b61893..96531c0023 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/types/SpreadsheetImportField.ts +++ b/packages/twenty-front/src/modules/spreadsheet-import/types/SpreadsheetImportField.ts @@ -2,7 +2,7 @@ import { type FieldMetadataItem } from '@/object-metadata/types/FieldMetadataIte import { type SpreadsheetImportFieldType } from '@/spreadsheet-import/types/SpreadsheetImportFieldType'; import { type SpreadsheetImportFieldValidationDefinition } from '@/spreadsheet-import/types/SpreadsheetImportFieldValidationDefinition'; import { type FieldMetadataType } from 'twenty-shared/types'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; export type SpreadsheetImportField = { // Icon diff --git a/packages/twenty-front/src/modules/spreadsheet-import/types/SpreadsheetImportFieldOption.ts b/packages/twenty-front/src/modules/spreadsheet-import/types/SpreadsheetImportFieldOption.ts index 61f5e8430f..bf8dcb7831 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/types/SpreadsheetImportFieldOption.ts +++ b/packages/twenty-front/src/modules/spreadsheet-import/types/SpreadsheetImportFieldOption.ts @@ -1,4 +1,4 @@ -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; export type SpreadsheetImportFieldOption = { Icon: IconComponent | null | undefined; diff --git a/packages/twenty-front/src/modules/ui/display/components/LinkifiedTextBody.tsx b/packages/twenty-front/src/modules/ui/display/components/LinkifiedTextBody.tsx index 5f6c92991e..eed1ee7924 100644 --- a/packages/twenty-front/src/modules/ui/display/components/LinkifiedTextBody.tsx +++ b/packages/twenty-front/src/modules/ui/display/components/LinkifiedTextBody.tsx @@ -2,7 +2,7 @@ import { styled } from '@linaria/react'; import { motion } from 'framer-motion'; import Linkify from 'linkify-react'; import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { AnimatedEaseInOut } from 'twenty-ui/utilities'; +import { AnimatedEaseInOut } from 'twenty-ui/layout'; const StyledTextBody = styled(motion.div)` color: ${themeCssVariables.font.color.primary}; diff --git a/packages/twenty-front/src/modules/ui/feedback/snack-bar-manager/components/SnackBar.tsx b/packages/twenty-front/src/modules/ui/feedback/snack-bar-manager/components/SnackBar.tsx index fae8bdd6c8..c66bf79257 100644 --- a/packages/twenty-front/src/modules/ui/feedback/snack-bar-manager/components/SnackBar.tsx +++ b/packages/twenty-front/src/modules/ui/feedback/snack-bar-manager/components/SnackBar.tsx @@ -11,12 +11,12 @@ import { } from 'react'; import { isDefined } from 'twenty-shared/utils'; import { - HorizontalSeparator, IconAlertTriangle, IconInfoCircle, IconSquareRoundedCheck, IconX, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { ProgressBar, useProgressAnimation } from 'twenty-ui/feedback'; import { LightButton, LightIconButton } from 'twenty-ui/input'; import { UndecoratedLink } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/ui/field/display/components/ActorDisplay.tsx b/packages/twenty-front/src/modules/ui/field/display/components/ActorDisplay.tsx index ac59455847..e2ade727fa 100644 --- a/packages/twenty-front/src/modules/ui/field/display/components/ActorDisplay.tsx +++ b/packages/twenty-front/src/modules/ui/field/display/components/ActorDisplay.tsx @@ -2,7 +2,7 @@ import { type FieldActorValue } from '@/object-record/record-field/ui/types/Fiel import { t } from '@lingui/core/macro'; import { ConnectedAccountProvider } from 'twenty-shared/types'; -import { AvatarOrIcon, Chip, ChipVariant } from 'twenty-ui/components'; +import { AvatarOrIcon, Chip, ChipVariant } from 'twenty-ui/data-display'; import { IconApi, IconCalendar, @@ -17,7 +17,7 @@ import { IconUpload, IconWebhook, type IconComponent, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; type ActorDisplayProps = Partial & { avatarUrl?: string | null; diff --git a/packages/twenty-front/src/modules/ui/field/display/components/ArrayDisplay.tsx b/packages/twenty-front/src/modules/ui/field/display/components/ArrayDisplay.tsx index 44abaede94..faa6cac280 100644 --- a/packages/twenty-front/src/modules/ui/field/display/components/ArrayDisplay.tsx +++ b/packages/twenty-front/src/modules/ui/field/display/components/ArrayDisplay.tsx @@ -1,7 +1,7 @@ import { type FieldArrayValue } from '@/object-record/record-field/ui/types/FieldMetadata'; import { ExpandableList } from '@/ui/layout/expandable-list/components/ExpandableList'; import { t } from '@lingui/core/macro'; -import { Chip, ChipVariant } from 'twenty-ui/components'; +import { Chip, ChipVariant } from 'twenty-ui/data-display'; type ArrayDisplayProps = { value: FieldArrayValue; diff --git a/packages/twenty-front/src/modules/ui/field/display/components/BooleanDisplay.tsx b/packages/twenty-front/src/modules/ui/field/display/components/BooleanDisplay.tsx index faa489647f..25dd65a914 100644 --- a/packages/twenty-front/src/modules/ui/field/display/components/BooleanDisplay.tsx +++ b/packages/twenty-front/src/modules/ui/field/display/components/BooleanDisplay.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconCheck, IconX } from 'twenty-ui/display'; +import { IconCheck, IconX } from 'twenty-ui/icon'; const iconSizeSm = 14; const StyledBooleanFieldValue = styled.div` diff --git a/packages/twenty-front/src/modules/ui/field/display/components/CurrencyDisplay.tsx b/packages/twenty-front/src/modules/ui/field/display/components/CurrencyDisplay.tsx index d374a8148b..1c953c0885 100644 --- a/packages/twenty-front/src/modules/ui/field/display/components/CurrencyDisplay.tsx +++ b/packages/twenty-front/src/modules/ui/field/display/components/CurrencyDisplay.tsx @@ -1,7 +1,7 @@ import { useContext, useId, useState } from 'react'; import { createPortal } from 'react-dom'; import { styled } from '@linaria/react'; -import { AppTooltip, TooltipDelay, TooltipPosition } from 'twenty-ui/display'; +import { AppTooltip, TooltipDelay, TooltipPosition } from 'twenty-ui/surfaces'; import { ThemeContext } from 'twenty-ui/theme-constants'; import { isDefined, formatToShortNumber } from 'twenty-shared/utils'; diff --git a/packages/twenty-front/src/modules/ui/field/display/components/FileChip.tsx b/packages/twenty-front/src/modules/ui/field/display/components/FileChip.tsx index 015a6f7533..1a10d82f1d 100644 --- a/packages/twenty-front/src/modules/ui/field/display/components/FileChip.tsx +++ b/packages/twenty-front/src/modules/ui/field/display/components/FileChip.tsx @@ -5,7 +5,7 @@ import { isNonEmptyString } from '@sniptt/guards'; import { FileIcon } from '@/file/components/FileIcon'; import { type FieldFilesValue } from '@/object-record/record-field/ui/types/FieldMetadata'; import { getFileCategoryFromExtension } from '@/object-record/record-field/ui/utils/getFileCategoryFromExtension'; -import { Chip, ChipVariant } from 'twenty-ui/components'; +import { Chip, ChipVariant } from 'twenty-ui/data-display'; const MAX_WIDTH = 120; diff --git a/packages/twenty-front/src/modules/ui/field/display/components/GlobalFilePreviewModal.tsx b/packages/twenty-front/src/modules/ui/field/display/components/GlobalFilePreviewModal.tsx index d1a240db13..b61cecd9fc 100644 --- a/packages/twenty-front/src/modules/ui/field/display/components/GlobalFilePreviewModal.tsx +++ b/packages/twenty-front/src/modules/ui/field/display/components/GlobalFilePreviewModal.tsx @@ -9,7 +9,7 @@ import { useLingui } from '@lingui/react/macro'; import { type JSX, lazy, Suspense, useEffect } from 'react'; import { createPortal } from 'react-dom'; import { isDefined } from 'twenty-shared/utils'; -import { IconDownload, IconX } from 'twenty-ui/display'; +import { IconDownload, IconX } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ui/field/display/components/MultiSelectDisplay.tsx b/packages/twenty-front/src/modules/ui/field/display/components/MultiSelectDisplay.tsx index 9c290060a9..9cf083c74f 100644 --- a/packages/twenty-front/src/modules/ui/field/display/components/MultiSelectDisplay.tsx +++ b/packages/twenty-front/src/modules/ui/field/display/components/MultiSelectDisplay.tsx @@ -1,7 +1,7 @@ import { type FieldMultiSelectValue } from '@/object-record/record-field/ui/types/FieldMetadata'; import { isDefined } from 'twenty-shared/utils'; import { styled } from '@linaria/react'; -import { Tag } from 'twenty-ui/components'; +import { Tag } from 'twenty-ui/data-display'; import { type SelectOption } from 'twenty-ui/input'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/ui/field/display/components/SelectDisplay.tsx b/packages/twenty-front/src/modules/ui/field/display/components/SelectDisplay.tsx index 90e4591c9b..fff0a532a7 100644 --- a/packages/twenty-front/src/modules/ui/field/display/components/SelectDisplay.tsx +++ b/packages/twenty-front/src/modules/ui/field/display/components/SelectDisplay.tsx @@ -1,5 +1,5 @@ -import { type IconComponent } from 'twenty-ui/display'; -import { Tag } from 'twenty-ui/components'; +import { type IconComponent } from 'twenty-ui/icon'; +import { Tag } from 'twenty-ui/data-display'; import { type ThemeColor } from 'twenty-ui/theme'; type SelectDisplayProps = { diff --git a/packages/twenty-front/src/modules/ui/field/display/components/TextDisplay.tsx b/packages/twenty-front/src/modules/ui/field/display/components/TextDisplay.tsx index 684b678dad..108ca4dd10 100644 --- a/packages/twenty-front/src/modules/ui/field/display/components/TextDisplay.tsx +++ b/packages/twenty-front/src/modules/ui/field/display/components/TextDisplay.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { isUndefined } from '@sniptt/guards'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; type TextDisplayProps = { text: string; diff --git a/packages/twenty-front/src/modules/ui/field/display/components/UploadFileChip.tsx b/packages/twenty-front/src/modules/ui/field/display/components/UploadFileChip.tsx index 0b74802779..acf4560d1b 100644 --- a/packages/twenty-front/src/modules/ui/field/display/components/UploadFileChip.tsx +++ b/packages/twenty-front/src/modules/ui/field/display/components/UploadFileChip.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconArrowUp } from 'twenty-ui/display'; +import { IconArrowUp } from 'twenty-ui/icon'; import { Loader } from 'twenty-ui/feedback'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ui/field/input/components/CurrencyInput.tsx b/packages/twenty-front/src/modules/ui/field/input/components/CurrencyInput.tsx index b9df3974a9..4c2db1732c 100644 --- a/packages/twenty-front/src/modules/ui/field/input/components/CurrencyInput.tsx +++ b/packages/twenty-front/src/modules/ui/field/input/components/CurrencyInput.tsx @@ -8,7 +8,7 @@ import { CURRENCIES } from '@/settings/data-model/constants/Currencies'; import { CurrencyPickerDropdownButton } from '@/ui/input/components/internal/currency/components/CurrencyPickerDropdownButton'; import { type Currency } from '@/ui/input/components/internal/types/Currency'; import { IMaskInput } from 'react-imask'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { getSeparatorsForNumberFormat } from '~/utils/format/getSeparatorsForNumberFormat'; diff --git a/packages/twenty-front/src/modules/ui/field/input/components/RatingInput.tsx b/packages/twenty-front/src/modules/ui/field/input/components/RatingInput.tsx index 524a824069..0852321192 100644 --- a/packages/twenty-front/src/modules/ui/field/input/components/RatingInput.tsx +++ b/packages/twenty-front/src/modules/ui/field/input/components/RatingInput.tsx @@ -5,7 +5,7 @@ import { useContext, useState } from 'react'; import { useClearField } from '@/object-record/record-field/ui/hooks/useClearField'; import { RATING_VALUES } from 'twenty-shared/constants'; import { type FieldRatingValue } from 'twenty-shared/types'; -import { IconTwentyStarFilled } from 'twenty-ui/display'; +import { IconTwentyStarFilled } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/ui/field/input/components/__stories__/MultiSelectInput.stories.tsx b/packages/twenty-front/src/modules/ui/field/input/components/__stories__/MultiSelectInput.stories.tsx index 461dc95bcc..0b24a91e8c 100644 --- a/packages/twenty-front/src/modules/ui/field/input/components/__stories__/MultiSelectInput.stories.tsx +++ b/packages/twenty-front/src/modules/ui/field/input/components/__stories__/MultiSelectInput.stories.tsx @@ -15,7 +15,7 @@ import { IconRocket, IconTag, IconTarget, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { ComponentDecorator } from 'twenty-ui/testing'; diff --git a/packages/twenty-front/src/modules/ui/input/components/IconPicker.tsx b/packages/twenty-front/src/modules/ui/input/components/IconPicker.tsx index e2bac03182..97aacc23a3 100644 --- a/packages/twenty-front/src/modules/ui/input/components/IconPicker.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/IconPicker.tsx @@ -10,12 +10,8 @@ import React, { useState, } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { - ColorSample, - IconApps, - type IconComponent, - useIcons, -} from 'twenty-ui/display'; +import { ColorSample } from 'twenty-ui/data-display'; +import { IconApps, type IconComponent, useIcons } from 'twenty-ui/icon'; import { IconButton, type IconButtonSize, diff --git a/packages/twenty-front/src/modules/ui/input/components/ImageInput.tsx b/packages/twenty-front/src/modules/ui/input/components/ImageInput.tsx index de2e4556f1..6961155da5 100644 --- a/packages/twenty-front/src/modules/ui/input/components/ImageInput.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/ImageInput.tsx @@ -4,7 +4,7 @@ import { Trans, useLingui } from '@lingui/react/macro'; import { isNonEmptyString } from '@sniptt/guards'; import React, { useContext, useState } from 'react'; import { getImageAbsoluteURI, isDefined } from 'twenty-shared/utils'; -import { IconPhotoUp, IconTrash, IconUpload, IconX } from 'twenty-ui/display'; +import { IconPhotoUp, IconTrash, IconUpload, IconX } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { REACT_APP_SERVER_BASE_URL } from '~/config'; diff --git a/packages/twenty-front/src/modules/ui/input/components/MultiSelectControl.tsx b/packages/twenty-front/src/modules/ui/input/components/MultiSelectControl.tsx index 0bff9122e0..9bd276003c 100644 --- a/packages/twenty-front/src/modules/ui/input/components/MultiSelectControl.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/MultiSelectControl.tsx @@ -5,12 +5,9 @@ import { import { styled } from '@linaria/react'; import React, { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { - IconChevronDown, - type IconComponent, - OverflowingTextWithTooltip, - TintedIconTile, -} from 'twenty-ui/display'; +import { TintedIconTile } from 'twenty-ui/data-display'; +import { IconChevronDown, type IconComponent } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { type ThemeColor } from 'twenty-ui/theme'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ui/input/components/Select.tsx b/packages/twenty-front/src/modules/ui/input/components/Select.tsx index a5a295051e..ed07fbc416 100644 --- a/packages/twenty-front/src/modules/ui/input/components/Select.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/Select.tsx @@ -19,7 +19,7 @@ import { selectedItemIdComponentState } from '@/ui/layout/selectable-list/states import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { isNonEmptyArray, isNonEmptyString } from '@sniptt/guards'; import { isDefined } from 'twenty-shared/utils'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { MenuItem, MenuItemSelect } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ui/input/components/SelectControl.tsx b/packages/twenty-front/src/modules/ui/input/components/SelectControl.tsx index c8cceffb57..c8cb8ae039 100644 --- a/packages/twenty-front/src/modules/ui/input/components/SelectControl.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/SelectControl.tsx @@ -2,11 +2,9 @@ import { type SelectSizeVariant } from '@/ui/input/components/Select'; import { styled } from '@linaria/react'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { - IconChevronDown, - OverflowingTextWithTooltip, - TintedIconTile, -} from 'twenty-ui/display'; +import { TintedIconTile } from 'twenty-ui/data-display'; +import { IconChevronDown } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { type SelectOption } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ui/input/components/SelectInput.tsx b/packages/twenty-front/src/modules/ui/input/components/SelectInput.tsx index 982bc3d823..2cb3b4352e 100644 --- a/packages/twenty-front/src/modules/ui/input/components/SelectInput.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/SelectInput.tsx @@ -12,7 +12,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { useEffect, useMemo, useRef, useState } from 'react'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { type TagColor } from 'twenty-ui/components'; +import { type TagColor } from 'twenty-ui/data-display'; import { type SelectOption } from 'twenty-ui/input'; import { MenuItemSelectTag } from 'twenty-ui/navigation'; import { normalizeSearchText } from '~/utils/normalizeSearchText'; diff --git a/packages/twenty-front/src/modules/ui/input/components/TextInput.tsx b/packages/twenty-front/src/modules/ui/input/components/TextInput.tsx index c0525fe782..6c5a432420 100644 --- a/packages/twenty-front/src/modules/ui/input/components/TextInput.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/TextInput.tsx @@ -14,8 +14,8 @@ import React, { useRef, useState, } from 'react'; -import { type IconComponent, IconEye, IconEyeOff } from 'twenty-ui/display'; -import { AutogrowWrapper } from 'twenty-ui/utilities'; +import { type IconComponent, IconEye, IconEyeOff } from 'twenty-ui/icon'; +import { AutogrowWrapper } from 'twenty-ui/layout'; import { useCombinedRefs } from '~/hooks/useCombinedRefs'; import { turnIntoEmptyStringIfWhitespacesOnly } from '~/utils/string/turnIntoEmptyStringIfWhitespacesOnly'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ui/input/components/TitleInput.tsx b/packages/twenty-front/src/modules/ui/input/components/TitleInput.tsx index dcb5854ef9..502708db08 100644 --- a/packages/twenty-front/src/modules/ui/input/components/TitleInput.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/TitleInput.tsx @@ -8,7 +8,7 @@ import { usePushFocusItemToFocusStack } from '@/ui/utilities/focus/hooks/usePush import { useRemoveFocusItemFromFocusStackById } from '@/ui/utilities/focus/hooks/useRemoveFocusItemFromFocusStackById'; import { FocusComponentType } from '@/ui/utilities/focus/types/FocusComponentType'; import { styled } from '@linaria/react'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; type InputProps = { diff --git a/packages/twenty-front/src/modules/ui/input/components/__stories__/Select.stories.tsx b/packages/twenty-front/src/modules/ui/input/components/__stories__/Select.stories.tsx index 346a95aa00..c580f6986b 100644 --- a/packages/twenty-front/src/modules/ui/input/components/__stories__/Select.stories.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/__stories__/Select.stories.tsx @@ -3,7 +3,7 @@ import { useState } from 'react'; import { userEvent, within } from 'storybook/test'; import { Select, type SelectProps } from '@/ui/input/components/Select'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { ComponentDecorator } from 'twenty-ui/testing'; type RenderProps = SelectProps; diff --git a/packages/twenty-front/src/modules/ui/input/components/internal/country/components/CountrySelect.tsx b/packages/twenty-front/src/modules/ui/input/components/internal/country/components/CountrySelect.tsx index aba19112d6..fabb20f1b8 100644 --- a/packages/twenty-front/src/modules/ui/input/components/internal/country/components/CountrySelect.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/internal/country/components/CountrySelect.tsx @@ -4,7 +4,7 @@ import { useMemo } from 'react'; import { SELECT_COUNTRY_DROPDOWN_ID } from '@/ui/input/components/internal/country/constants/SelectCountryDropdownId'; import { useCountries } from '@/ui/input/components/internal/hooks/useCountries'; import { Select } from '@/ui/input/components/Select'; -import { IconCircleOff, type IconComponentProps } from 'twenty-ui/display'; +import { IconCircleOff, type IconComponentProps } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; export const CountrySelect = ({ diff --git a/packages/twenty-front/src/modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownButton.tsx b/packages/twenty-front/src/modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownButton.tsx index 323fc9ff67..c748ebf77d 100644 --- a/packages/twenty-front/src/modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownButton.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownButton.tsx @@ -7,7 +7,7 @@ import { CURRENCIES } from '@/settings/data-model/constants/Currencies'; import { type Currency } from '@/ui/input/components/internal/types/Currency'; import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useContext } from 'react'; -import { IconChevronDown } from 'twenty-ui/display'; +import { IconChevronDown } from 'twenty-ui/icon'; import { CurrencyPickerDropdownSelect } from './CurrencyPickerDropdownSelect'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledDropdownButtonContainer = styled.div` diff --git a/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DatePicker.tsx b/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DatePicker.tsx index 4198dae63a..314f2fbc50 100644 --- a/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DatePicker.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DatePicker.tsx @@ -24,7 +24,7 @@ import { turnJSDateToPlainDate, type RelativeDateFilter, } from 'twenty-shared/utils'; -import { IconCalendarX } from 'twenty-ui/display'; +import { IconCalendarX } from 'twenty-ui/icon'; import { MenuItemLeftContent } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DatePickerHeader.tsx b/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DatePickerHeader.tsx index b10e7c5649..9d4ed49f7c 100644 --- a/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DatePickerHeader.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DatePickerHeader.tsx @@ -5,7 +5,7 @@ import { Select } from '@/ui/input/components/Select'; import { DatePickerInput } from '@/ui/input/components/internal/date/components/DatePickerInput'; import { getMonthSelectOptions } from '@/ui/input/components/internal/date/utils/getMonthSelectOptions'; import { ClickOutsideListenerContext } from '@/ui/utilities/pointer-event/contexts/ClickOutsideListenerContext'; -import { IconChevronLeft, IconChevronRight } from 'twenty-ui/display'; +import { IconChevronLeft, IconChevronRight } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; diff --git a/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DateTimePicker.tsx b/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DateTimePicker.tsx index 9fee66f847..00f7aeebe9 100644 --- a/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DateTimePicker.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DateTimePicker.tsx @@ -20,7 +20,7 @@ import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; import 'react-datepicker/dist/react-datepicker.css'; -import { IconCalendarX } from 'twenty-ui/display'; +import { IconCalendarX } from 'twenty-ui/icon'; import { MenuItemLeftContent } from 'twenty-ui/navigation'; import { useGetShiftedDateToSystemTimeZone } from '@/ui/input/components/internal/date/hooks/useGetShiftedDateToSystemTimeZone'; diff --git a/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DateTimePickerHeader.tsx b/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DateTimePickerHeader.tsx index e669fcca1b..574ed2c247 100644 --- a/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DateTimePickerHeader.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/internal/date/components/DateTimePickerHeader.tsx @@ -23,7 +23,7 @@ import { IconChevronLeft, IconChevronRight, IconClock, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ui/input/components/internal/phone/components/PhoneCountryPickerDropdownButton.tsx b/packages/twenty-front/src/modules/ui/input/components/internal/phone/components/PhoneCountryPickerDropdownButton.tsx index 6d44fd5a3e..cec691c194 100644 --- a/packages/twenty-front/src/modules/ui/input/components/internal/phone/components/PhoneCountryPickerDropdownButton.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/internal/phone/components/PhoneCountryPickerDropdownButton.tsx @@ -12,7 +12,7 @@ import { isDropdownOpenComponentState } from '@/ui/layout/dropdown/states/isDrop import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import 'react-phone-number-input/style.css'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronDown, IconWorld } from 'twenty-ui/display'; +import { IconChevronDown, IconWorld } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; type StyledDropdownButtonProps = { diff --git a/packages/twenty-front/src/modules/ui/input/hooks/__tests__/useIconPicker.test.tsx b/packages/twenty-front/src/modules/ui/input/hooks/__tests__/useIconPicker.test.tsx index 613df695d6..6fc56fd7ee 100644 --- a/packages/twenty-front/src/modules/ui/input/hooks/__tests__/useIconPicker.test.tsx +++ b/packages/twenty-front/src/modules/ui/input/hooks/__tests__/useIconPicker.test.tsx @@ -2,7 +2,7 @@ import { renderHook } from '@testing-library/react'; import { act } from 'react'; import { useIconPicker } from '@/ui/input/hooks/useIconPicker'; -import { Icon123, IconApps } from 'twenty-ui/display'; +import { Icon123, IconApps } from 'twenty-ui/icon'; describe('useIconPicker', () => { it('should return correct iconPickerState', async () => { diff --git a/packages/twenty-front/src/modules/ui/input/states/iconPickerState.ts b/packages/twenty-front/src/modules/ui/input/states/iconPickerState.ts index bc8e587d23..9a1ce1e6c6 100644 --- a/packages/twenty-front/src/modules/ui/input/states/iconPickerState.ts +++ b/packages/twenty-front/src/modules/ui/input/states/iconPickerState.ts @@ -1,5 +1,5 @@ import { createAtomState } from '@/ui/utilities/state/jotai/utils/createAtomState'; -import { IconApps, type IconComponent } from 'twenty-ui/display'; +import { IconApps, type IconComponent } from 'twenty-ui/icon'; type IconPickerState = { Icon: IconComponent; diff --git a/packages/twenty-front/src/modules/ui/layout/draggable-list/components/__stories__/DraggableItem.stories.tsx b/packages/twenty-front/src/modules/ui/layout/draggable-list/components/__stories__/DraggableItem.stories.tsx index 2ca567df53..f99efef78d 100644 --- a/packages/twenty-front/src/modules/ui/layout/draggable-list/components/__stories__/DraggableItem.stories.tsx +++ b/packages/twenty-front/src/modules/ui/layout/draggable-list/components/__stories__/DraggableItem.stories.tsx @@ -3,7 +3,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { fn } from 'storybook/test'; import { DraggableItem } from '@/ui/layout/draggable-list/components/DraggableItem'; -import { IconBell } from 'twenty-ui/display'; +import { IconBell } from 'twenty-ui/icon'; import { MenuItemDraggable } from 'twenty-ui/navigation'; import { ComponentDecorator } from 'twenty-ui/testing'; diff --git a/packages/twenty-front/src/modules/ui/layout/draggable-list/components/__stories__/DraggableList.stories.tsx b/packages/twenty-front/src/modules/ui/layout/draggable-list/components/__stories__/DraggableList.stories.tsx index 1264006fe2..3e3869f0ae 100644 --- a/packages/twenty-front/src/modules/ui/layout/draggable-list/components/__stories__/DraggableList.stories.tsx +++ b/packages/twenty-front/src/modules/ui/layout/draggable-list/components/__stories__/DraggableList.stories.tsx @@ -2,7 +2,7 @@ import { DraggableItem } from '@/ui/layout/draggable-list/components/DraggableIt import { DraggableList } from '@/ui/layout/draggable-list/components/DraggableList'; import { type Meta, type StoryObj } from '@storybook/react-vite'; import { action } from 'storybook/actions'; -import { IconBell } from 'twenty-ui/display'; +import { IconBell } from 'twenty-ui/icon'; import { MenuItemDraggable } from 'twenty-ui/navigation'; import { ComponentDecorator } from 'twenty-ui/testing'; diff --git a/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuHeader/internal/DropdownMenuHeaderLeftComponent.tsx b/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuHeader/internal/DropdownMenuHeaderLeftComponent.tsx index 325fc76cee..776b6cfc4c 100644 --- a/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuHeader/internal/DropdownMenuHeaderLeftComponent.tsx +++ b/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuHeader/internal/DropdownMenuHeaderLeftComponent.tsx @@ -1,10 +1,7 @@ import { type MouseEvent, type ReactElement, useContext } from 'react'; import { styled } from '@linaria/react'; -import { - type Avatar, - type AvatarProps, - type IconComponent, -} from 'twenty-ui/display'; +import { type Avatar, type AvatarProps } from 'twenty-ui/data-display'; +import { type IconComponent } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuInnerSelect.tsx b/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuInnerSelect.tsx index 9fd728c000..9fdb70dc0f 100644 --- a/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuInnerSelect.tsx +++ b/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuInnerSelect.tsx @@ -5,7 +5,7 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconChevronDown } from 'twenty-ui/display'; +import { IconChevronDown } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ui/layout/dropdown/components/StyledDropdownMenuSubheader.tsx b/packages/twenty-front/src/modules/ui/layout/dropdown/components/StyledDropdownMenuSubheader.tsx index 16aaf68c12..1ddba56d23 100644 --- a/packages/twenty-front/src/modules/ui/layout/dropdown/components/StyledDropdownMenuSubheader.tsx +++ b/packages/twenty-front/src/modules/ui/layout/dropdown/components/StyledDropdownMenuSubheader.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { type ReactNode } from 'react'; -import { Label } from 'twenty-ui/display'; +import { Label } from 'twenty-ui/typography'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledDropdownMenuSubheaderContainer = styled.div` diff --git a/packages/twenty-front/src/modules/ui/layout/dropdown/components/__stories__/Dropdown.stories.tsx b/packages/twenty-front/src/modules/ui/layout/dropdown/components/__stories__/Dropdown.stories.tsx index 66fe9bb39b..c6bdf5a8e1 100644 --- a/packages/twenty-front/src/modules/ui/layout/dropdown/components/__stories__/Dropdown.stories.tsx +++ b/packages/twenty-front/src/modules/ui/layout/dropdown/components/__stories__/Dropdown.stories.tsx @@ -23,11 +23,7 @@ import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/Drop import { DropdownMenuSearchInput } from '@/ui/layout/dropdown/components/DropdownMenuSearchInput'; import { DropdownMenuSeparator } from '@/ui/layout/dropdown/components/DropdownMenuSeparator'; import { StyledDropdownMenuSubheader } from '@/ui/layout/dropdown/components/StyledDropdownMenuSubheader'; -import { - // TEMP_DISABLED_TEST: Commented out unused import - // Avatar, - IconChevronLeft, -} from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; import { ComponentDecorator } from 'twenty-ui/testing'; diff --git a/packages/twenty-front/src/modules/ui/layout/dropdown/components/__stories__/DropdownMenuHeader.stories.tsx b/packages/twenty-front/src/modules/ui/layout/dropdown/components/__stories__/DropdownMenuHeader.stories.tsx index d63828d557..2b87e3174a 100644 --- a/packages/twenty-front/src/modules/ui/layout/dropdown/components/__stories__/DropdownMenuHeader.stories.tsx +++ b/packages/twenty-front/src/modules/ui/layout/dropdown/components/__stories__/DropdownMenuHeader.stories.tsx @@ -5,12 +5,8 @@ import { DropdownContent } from '@/ui/layout/dropdown/components/DropdownContent import { DropdownMenuHeader } from '@/ui/layout/dropdown/components/DropdownMenuHeader/DropdownMenuHeader'; import { DropdownMenuHeaderLeftComponent } from '@/ui/layout/dropdown/components/DropdownMenuHeader/internal/DropdownMenuHeaderLeftComponent'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; -import { - Avatar, - IconChevronLeft, - IconChevronRight, - IconPlus, -} from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; +import { IconChevronLeft, IconChevronRight, IconPlus } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { AVATAR_URL_MOCK, ComponentDecorator } from 'twenty-ui/testing'; diff --git a/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandableList.tsx b/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandableList.tsx index dc4588d93a..fa1586fc50 100644 --- a/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandableList.tsx +++ b/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandableList.tsx @@ -10,9 +10,9 @@ import { import { ExpandedListDropdown } from '@/ui/layout/expandable-list/components/ExpandedListDropdown'; import { isFirstOverflowingChildElement } from '@/ui/layout/expandable-list/utils/isFirstOverflowingChildElement'; import { isDefined } from 'twenty-shared/utils'; -import { ChipSize } from 'twenty-ui/components'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; -import { AnimatedContainer } from 'twenty-ui/utilities'; +import { ChipSize } from 'twenty-ui/data-display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; +import { AnimatedContainer } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/ui/layout/expandable-list/components/__stories__/ExpandableList.stories.tsx b/packages/twenty-front/src/modules/ui/layout/expandable-list/components/__stories__/ExpandableList.stories.tsx index ec6668a0f3..495656523b 100644 --- a/packages/twenty-front/src/modules/ui/layout/expandable-list/components/__stories__/ExpandableList.stories.tsx +++ b/packages/twenty-front/src/modules/ui/layout/expandable-list/components/__stories__/ExpandableList.stories.tsx @@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { expect, userEvent, within } from 'storybook/test'; import { ExpandableList } from '@/ui/layout/expandable-list/components/ExpandableList'; -import { Tag } from 'twenty-ui/components'; +import { Tag } from 'twenty-ui/data-display'; import { ComponentDecorator } from 'twenty-ui/testing'; import { MAIN_COLOR_NAMES } from 'twenty-ui/theme'; diff --git a/packages/twenty-front/src/modules/ui/layout/hero/components/HeroPlayButton.tsx b/packages/twenty-front/src/modules/ui/layout/hero/components/HeroPlayButton.tsx index 3820c56ffe..b4f4668ecc 100644 --- a/packages/twenty-front/src/modules/ui/layout/hero/components/HeroPlayButton.tsx +++ b/packages/twenty-front/src/modules/ui/layout/hero/components/HeroPlayButton.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; -import { IconPlayerPlay } from 'twenty-ui/display'; +import { IconPlayerPlay } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; type HeroPlayButtonProps = { diff --git a/packages/twenty-front/src/modules/ui/layout/modal/components/ConfirmationModal.tsx b/packages/twenty-front/src/modules/ui/layout/modal/components/ConfirmationModal.tsx index bc34c927a2..43814863eb 100644 --- a/packages/twenty-front/src/modules/ui/layout/modal/components/ConfirmationModal.tsx +++ b/packages/twenty-front/src/modules/ui/layout/modal/components/ConfirmationModal.tsx @@ -8,14 +8,10 @@ import { ModalStatefulWrapper } from '@/ui/layout/modal/components/ModalStateful import { useModal } from '@/ui/layout/modal/hooks/useModal'; import { msg } from '@lingui/core/macro'; import { useLingui } from '@lingui/react/macro'; -import { H1Title, H1TitleFontColor } from 'twenty-ui/display'; +import { H1Title, H1TitleFontColor } from 'twenty-ui/typography'; import { Button, type ButtonAccent } from 'twenty-ui/input'; -import { - Section, - SectionAlignment, - SectionFontColor, - type ModalOverlay, -} from 'twenty-ui/layout'; +import { Section, SectionAlignment, SectionFontColor } from 'twenty-ui/layout'; +import { type ModalOverlay } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; export type ConfirmationModalProps = { diff --git a/packages/twenty-front/src/modules/ui/layout/modal/components/ModalStatefulWrapper.tsx b/packages/twenty-front/src/modules/ui/layout/modal/components/ModalStatefulWrapper.tsx index a439d5c6d9..0fa24aa4bb 100644 --- a/packages/twenty-front/src/modules/ui/layout/modal/components/ModalStatefulWrapper.tsx +++ b/packages/twenty-front/src/modules/ui/layout/modal/components/ModalStatefulWrapper.tsx @@ -12,7 +12,7 @@ import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useRef } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { Modal } from 'twenty-ui/layout'; +import { Modal } from 'twenty-ui/surfaces'; export const ModalStatefulWrapper = ({ modalInstanceId, diff --git a/packages/twenty-front/src/modules/ui/layout/modal/components/__stories__/Modal.stories.tsx b/packages/twenty-front/src/modules/ui/layout/modal/components/__stories__/Modal.stories.tsx index f8ce26a111..b3cda5bfdf 100644 --- a/packages/twenty-front/src/modules/ui/layout/modal/components/__stories__/Modal.stories.tsx +++ b/packages/twenty-front/src/modules/ui/layout/modal/components/__stories__/Modal.stories.tsx @@ -10,7 +10,7 @@ import { isModalOpenedComponentState } from '@/ui/layout/modal/states/isModalOpe import { focusStackState } from '@/ui/utilities/focus/states/focusStackState'; import { FocusComponentType } from '@/ui/utilities/focus/types/FocusComponentType'; import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore'; -import { ModalContent, ModalFooter, ModalHeader } from 'twenty-ui/layout'; +import { ModalContent, ModalFooter, ModalHeader } from 'twenty-ui/surfaces'; import { ComponentDecorator } from 'twenty-ui/testing'; import { RootDecorator } from '~/testing/decorators/RootDecorator'; import { sleep } from '~/utils/sleep'; diff --git a/packages/twenty-front/src/modules/ui/layout/modal/types/ModalStatefulWrapperProps.ts b/packages/twenty-front/src/modules/ui/layout/modal/types/ModalStatefulWrapperProps.ts index ddbc98fc2d..1ee91c6a0e 100644 --- a/packages/twenty-front/src/modules/ui/layout/modal/types/ModalStatefulWrapperProps.ts +++ b/packages/twenty-front/src/modules/ui/layout/modal/types/ModalStatefulWrapperProps.ts @@ -1,5 +1,5 @@ import type React from 'react'; -import { type ModalProps } from 'twenty-ui/layout'; +import { type ModalProps } from 'twenty-ui/surfaces'; export type ModalStatefulWrapperProps = Pick< ModalProps, diff --git a/packages/twenty-front/src/modules/ui/layout/page/components/PageHeader.tsx b/packages/twenty-front/src/modules/ui/layout/page/components/PageHeader.tsx index 5d2abda0fb..20b07ac2ce 100644 --- a/packages/twenty-front/src/modules/ui/layout/page/components/PageHeader.tsx +++ b/packages/twenty-front/src/modules/ui/layout/page/components/PageHeader.tsx @@ -10,11 +10,8 @@ import { PAGE_BAR_MIN_HEIGHT } from '@/ui/layout/page/constants/PageBarMinHeight import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile'; import { AnimatePresence } from 'framer-motion'; import { isDefined } from 'twenty-shared/utils'; -import { - type IconComponent, - IconX, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +import { type IconComponent, IconX } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { LightIconButton } from 'twenty-ui/input'; import { MOBILE_VIEWPORT, diff --git a/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageSummaryCard.tsx b/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageSummaryCard.tsx index 7cbf8f1fdc..3be85ae3b8 100644 --- a/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageSummaryCard.tsx +++ b/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageSummaryCard.tsx @@ -4,12 +4,9 @@ import { Trans } from '@lingui/react/macro'; import { type ChangeEvent, type ReactNode, useContext, useRef } from 'react'; import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; import { isDefined } from 'twenty-shared/utils'; -import { - AppTooltip, - Avatar, - type AvatarType, - type IconComponent, -} from 'twenty-ui/display'; +import { Avatar, type AvatarType } from 'twenty-ui/data-display'; +import { type IconComponent } from 'twenty-ui/icon'; +import { AppTooltip } from 'twenty-ui/surfaces'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { v4 as uuidV4 } from 'uuid'; diff --git a/packages/twenty-front/src/modules/ui/layout/side-panel/types/SidePanelFooterCommandMenuItem.ts b/packages/twenty-front/src/modules/ui/layout/side-panel/types/SidePanelFooterCommandMenuItem.ts index 31f3b4a496..f4e0217d80 100644 --- a/packages/twenty-front/src/modules/ui/layout/side-panel/types/SidePanelFooterCommandMenuItem.ts +++ b/packages/twenty-front/src/modules/ui/layout/side-panel/types/SidePanelFooterCommandMenuItem.ts @@ -1,4 +1,4 @@ -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; export type SidePanelFooterCommandMenuItem = { id: string; diff --git a/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabAvatar.tsx b/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabAvatar.tsx index 2cc7ae4207..adbba79d13 100644 --- a/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabAvatar.tsx +++ b/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabAvatar.tsx @@ -1,7 +1,7 @@ import { type SingleTabProps } from '@/ui/layout/tab-list/types/SingleTabProps'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { ThemeContext } from 'twenty-ui/theme-constants'; export const TabAvatar = ({ tab }: { tab: SingleTabProps }) => { diff --git a/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabListHiddenMeasurements.tsx b/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabListHiddenMeasurements.tsx index f4ff6a3654..2703bc423c 100644 --- a/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabListHiddenMeasurements.tsx +++ b/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabListHiddenMeasurements.tsx @@ -4,7 +4,7 @@ import { TAB_LIST_GAP } from '@/ui/layout/tab-list/constants/TabListGap'; import { type SingleTabProps } from '@/ui/layout/tab-list/types/SingleTabProps'; import { NodeDimension } from '@/ui/utilities/dimensions/components/NodeDimension'; import { styled } from '@linaria/react'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { TabButton } from 'twenty-ui/input'; import { type TabListDimensions } from '@/ui/layout/tab-list/types/TabListDimension'; diff --git a/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabMoreButton.tsx b/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabMoreButton.tsx index fb9cc459b7..df41923a1b 100644 --- a/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabMoreButton.tsx +++ b/packages/twenty-front/src/modules/ui/layout/tab-list/components/TabMoreButton.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconChevronDown } from 'twenty-ui/display'; +import { IconChevronDown } from 'twenty-ui/icon'; import { TabButton } from 'twenty-ui/input'; import { TAB_LIST_HEIGHT } from '@/ui/layout/tab-list/constants/TabListHeight'; diff --git a/packages/twenty-front/src/modules/ui/layout/tab-list/components/__stories__/Tablist.stories.tsx b/packages/twenty-front/src/modules/ui/layout/tab-list/components/__stories__/Tablist.stories.tsx index a5141901bb..727b1491f5 100644 --- a/packages/twenty-front/src/modules/ui/layout/tab-list/components/__stories__/Tablist.stories.tsx +++ b/packages/twenty-front/src/modules/ui/layout/tab-list/components/__stories__/Tablist.stories.tsx @@ -9,7 +9,7 @@ import { IconMail, IconPhone, IconUser, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { AVATAR_URL_MOCK, ComponentWithRouterDecorator, diff --git a/packages/twenty-front/src/modules/ui/layout/tab-list/types/SingleTabProps.ts b/packages/twenty-front/src/modules/ui/layout/tab-list/types/SingleTabProps.ts index 4e57937cf1..2119c12da5 100644 --- a/packages/twenty-front/src/modules/ui/layout/tab-list/types/SingleTabProps.ts +++ b/packages/twenty-front/src/modules/ui/layout/tab-list/types/SingleTabProps.ts @@ -1,4 +1,4 @@ -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; export type SingleTabProps = { title: string; diff --git a/packages/twenty-front/src/modules/ui/layout/table/components/SortableTableHeader.tsx b/packages/twenty-front/src/modules/ui/layout/table/components/SortableTableHeader.tsx index 0b6fdc31c9..9dee91703d 100644 --- a/packages/twenty-front/src/modules/ui/layout/table/components/SortableTableHeader.tsx +++ b/packages/twenty-front/src/modules/ui/layout/table/components/SortableTableHeader.tsx @@ -4,11 +4,7 @@ import { sortedFieldByTableFamilyState } from '@/ui/layout/table/states/sortedFi import { type TableSortValue } from '@/ui/layout/table/types/TableSortValue'; import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomFamilyStateValue'; import { useSetAtomFamilyState } from '@/ui/utilities/state/jotai/hooks/useSetAtomFamilyState'; -import { - IconArrowDown, - IconArrowUp, - type IconComponent, -} from 'twenty-ui/display'; +import { IconArrowDown, IconArrowUp, type IconComponent } from 'twenty-ui/icon'; export const SortableTableHeader = ({ tableId, diff --git a/packages/twenty-front/src/modules/ui/layout/table/components/TableSection.tsx b/packages/twenty-front/src/modules/ui/layout/table/components/TableSection.tsx index 1afa7c002e..c15a8a2487 100644 --- a/packages/twenty-front/src/modules/ui/layout/table/components/TableSection.tsx +++ b/packages/twenty-front/src/modules/ui/layout/table/components/TableSection.tsx @@ -1,7 +1,8 @@ import { styled } from '@linaria/react'; import { type ReactNode, useContext, useState } from 'react'; import { TableBody } from './TableBody'; -import { IconChevronDown, IconChevronUp, Label } from 'twenty-ui/display'; +import { IconChevronDown, IconChevronUp } from 'twenty-ui/icon'; +import { Label } from 'twenty-ui/typography'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; type TableSectionProps = { diff --git a/packages/twenty-front/src/modules/ui/layout/table/types/TableFieldMetadata.ts b/packages/twenty-front/src/modules/ui/layout/table/types/TableFieldMetadata.ts index 9272f2febd..3377cdf51c 100644 --- a/packages/twenty-front/src/modules/ui/layout/table/types/TableFieldMetadata.ts +++ b/packages/twenty-front/src/modules/ui/layout/table/types/TableFieldMetadata.ts @@ -1,5 +1,5 @@ import { type MessageDescriptor } from '@lingui/core'; -import { type IconComponent } from 'twenty-ui/display'; +import { type IconComponent } from 'twenty-ui/icon'; export type TableFieldMetadata = { fieldLabel: MessageDescriptor; diff --git a/packages/twenty-front/src/modules/ui/navigation/bread-crumb/components/MobileBreadcrumb.tsx b/packages/twenty-front/src/modules/ui/navigation/bread-crumb/components/MobileBreadcrumb.tsx index eb5de9ace5..382aca3fdd 100644 --- a/packages/twenty-front/src/modules/ui/navigation/bread-crumb/components/MobileBreadcrumb.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/bread-crumb/components/MobileBreadcrumb.tsx @@ -4,7 +4,7 @@ import { styled } from '@linaria/react'; import { isNonEmptyString } from '@sniptt/guards'; import { type ReactNode, useContext } from 'react'; import { Link } from 'react-router-dom'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; export type MobileBreadcrumbProps = { diff --git a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemWithOptionDropdown.tsx b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemWithOptionDropdown.tsx index c3607bbfa8..7a3d40cb2b 100644 --- a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemWithOptionDropdown.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemWithOptionDropdown.tsx @@ -11,7 +11,7 @@ import { IconChevronRight, type IconComponent, IconDotsVertical, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightIconButton, type LightIconButtonProps } from 'twenty-ui/input'; import { type MenuItemAccent, diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/__stories__/NavigationBar.stories.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/__stories__/NavigationBar.stories.tsx index 4577857ae8..61dad56f0f 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/__stories__/NavigationBar.stories.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/__stories__/NavigationBar.stories.tsx @@ -5,7 +5,7 @@ import { IconList, IconSearch, IconSettings, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { NavigationBar } from 'twenty-ui/navigation'; import { ComponentDecorator } from 'twenty-ui/testing'; import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWithRouterDecorator'; diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownClickableComponent.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownClickableComponent.tsx index e3771dda34..e629c49314 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownClickableComponent.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownClickableComponent.tsx @@ -10,7 +10,7 @@ import { DEFAULT_WORKSPACE_LOGO } from '@/ui/navigation/navigation-drawer/consta import { isNavigationDrawerExpandedState } from '@/ui/navigation/states/isNavigationDrawerExpanded'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useContext } from 'react'; -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { ThemeContext } from 'twenty-ui/theme-constants'; type MultiWorkspaceDropdownClickableComponentProps = { diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownDefaultComponents.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownDefaultComponents.tsx index 14456f59f3..ecfef131e2 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownDefaultComponents.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownDefaultComponents.tsx @@ -28,8 +28,8 @@ import { themeCssVariables } from 'twenty-ui/theme-constants'; import { isNonEmptyString } from '@sniptt/guards'; import { AppPath, SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; +import { Avatar } from 'twenty-ui/data-display'; import { - Avatar, IconDotsVertical, IconLogout, IconMessage, @@ -37,7 +37,7 @@ import { IconSettings, IconSwitchHorizontal, IconUserPlus, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem, diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownThemesComponents.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownThemesComponents.tsx index 74a9d70310..4ced5eb766 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownThemesComponents.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownThemesComponents.tsx @@ -6,7 +6,7 @@ import { multiWorkspaceDropdownState } from '@/ui/navigation/navigation-drawer/s import { useColorScheme } from '@/ui/theme/hooks/useColorScheme'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { useLingui } from '@lingui/react/macro'; -import { IconCheck, IconChevronLeft } from 'twenty-ui/display'; +import { IconCheck, IconChevronLeft } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; export const MultiWorkspaceDropdownThemesComponents = () => { diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownWorkspacesListComponents.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownWorkspacesListComponents.tsx index 6b208dd0b9..ca11e52cac 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownWorkspacesListComponents.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownWorkspacesListComponents.tsx @@ -8,7 +8,7 @@ import { useLingui } from '@lingui/react/macro'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { useState } from 'react'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; import { WorkspacesForSignIn } from './components/WorkspacesForSignIn'; import { WorkspacesForSignUp } from './components/WorkspacesForSignUp'; diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspacesDropdownStyles.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspacesDropdownStyles.tsx index 90af162ed8..91f2251e58 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspacesDropdownStyles.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspacesDropdownStyles.tsx @@ -1,5 +1,5 @@ import { styled } from '@linaria/react'; -import { IconChevronDown } from 'twenty-ui/display'; +import { IconChevronDown } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; export const StyledContainer = styled.div<{ diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/components/AvailableWorkspaceItem.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/components/AvailableWorkspaceItem.tsx index 679262e5c7..a25cb7d7f5 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/components/AvailableWorkspaceItem.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/components/AvailableWorkspaceItem.tsx @@ -1,4 +1,4 @@ -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { MenuItemSelectAvatar, UndecoratedLink } from 'twenty-ui/navigation'; import { DEFAULT_WORKSPACE_LOGO } from '@/ui/navigation/navigation-drawer/constants/DefaultWorkspaceLogo'; import { type AvailableWorkspace } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerBackButton.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerBackButton.tsx index 6eec631eec..99adc9925b 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerBackButton.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerBackButton.tsx @@ -9,7 +9,7 @@ import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomStat import { useIsWorkspaceActivationStatusEqualsTo } from '@/workspace/hooks/useIsWorkspaceActivationStatusEqualsTo'; import { WorkspaceActivationStatus } from 'twenty-shared/workspace'; import { useContext } from 'react'; -import { IconX } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui/icon'; import { UndecoratedLink } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerCollapseButton.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerCollapseButton.tsx index 94f2cb08d8..287ad9b219 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerCollapseButton.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerCollapseButton.tsx @@ -7,7 +7,7 @@ import { styled } from '@linaria/react'; import { IconLayoutSidebarLeftCollapse, IconLayoutSidebarRightCollapse, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerHeader.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerHeader.tsx index d194ca6942..8e9d8d9859 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerHeader.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerHeader.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconSearch } from 'twenty-ui/display'; +import { IconSearch } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerInput.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerInput.tsx index da37fbb603..1989d0e207 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerInput.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerInput.tsx @@ -7,7 +7,7 @@ import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useLis import { type JSX, type FocusEvent, useRef } from 'react'; import { Key } from 'ts-key-enum'; import { isDefined } from 'twenty-shared/utils'; -import { type IconComponent, type TablerIconsProps } from 'twenty-ui/display'; +import { type IconComponent, type TablerIconsProps } from 'twenty-ui/icon'; type NavigationDrawerInputProps = { className?: string; diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx index d1513e0c26..705edf3004 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx @@ -13,17 +13,15 @@ import { isNonEmptyString } from '@sniptt/guards'; import { type JSX, type ReactNode, useContext } from 'react'; import { Link } from 'react-router-dom'; import { isDefined } from 'twenty-shared/utils'; -import { Pill } from 'twenty-ui/components'; +import { Pill, TintedIconTile } from 'twenty-ui/data-display'; +import { type IconComponent, type TablerIconsProps } from 'twenty-ui/icon'; import { AppTooltip, - type IconComponent, - Label, OverflowingTextWithTooltip, - type TablerIconsProps, - TintedIconTile, TooltipDelay, TooltipPosition, -} from 'twenty-ui/display'; +} from 'twenty-ui/surfaces'; +import { Label } from 'twenty-ui/typography'; import { MOBILE_VIEWPORT, ThemeContext, diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerSectionTitle.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerSectionTitle.tsx index 099ff31f93..2caac0574c 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerSectionTitle.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerSectionTitle.tsx @@ -6,7 +6,8 @@ import { styled } from '@linaria/react'; import { motion } from 'framer-motion'; import React, { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronRight, Label } from 'twenty-ui/display'; +import { IconChevronRight } from 'twenty-ui/icon'; +import { Label } from 'twenty-ui/typography'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledTitle = styled.div` diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawer.stories.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawer.stories.tsx index 4745e1718b..c0432be621 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawer.stories.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawer.stories.tsx @@ -33,8 +33,8 @@ import { IconUser, IconUserCircle, IconUsers, -} from 'twenty-ui/display'; -import { AdvancedSettingsToggle } from 'twenty-ui/navigation'; +} from 'twenty-ui/icon'; +import { AdvancedSettingsToggle } from 'twenty-ui/input'; import { getOsControlSymbol } from 'twenty-ui/utilities'; import { NavigationDrawer } from '@/ui/navigation/navigation-drawer/components/NavigationDrawer'; diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawerItem.stories.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawerItem.stories.tsx index 9a2041f958..caa3192e58 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawerItem.stories.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawerItem.stories.tsx @@ -2,7 +2,7 @@ import { styled } from '@linaria/react'; import { type Meta, type StoryObj } from '@storybook/react-vite'; import { NavigationDrawerItem } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerItem'; -import { IconSearch } from 'twenty-ui/display'; +import { IconSearch } from 'twenty-ui/icon'; import { CatalogDecorator, type CatalogStory } from 'twenty-ui/testing'; import { getOsControlSymbol } from 'twenty-ui/utilities'; import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWithRouterDecorator'; diff --git a/packages/twenty-front/src/modules/ui/navigation/step-bar/components/Step.tsx b/packages/twenty-front/src/modules/ui/navigation/step-bar/components/Step.tsx index e73dcd3fde..a977ff0c3b 100644 --- a/packages/twenty-front/src/modules/ui/navigation/step-bar/components/Step.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/step-bar/components/Step.tsx @@ -3,7 +3,7 @@ import { motion } from 'framer-motion'; import { useContext } from 'react'; import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile'; -import { AnimatedCheckmark } from 'twenty-ui/display'; +import { AnimatedCheckmark } from 'twenty-ui/data-display'; import { MOBILE_VIEWPORT, ThemeContext, diff --git a/packages/twenty-front/src/modules/ui/theme/hooks/useColorScheme.ts b/packages/twenty-front/src/modules/ui/theme/hooks/useColorScheme.ts index 6151b58865..be4474a866 100644 --- a/packages/twenty-front/src/modules/ui/theme/hooks/useColorScheme.ts +++ b/packages/twenty-front/src/modules/ui/theme/hooks/useColorScheme.ts @@ -10,7 +10,7 @@ import { IconMoon, IconSun, IconSunMoon, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export const useColorScheme = () => { const [currentWorkspaceMember, setCurrentWorkspaceMember] = useAtomState( diff --git a/packages/twenty-front/src/modules/views/advanced-filter-chip/components/AdvancedFilterChip.tsx b/packages/twenty-front/src/modules/views/advanced-filter-chip/components/AdvancedFilterChip.tsx index df30dc5f7e..dd26d7e556 100644 --- a/packages/twenty-front/src/modules/views/advanced-filter-chip/components/AdvancedFilterChip.tsx +++ b/packages/twenty-front/src/modules/views/advanced-filter-chip/components/AdvancedFilterChip.tsx @@ -17,7 +17,7 @@ import { ViewBarFilterDropdownIds } from '@/views/constants/ViewBarFilterDropdow import { plural } from '@lingui/core/macro'; import { useMemo } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconFilter } from 'twenty-ui/display'; +import { IconFilter } from 'twenty-ui/icon'; export const AdvancedFilterChip = () => { const { closeDropdown } = useCloseDropdown(); diff --git a/packages/twenty-front/src/modules/views/components/AnyFieldSearchChip.tsx b/packages/twenty-front/src/modules/views/components/AnyFieldSearchChip.tsx index 2b021131a0..35602db302 100644 --- a/packages/twenty-front/src/modules/views/components/AnyFieldSearchChip.tsx +++ b/packages/twenty-front/src/modules/views/components/AnyFieldSearchChip.tsx @@ -4,7 +4,7 @@ import { useAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useAtomC import { SortOrFilterChip } from '@/views/components/SortOrFilterChip'; import { ViewBarFilterDropdownIds } from '@/views/constants/ViewBarFilterDropdownIds'; import { useLingui } from '@lingui/react/macro'; -import { IconFilter } from 'twenty-ui/display'; +import { IconFilter } from 'twenty-ui/icon'; export const AnyFieldSearchChip = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/views/components/AnyFieldSearchDropdownContentMenuHeader.tsx b/packages/twenty-front/src/modules/views/components/AnyFieldSearchDropdownContentMenuHeader.tsx index 7ba7d7b2a6..29a9304fbe 100644 --- a/packages/twenty-front/src/modules/views/components/AnyFieldSearchDropdownContentMenuHeader.tsx +++ b/packages/twenty-front/src/modules/views/components/AnyFieldSearchDropdownContentMenuHeader.tsx @@ -2,7 +2,7 @@ import { DropdownMenuHeader } from '@/ui/layout/dropdown/components/DropdownMenu import { DropdownMenuHeaderLeftComponent } from '@/ui/layout/dropdown/components/DropdownMenuHeader/internal/DropdownMenuHeaderLeftComponent'; import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useLingui } from '@lingui/react/macro'; -import { IconX } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui/icon'; export const AnyFieldSearchDropdownContentMenuHeader = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/views/components/SoftDeleteFilterChip.tsx b/packages/twenty-front/src/modules/views/components/SoftDeleteFilterChip.tsx index d0e2cbba3c..dac735f0fd 100644 --- a/packages/twenty-front/src/modules/views/components/SoftDeleteFilterChip.tsx +++ b/packages/twenty-front/src/modules/views/components/SoftDeleteFilterChip.tsx @@ -3,7 +3,7 @@ import { type RecordFilter } from '@/object-record/record-filter/types/RecordFil import { isSoftDeleteFilterActiveComponentState } from '@/object-record/record-table/states/isSoftDeleteFilterActiveComponentState'; import { useSetAtomComponentState } from '@/ui/utilities/state/jotai/hooks/useSetAtomComponentState'; import { SortOrFilterChip } from '@/views/components/SortOrFilterChip'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; type SoftDeleteFilterChipProps = { recordFilter: RecordFilter; diff --git a/packages/twenty-front/src/modules/views/components/SortOrFilterChip.tsx b/packages/twenty-front/src/modules/views/components/SortOrFilterChip.tsx index b6dee36181..a2d44e7697 100644 --- a/packages/twenty-front/src/modules/views/components/SortOrFilterChip.tsx +++ b/packages/twenty-front/src/modules/views/components/SortOrFilterChip.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { useContext, type ReactNode } from 'react'; -import { type IconComponent, IconX } from 'twenty-ui/display'; +import { type IconComponent, IconX } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { isDefined } from 'twenty-shared/utils'; diff --git a/packages/twenty-front/src/modules/views/components/UpdateViewButtonGroup.tsx b/packages/twenty-front/src/modules/views/components/UpdateViewButtonGroup.tsx index b47f54614b..2fd7512b18 100644 --- a/packages/twenty-front/src/modules/views/components/UpdateViewButtonGroup.tsx +++ b/packages/twenty-front/src/modules/views/components/UpdateViewButtonGroup.tsx @@ -21,7 +21,7 @@ import { VIEW_PICKER_DROPDOWN_ID } from '@/views/view-picker/constants/ViewPicke import { useViewPickerMode } from '@/views/view-picker/hooks/useViewPickerMode'; import { viewPickerReferenceViewIdComponentState } from '@/views/view-picker/states/viewPickerReferenceViewIdComponentState'; import { t } from '@lingui/core/macro'; -import { IconChevronDown, IconPlus } from 'twenty-ui/display'; +import { IconChevronDown, IconPlus } from 'twenty-ui/icon'; import { Button, ButtonGroup, IconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/views/components/ViewBarDetailsAddFilterButton.tsx b/packages/twenty-front/src/modules/views/components/ViewBarDetailsAddFilterButton.tsx index 2ca5849f4f..67b69e3655 100644 --- a/packages/twenty-front/src/modules/views/components/ViewBarDetailsAddFilterButton.tsx +++ b/packages/twenty-front/src/modules/views/components/ViewBarDetailsAddFilterButton.tsx @@ -3,7 +3,7 @@ import { ViewBarFilterDropdownIds } from '@/views/constants/ViewBarFilterDropdow import { useResetFilterDropdown } from '@/object-record/object-filter-dropdown/hooks/useResetFilterDropdown'; import { useToggleDropdown } from '@/ui/layout/dropdown/hooks/useToggleDropdown'; import { t } from '@lingui/core/macro'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { LightButton } from 'twenty-ui/input'; export const ViewBarDetailsAddFilterButton = () => { diff --git a/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownAdvancedFilterButton.tsx b/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownAdvancedFilterButton.tsx index 80196d25cc..2b01b86623 100644 --- a/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownAdvancedFilterButton.tsx +++ b/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownAdvancedFilterButton.tsx @@ -23,8 +23,8 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { RecordFilterGroupLogicalOperator } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { Pill } from 'twenty-ui/components'; -import { IconFilter } from 'twenty-ui/display'; +import { Pill } from 'twenty-ui/data-display'; +import { IconFilter } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { v4 } from 'uuid'; diff --git a/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownAnyFieldSearchButtonMenuItem.tsx b/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownAnyFieldSearchButtonMenuItem.tsx index 99694df6af..dda1ef15c1 100644 --- a/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownAnyFieldSearchButtonMenuItem.tsx +++ b/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownAnyFieldSearchButtonMenuItem.tsx @@ -4,7 +4,7 @@ import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hoo import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconSearch } from 'twenty-ui/display'; +import { IconSearch } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownAnyFieldSearchInputDropdownHeader.tsx b/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownAnyFieldSearchInputDropdownHeader.tsx index d3301bc755..746f9a7a68 100644 --- a/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownAnyFieldSearchInputDropdownHeader.tsx +++ b/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownAnyFieldSearchInputDropdownHeader.tsx @@ -2,7 +2,7 @@ import { useResetFilterDropdown } from '@/object-record/object-filter-dropdown/h import { DropdownMenuHeader } from '@/ui/layout/dropdown/components/DropdownMenuHeader/DropdownMenuHeader'; import { DropdownMenuHeaderLeftComponent } from '@/ui/layout/dropdown/components/DropdownMenuHeader/internal/DropdownMenuHeaderLeftComponent'; import { useLingui } from '@lingui/react/macro'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; export const ViewBarFilterDropdownAnyFieldSearchInputDropdownHeader = () => { const { t } = useLingui(); diff --git a/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownFieldSelectMenu.tsx b/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownFieldSelectMenu.tsx index 3b618ac02f..54352738a4 100644 --- a/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownFieldSelectMenu.tsx +++ b/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownFieldSelectMenu.tsx @@ -23,7 +23,7 @@ import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper'; import { VIEW_BAR_FILTER_BOTTOM_MENU_ITEM_IDS } from '@/views/constants/ViewBarFilterBottomMenuItemIds'; import { ViewBarFilterDropdownIds } from '@/views/constants/ViewBarFilterDropdownIds'; import { useLingui } from '@lingui/react/macro'; -import { IconX } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; export const StyledInput = styled.input` diff --git a/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownFieldSelectMenuItem.tsx b/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownFieldSelectMenuItem.tsx index 537fbd2b4d..bfc8bdf308 100644 --- a/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownFieldSelectMenuItem.tsx +++ b/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownFieldSelectMenuItem.tsx @@ -5,7 +5,7 @@ import { useSelectableList } from '@/ui/layout/selectable-list/hooks/useSelectab import { isSelectedItemIdComponentFamilyState } from '@/ui/layout/selectable-list/states/isSelectedItemIdComponentFamilyState'; import { useAtomComponentFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentFamilyStateValue'; import { useInitializeFilterOnFieldMetadataItemFromViewBarFilterDropdown } from '@/views/hooks/useInitializeFilterOnFieldMetadataItemFromViewBarFilterDropdown'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; export type ViewBarFilterDropdownFieldSelectMenuItemProps = { diff --git a/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownFilterInputMenuHeader.tsx b/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownFilterInputMenuHeader.tsx index 729171334c..f3942d2c65 100644 --- a/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownFilterInputMenuHeader.tsx +++ b/packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownFilterInputMenuHeader.tsx @@ -3,7 +3,7 @@ import { fieldMetadataItemUsedInDropdownComponentSelector } from '@/object-recor import { DropdownMenuHeader } from '@/ui/layout/dropdown/components/DropdownMenuHeader/DropdownMenuHeader'; import { DropdownMenuHeaderLeftComponent } from '@/ui/layout/dropdown/components/DropdownMenuHeader/internal/DropdownMenuHeaderLeftComponent'; import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentSelectorValue'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; export const ViewBarFilterDropdownFilterInputMenuHeader = () => { const fieldMetadataItemUsedInDropdown = useAtomComponentSelectorValue( diff --git a/packages/twenty-front/src/modules/views/components/ViewFieldsHiddenDropdownSection.tsx b/packages/twenty-front/src/modules/views/components/ViewFieldsHiddenDropdownSection.tsx index 5cba36c633..95c22ce7f5 100644 --- a/packages/twenty-front/src/modules/views/components/ViewFieldsHiddenDropdownSection.tsx +++ b/packages/twenty-front/src/modules/views/components/ViewFieldsHiddenDropdownSection.tsx @@ -7,7 +7,7 @@ import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/Drop import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { ViewType } from '@/views/types/ViewType'; import { useContext } from 'react'; -import { IconEye, useIcons } from 'twenty-ui/display'; +import { IconEye, useIcons } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; export const ViewFieldsHiddenDropdownSection = () => { diff --git a/packages/twenty-front/src/modules/views/components/ViewFieldsSearchDropdownSection.tsx b/packages/twenty-front/src/modules/views/components/ViewFieldsSearchDropdownSection.tsx index 3a161cb0bc..7409b2221b 100644 --- a/packages/twenty-front/src/modules/views/components/ViewFieldsSearchDropdownSection.tsx +++ b/packages/twenty-front/src/modules/views/components/ViewFieldsSearchDropdownSection.tsx @@ -9,7 +9,7 @@ import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/ import { ViewType } from '@/views/types/ViewType'; import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; -import { IconEye, IconEyeOff, useIcons } from 'twenty-ui/display'; +import { IconEye, IconEyeOff, useIcons } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; type ViewFieldsSearchDropdownSectionProps = { diff --git a/packages/twenty-front/src/modules/views/components/ViewFieldsVisibleDropdownSection.tsx b/packages/twenty-front/src/modules/views/components/ViewFieldsVisibleDropdownSection.tsx index cc2dd88a64..793b5d63b2 100644 --- a/packages/twenty-front/src/modules/views/components/ViewFieldsVisibleDropdownSection.tsx +++ b/packages/twenty-front/src/modules/views/components/ViewFieldsVisibleDropdownSection.tsx @@ -16,7 +16,7 @@ import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/use import { ViewType } from '@/views/types/ViewType'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconEyeOff, useIcons } from 'twenty-ui/display'; +import { IconEyeOff, useIcons } from 'twenty-ui/icon'; import { MenuItemDraggable } from 'twenty-ui/navigation'; import { sortByProperty } from '~/utils/array/sortByProperty'; diff --git a/packages/twenty-front/src/modules/views/editable-chip/components/EditableFilterChip.tsx b/packages/twenty-front/src/modules/views/editable-chip/components/EditableFilterChip.tsx index caa0ba56ac..5a93e54b1b 100644 --- a/packages/twenty-front/src/modules/views/editable-chip/components/EditableFilterChip.tsx +++ b/packages/twenty-front/src/modules/views/editable-chip/components/EditableFilterChip.tsx @@ -7,7 +7,7 @@ import { SortOrFilterChip } from '@/views/components/SortOrFilterChip'; import { useGetRecordFilterChipLabelValue } from '@/views/hooks/useGetRecordFilterChipLabelValue'; import { isNonEmptyString } from '@sniptt/guards'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { FieldMetadataType } from '~/generated-metadata/graphql'; type EditableFilterChipProps = { diff --git a/packages/twenty-front/src/modules/views/editable-chip/components/EditableFilterChipDropdownMenuHeader.tsx b/packages/twenty-front/src/modules/views/editable-chip/components/EditableFilterChipDropdownMenuHeader.tsx index b644cbb47f..cf0849c04e 100644 --- a/packages/twenty-front/src/modules/views/editable-chip/components/EditableFilterChipDropdownMenuHeader.tsx +++ b/packages/twenty-front/src/modules/views/editable-chip/components/EditableFilterChipDropdownMenuHeader.tsx @@ -3,7 +3,7 @@ import { DropdownMenuHeader } from '@/ui/layout/dropdown/components/DropdownMenu import { DropdownMenuHeaderLeftComponent } from '@/ui/layout/dropdown/components/DropdownMenuHeader/internal/DropdownMenuHeaderLeftComponent'; import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useAtomComponentSelectorValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentSelectorValue'; -import { IconX } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui/icon'; export const EditableFilterChipDropdownMenuHeader = () => { const fieldMetadataItemUsedInDropdown = useAtomComponentSelectorValue( diff --git a/packages/twenty-front/src/modules/views/editable-chip/components/EditableRelationFilterChip.tsx b/packages/twenty-front/src/modules/views/editable-chip/components/EditableRelationFilterChip.tsx index f62dff4504..b066ce8b9b 100644 --- a/packages/twenty-front/src/modules/views/editable-chip/components/EditableRelationFilterChip.tsx +++ b/packages/twenty-front/src/modules/views/editable-chip/components/EditableRelationFilterChip.tsx @@ -2,7 +2,7 @@ import { useFieldMetadataItemByIdOrThrow } from '@/object-metadata/hooks/useFiel import { type RecordFilter } from '@/object-record/record-filter/types/RecordFilter'; import { SortOrFilterChip } from '@/views/components/SortOrFilterChip'; import { useComputeRecordRelationFilterLabelValue } from '@/views/hooks/useComputeRecordRelationFilterLabelValue'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; type EditableRelationFilterChipProps = { recordFilter: RecordFilter; diff --git a/packages/twenty-front/src/modules/views/editable-chip/components/EditableSortChip.tsx b/packages/twenty-front/src/modules/views/editable-chip/components/EditableSortChip.tsx index d1adf9f5c4..9d9709c6d0 100644 --- a/packages/twenty-front/src/modules/views/editable-chip/components/EditableSortChip.tsx +++ b/packages/twenty-front/src/modules/views/editable-chip/components/EditableSortChip.tsx @@ -11,7 +11,7 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { SortOrFilterChip } from '@/views/components/SortOrFilterChip'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconArrowDown, IconArrowUp } from 'twenty-ui/display'; +import { IconArrowDown, IconArrowUp } from 'twenty-ui/icon'; import { MenuItemSelect } from 'twenty-ui/navigation'; import { ViewSortDirection } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/views/types/ViewType.ts b/packages/twenty-front/src/modules/views/types/ViewType.ts index 0ac0b6a49a..9c8663e1c0 100644 --- a/packages/twenty-front/src/modules/views/types/ViewType.ts +++ b/packages/twenty-front/src/modules/views/types/ViewType.ts @@ -3,7 +3,7 @@ import { type IconComponent, IconLayoutKanban, IconTable, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export { ViewType } from '~/generated-metadata/graphql'; import { ViewType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerContentCreateMode.tsx b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerContentCreateMode.tsx index 22683f3fd9..d78bb79bac 100644 --- a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerContentCreateMode.tsx +++ b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerContentCreateMode.tsx @@ -38,7 +38,7 @@ import { viewPickerSelectedIconComponentState } from '@/views/view-picker/states import { viewPickerTypeComponentState } from '@/views/view-picker/states/viewPickerTypeComponentState'; import { Trans, useLingui } from '@lingui/react/macro'; import { useMemo, useState } from 'react'; -import { IconX } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledFieldAvailableContainer = styled.div` diff --git a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerContentEditMode.tsx b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerContentEditMode.tsx index 62c47d72b7..d807796a4b 100644 --- a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerContentEditMode.tsx +++ b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerContentEditMode.tsx @@ -22,7 +22,7 @@ import { viewPickerIsDirtyComponentState } from '@/views/view-picker/states/view import { viewPickerIsPersistingComponentState } from '@/views/view-picker/states/viewPickerIsPersistingComponentState'; import { viewPickerSelectedIconComponentState } from '@/views/view-picker/states/viewPickerSelectedIconComponentState'; import { t } from '@lingui/core/macro'; -import { IconChevronLeft } from 'twenty-ui/display'; +import { IconChevronLeft } from 'twenty-ui/icon'; export const ViewPickerContentEditMode = () => { const { setViewPickerMode } = useViewPickerMode(); diff --git a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerDropdown.tsx b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerDropdown.tsx index b12d2cc816..26de461c06 100644 --- a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerDropdown.tsx +++ b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerDropdown.tsx @@ -14,12 +14,8 @@ import { VIEW_PICKER_DROPDOWN_ID } from '@/views/view-picker/constants/ViewPicke import { useUpdateViewFromCurrentState } from '@/views/view-picker/hooks/useUpdateViewFromCurrentState'; import { useViewPickerMode } from '@/views/view-picker/hooks/useViewPickerMode'; import { isDefined } from 'twenty-shared/utils'; -import { - IconChevronDown, - IconList, - OverflowingTextWithTooltip, - useIcons, -} from 'twenty-ui/display'; +import { IconChevronDown, IconList, useIcons } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { useContext } from 'react'; import { MOBILE_VIEWPORT, diff --git a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerListContent.tsx b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerListContent.tsx index 41ee2a4fc4..efd3df25a3 100644 --- a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerListContent.tsx +++ b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerListContent.tsx @@ -22,7 +22,7 @@ import { VIEW_PICKER_DROPDOWN_ID } from '@/views/view-picker/constants/ViewPicke import { useViewPickerMode } from '@/views/view-picker/hooks/useViewPickerMode'; import { viewPickerReferenceViewIdComponentState } from '@/views/view-picker/states/viewPickerReferenceViewIdComponentState'; import { useLingui } from '@lingui/react/macro'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { ViewVisibility } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerOptionDropdown.tsx b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerOptionDropdown.tsx index 7926c392cb..a1392967e7 100644 --- a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerOptionDropdown.tsx +++ b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerOptionDropdown.tsx @@ -19,7 +19,7 @@ import { IconPencil, IconTrash, useIcons, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { PermissionFlagType, diff --git a/packages/twenty-front/src/modules/workflow/components/WorkflowEditUpdateEventFieldsMultiSelect.tsx b/packages/twenty-front/src/modules/workflow/components/WorkflowEditUpdateEventFieldsMultiSelect.tsx index f8c41a4229..2fff59971b 100644 --- a/packages/twenty-front/src/modules/workflow/components/WorkflowEditUpdateEventFieldsMultiSelect.tsx +++ b/packages/twenty-front/src/modules/workflow/components/WorkflowEditUpdateEventFieldsMultiSelect.tsx @@ -5,7 +5,7 @@ import { type FieldMultiSelectValue } from '@/object-record/record-field/ui/type import { isFieldRelation } from '@/object-record/record-field/ui/types/guards/isFieldRelation'; import { shouldDisplayFormField } from '@/workflow/workflow-steps/workflow-actions/utils/shouldDisplayFormField'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { RelationType } from '~/generated-metadata/graphql'; export const WorkflowFieldsMultiSelect = ({ diff --git a/packages/twenty-front/src/modules/workflow/components/WorkflowStepExecutionResult.tsx b/packages/twenty-front/src/modules/workflow/components/WorkflowStepExecutionResult.tsx index aaa7ac9e28..5b46d70434 100644 --- a/packages/twenty-front/src/modules/workflow/components/WorkflowStepExecutionResult.tsx +++ b/packages/twenty-front/src/modules/workflow/components/WorkflowStepExecutionResult.tsx @@ -5,9 +5,9 @@ import { IconLoader, IconSquareRoundedCheck, IconSquareRoundedX, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { CodeEditor, CoreEditorHeader } from 'twenty-ui/input'; -import { AnimatedCircleLoading } from 'twenty-ui/utilities'; +import { AnimatedCircleLoading } from 'twenty-ui/layout'; import { themeCssVariables, ThemeContext } from 'twenty-ui/theme-constants'; import { useContext } from 'react'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/workflow/hooks/useRunWorkflowRunOpeningInSidePanelEffects.ts b/packages/twenty-front/src/modules/workflow/hooks/useRunWorkflowRunOpeningInSidePanelEffects.ts index ea263df24e..171c5ca785 100644 --- a/packages/twenty-front/src/modules/workflow/hooks/useRunWorkflowRunOpeningInSidePanelEffects.ts +++ b/packages/twenty-front/src/modules/workflow/hooks/useRunWorkflowRunOpeningInSidePanelEffects.ts @@ -15,7 +15,7 @@ import { generateWorkflowRunDiagram } from '@/workflow/workflow-diagram/utils/ge import { getWorkflowNodeIconKey } from '@/workflow/workflow-diagram/utils/getWorkflowNodeIconKey'; import { useCallback } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { useStore } from 'jotai'; export const useRunWorkflowRunOpeningInSidePanelEffects = () => { diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCanvasBase.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCanvasBase.tsx index 6f65b599f2..5f32ba7eb6 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCanvasBase.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCanvasBase.tsx @@ -62,7 +62,7 @@ import React, { useState, } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { Tag, type TagColor } from 'twenty-ui/components'; +import { Tag, type TagColor } from 'twenty-ui/data-display'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledResetReactflowStyles = styled.div` --xy-node-background-color: none; diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCreateStepElement.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCreateStepElement.tsx index ba2b0be7b5..c158bbbde7 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCreateStepElement.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCreateStepElement.tsx @@ -5,7 +5,7 @@ import { type WorkflowDiagramStepNodeData } from '@/workflow/workflow-diagram/ty import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramRightClickCommandMenu.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramRightClickCommandMenu.tsx index d5ad814177..6137024726 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramRightClickCommandMenu.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramRightClickCommandMenu.tsx @@ -8,7 +8,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useRef } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconPlus, IconReorder } from 'twenty-ui/display'; +import { IconPlus, IconReorder } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { WorkflowDiagramRightClickCommandMenuClickOutsideEffect } from './WorkflowDiagramRightClickCommandMenuClickOutsideEffect'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowRunVisualizerEffect.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowRunVisualizerEffect.tsx index 789eeb3723..2fa2bf0ade 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowRunVisualizerEffect.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowRunVisualizerEffect.tsx @@ -21,7 +21,7 @@ import { useStore } from 'jotai'; import { useCallback, useContext, useEffect } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; export const WorkflowRunVisualizerEffect = ({ workflowRunId, diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/utils/getWorkflowRunStatusTagProps.ts b/packages/twenty-front/src/modules/workflow/workflow-diagram/utils/getWorkflowRunStatusTagProps.ts index fff3983b92..db4db5adc5 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/utils/getWorkflowRunStatusTagProps.ts +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/utils/getWorkflowRunStatusTagProps.ts @@ -1,5 +1,5 @@ import { type WorkflowRunStatus } from '@/workflow/types/Workflow'; -import { type TagColor } from 'twenty-ui/components'; +import { type TagColor } from 'twenty-ui/data-display'; export const getWorkflowRunStatusTagProps = ({ workflowRunStatus, diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/utils/getWorkflowVersionStatusTagProps.ts b/packages/twenty-front/src/modules/workflow/workflow-diagram/utils/getWorkflowVersionStatusTagProps.ts index 692e2756c4..fa18b8c2a8 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/utils/getWorkflowVersionStatusTagProps.ts +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/utils/getWorkflowVersionStatusTagProps.ts @@ -1,5 +1,5 @@ import { type WorkflowVersionStatus } from '@/workflow/types/Workflow'; -import { type TagColor } from 'twenty-ui/components'; +import { type TagColor } from 'twenty-ui/data-display'; export const getWorkflowVersionStatusTagProps = ({ workflowVersionStatus, diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-edges/components/WorkflowDiagramDefaultEdgeEditable.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-edges/components/WorkflowDiagramDefaultEdgeEditable.tsx index 58990a5952..08e2a2d410 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-edges/components/WorkflowDiagramDefaultEdgeEditable.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-edges/components/WorkflowDiagramDefaultEdgeEditable.tsx @@ -15,7 +15,7 @@ import { useLingui } from '@lingui/react/macro'; import { EdgeLabelRenderer } from '@xyflow/react'; import { type MouseEvent } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconPlus, IconTrash } from 'twenty-ui/display'; +import { IconPlus, IconTrash } from 'twenty-ui/icon'; type WorkflowDiagramDefaultEdgeEditableProps = WorkflowDiagramEdgeComponentProps; diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-edges/components/WorkflowDiagramEdgeLabel.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-edges/components/WorkflowDiagramEdgeLabel.tsx index 051e951a46..6da0513f26 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-edges/components/WorkflowDiagramEdgeLabel.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-edges/components/WorkflowDiagramEdgeLabel.tsx @@ -1,6 +1,6 @@ import { styled } from '@linaria/react'; import { isDefined } from 'twenty-shared/utils'; -import { Label } from 'twenty-ui/display'; +import { Label } from 'twenty-ui/typography'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramEmptyTriggerReadonly.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramEmptyTriggerReadonly.tsx index 0aa9781810..304a3ef244 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramEmptyTriggerReadonly.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramEmptyTriggerReadonly.tsx @@ -18,7 +18,7 @@ import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; import { TRIGGER_STEP_ID } from 'twenty-shared/workflow'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; export const WorkflowDiagramEmptyTriggerReadonly = ({ id }: { id: string }) => { const { getIcon } = useIcons(); diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeEditable.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeEditable.tsx index f6f7443eb7..51a3197223 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeEditable.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeEditable.tsx @@ -12,7 +12,7 @@ import { getWorkflowNodeIconKey } from '@/workflow/workflow-diagram/utils/getWor import { WorkflowDiagramStepNodeEditableContent } from '@/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeEditableContent'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; export const WorkflowDiagramStepNodeEditable = ({ id, diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeIcon.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeIcon.tsx index 5efcdacf45..a6e86b24e0 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeIcon.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeIcon.tsx @@ -2,7 +2,7 @@ import { type WorkflowDiagramStepNodeData } from '@/workflow/workflow-diagram/ty import { getWorkflowNodeIconKey } from '@/workflow/workflow-diagram/utils/getWorkflowNodeIconKey'; import { WorkflowDiagramStepNodeLogicFunctionIcon } from '@/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeLogicFunctionIcon'; import { assertUnreachable } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { ThemeContext } from 'twenty-ui/theme-constants'; import { useContext } from 'react'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeLogicFunctionIcon.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeLogicFunctionIcon.tsx index 211c62e4e7..dcd70308f7 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeLogicFunctionIcon.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeLogicFunctionIcon.tsx @@ -4,7 +4,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { getActionIcon } from '@/workflow/workflow-steps/workflow-actions/utils/getActionIcon'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { ThemeContext } from 'twenty-ui/theme-constants'; export const WorkflowDiagramStepNodeLogicFunctionIcon = ({ diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeReadonly.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeReadonly.tsx index 8b35ba46b0..78c15f1b90 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeReadonly.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeReadonly.tsx @@ -25,7 +25,7 @@ import { isNodeTitleHighlighted } from '@/workflow/workflow-diagram/workflow-nod import { Position } from '@xyflow/react'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; export const WorkflowDiagramStepNodeReadonly = ({ id, diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowNodeLabel.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowNodeLabel.tsx index c01fa755af..e699963443 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowNodeLabel.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowNodeLabel.tsx @@ -1,7 +1,7 @@ import type { WorkflowRunStepStatus } from '@/workflow/types/Workflow'; import { getWorkflowDiagramColors } from '@/workflow/workflow-diagram/utils/getWorkflowDiagramColors'; import { styled } from '@linaria/react'; -import { Label } from 'twenty-ui/display'; +import { Label } from 'twenty-ui/typography'; type WorkflowNodeLabelProps = { runStatus?: WorkflowRunStepStatus; diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowRunDiagramStepNode.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowRunDiagramStepNode.tsx index c1c29752dd..8a28fa936e 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowRunDiagramStepNode.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowRunDiagramStepNode.tsx @@ -29,7 +29,7 @@ import { Position } from '@xyflow/react'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; import { StepStatus } from 'twenty-shared/workflow'; -import { IconCheck, IconX, useIcons } from 'twenty-ui/display'; +import { IconCheck, IconX, useIcons } from 'twenty-ui/icon'; import { Loader } from 'twenty-ui/feedback'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsAiAgentDetail.tsx b/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsAiAgentDetail.tsx index 69dea6b017..eadeb25322 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsAiAgentDetail.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsAiAgentDetail.tsx @@ -10,7 +10,7 @@ import { IconCpu, IconTool, IconWorld, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { formatDuration } from '@/workflow/workflow-run/observability/workflowRunStepLogsFormatters'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsCodeDetail.tsx b/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsCodeDetail.tsx index 0179547239..c0c99f86cd 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsCodeDetail.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsCodeDetail.tsx @@ -7,7 +7,7 @@ import { IconCheck, IconClock, IconTerminal, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { MONOSPACE_FONT_FAMILY } from '@/ui/theme/constants/MonospaceFontFamily'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsDetail.tsx b/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsDetail.tsx index d3f820e8e2..c88eea2003 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsDetail.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsDetail.tsx @@ -2,7 +2,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; import { workflowRunStepLogSchema } from 'twenty-shared/workflow'; -import { IconInfoCircle } from 'twenty-ui/display'; +import { IconInfoCircle } from 'twenty-ui/icon'; import { isTwoFirstDepths, JsonTree } from 'twenty-ui/json-visualizer'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { type JsonValue } from 'type-fest'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsEmailDetail.tsx b/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsEmailDetail.tsx index 32e5f3f1c9..4932cd940b 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsEmailDetail.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsEmailDetail.tsx @@ -8,7 +8,7 @@ import { IconClock, IconMail, IconPaperclip, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { diff --git a/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsHttpRequestDetail.tsx b/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsHttpRequestDetail.tsx index 8baaf1a090..67be6e963e 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsHttpRequestDetail.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsHttpRequestDetail.tsx @@ -9,7 +9,7 @@ import { IconArrowUp, IconClock, IconWorld, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { MONOSPACE_FONT_FAMILY } from '@/ui/theme/constants/MonospaceFontFamily'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsToolCallRow.tsx b/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsToolCallRow.tsx index 36b9d72231..2a9183e408 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsToolCallRow.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-run/observability/WorkflowRunStepLogsToolCallRow.tsx @@ -11,7 +11,7 @@ import { IconChevronDown, IconChevronUp, IconCircleX, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { JsonTree } from 'twenty-ui/json-visualizer'; import { AnimatedExpandableContainer } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/components/WorkflowDropdownStepOutputItems.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/components/WorkflowDropdownStepOutputItems.tsx index dc932cdea9..8bb3aaa7c1 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/components/WorkflowDropdownStepOutputItems.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/components/WorkflowDropdownStepOutputItems.tsx @@ -31,11 +31,8 @@ import { } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; import { extractRawVariableNamePart } from 'twenty-shared/workflow'; -import { - IconChevronLeft, - OverflowingTextWithTooltip, - useIcons, -} from 'twenty-ui/display'; +import { IconChevronLeft, useIcons } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { MenuItemSelect } from 'twenty-ui/navigation'; type WorkflowDropdownStepOutputItemsProps = { diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/components/WorkflowRunStepInputDetail.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/components/WorkflowRunStepInputDetail.tsx index a687b87298..d2d3acefae 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/components/WorkflowRunStepInputDetail.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/components/WorkflowRunStepInputDetail.tsx @@ -9,7 +9,7 @@ import { getWorkflowRunStepContext } from '@/workflow/workflow-steps/utils/getWo import { getWorkflowVariablesUsedInStep } from '@/workflow/workflow-steps/utils/getWorkflowVariablesUsedInStep'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconBrackets } from 'twenty-ui/display'; +import { IconBrackets } from 'twenty-ui/icon'; import { type GetJsonNodeHighlighting, JsonNestedNode, diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/components/WorkflowStepFooter.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/components/WorkflowStepFooter.tsx index 41a3c414c7..00b2f13e9a 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/components/WorkflowStepFooter.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/components/WorkflowStepFooter.tsx @@ -21,7 +21,7 @@ import { IconRobot, IconTrash, IconUsers, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterAddFilterRuleSelect.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterAddFilterRuleSelect.tsx index 6584a9b745..170a6490f3 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterAddFilterRuleSelect.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterAddFilterRuleSelect.tsx @@ -14,7 +14,7 @@ import { } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; import { t } from '@lingui/core/macro'; -import { IconLibraryPlus, IconPlus } from 'twenty-ui/display'; +import { IconLibraryPlus, IconPlus } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { v4 } from 'uuid'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterAddRootStepFilterButton.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterAddRootStepFilterButton.tsx index 9d348ba306..795c1ed963 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterAddRootStepFilterButton.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterAddRootStepFilterButton.tsx @@ -3,7 +3,7 @@ import { WorkflowStepFilterContext } from '@/workflow/workflow-steps/filters/sta import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useContext } from 'react'; -import { IconFilter } from 'twenty-ui/display'; +import { IconFilter } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterFieldSelect.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterFieldSelect.tsx index 3d14eeb09c..d98c04ba77 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterFieldSelect.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterFieldSelect.tsx @@ -15,7 +15,7 @@ import { useContext, useState } from 'react'; import { type StepFilter } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; import { extractRawVariableNamePart } from 'twenty-shared/workflow'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { FieldMetadataType } from '~/generated-metadata/graphql'; type WorkflowStepFilterFieldSelectProps = { diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterGroupOptionsDropdown.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterGroupOptionsDropdown.tsx index 6daf32b5b5..ffc289589e 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterGroupOptionsDropdown.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterGroupOptionsDropdown.tsx @@ -6,7 +6,7 @@ import { useRemoveStepFilterGroup } from '@/workflow/workflow-steps/filters/hook import { WorkflowStepFilterContext } from '@/workflow/workflow-steps/filters/states/context/WorkflowStepFilterContext'; import { useContext } from 'react'; import { t } from '@lingui/core/macro'; -import { IconDotsVertical, IconTrash } from 'twenty-ui/display'; +import { IconDotsVertical, IconTrash } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterOptionsDropdown.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterOptionsDropdown.tsx index 8695ab13cd..8ffc3e5014 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterOptionsDropdown.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/filters/components/WorkflowStepFilterOptionsDropdown.tsx @@ -6,7 +6,7 @@ import { useRemoveStepFilter } from '@/workflow/workflow-steps/filters/hooks/use import { WorkflowStepFilterContext } from '@/workflow/workflow-steps/filters/states/context/WorkflowStepFilterContext'; import { useContext } from 'react'; import { t } from '@lingui/core/macro'; -import { IconDotsVertical, IconTrash } from 'twenty-ui/display'; +import { IconDotsVertical, IconTrash } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowAiAgentPermissionsFlagRow.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowAiAgentPermissionsFlagRow.tsx index 015f2be674..662c5308ba 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowAiAgentPermissionsFlagRow.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowAiAgentPermissionsFlagRow.tsx @@ -1,5 +1,5 @@ import { type SettingsRolePermissionsSettingPermission } from '@/settings/roles/role-permissions/permission-flags/types/SettingsRolePermissionsSettingPermission'; -import { IconTrash } from 'twenty-ui/display'; +import { IconTrash } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; type WorkflowAiAgentPermissionsFlagRowProps = { diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowAiAgentPermissionsPermissionRow.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowAiAgentPermissionsPermissionRow.tsx index 9102da9c95..b058df54e7 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowAiAgentPermissionsPermissionRow.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowAiAgentPermissionsPermissionRow.tsx @@ -1,6 +1,6 @@ import { PermissionIcon } from '@/settings/roles/role-permissions/objects-permissions/components/PermissionIcon'; import { type SettingsRoleObjectPermissionKey } from '@/settings/roles/role-permissions/objects-permissions/constants/SettingsRoleObjectPermissionIconConfig'; -import { IconTrash } from 'twenty-ui/display'; +import { IconTrash } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; type WorkflowAiAgentPermissionsPermissionRowProps = { diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowEditActionAiAgent.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowEditActionAiAgent.tsx index 1e04fe1e41..aa9bf6b358 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowEditActionAiAgent.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowEditActionAiAgent.tsx @@ -19,7 +19,7 @@ import { useLingui } from '@lingui/react/macro'; import { useEffect, useState } from 'react'; import { SettingsPath } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconLock, IconSparkles } from 'twenty-ui/display'; +import { IconLock, IconSparkles } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useDebouncedCallback } from 'use-debounce'; import { diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowOutputSchemaBuilder.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowOutputSchemaBuilder.tsx index 1c25f90976..b1655e028f 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowOutputSchemaBuilder.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/ai-agent-action/components/WorkflowOutputSchemaBuilder.tsx @@ -7,12 +7,7 @@ import { InputLabel } from '@/ui/input/components/InputLabel'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext, useState } from 'react'; -import { - IconChevronDown, - IconPlus, - IconVariable, - IconX, -} from 'twenty-ui/display'; +import { IconChevronDown, IconPlus, IconVariable, IconX } from 'twenty-ui/icon'; import { AnimatedLightIconButton, LightIconButton } from 'twenty-ui/input'; import { AnimatedExpandableContainer } from 'twenty-ui/layout'; import { MenuItem } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/code-action/components/WorkflowCodeEditor.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/code-action/components/WorkflowCodeEditor.tsx index 60d8c5a131..9aedaa1c24 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/code-action/components/WorkflowCodeEditor.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/code-action/components/WorkflowCodeEditor.tsx @@ -3,7 +3,7 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { type Monaco } from '@monaco-editor/react'; import { type editor } from 'monaco-editor'; -import { IconMaximize } from 'twenty-ui/display'; +import { IconMaximize } from 'twenty-ui/icon'; import { CodeEditor, LightIconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/code-action/components/WorkflowEditActionCode.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/code-action/components/WorkflowEditActionCode.tsx index a21e20082c..ab4dbb60a9 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/code-action/components/WorkflowEditActionCode.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/code-action/components/WorkflowEditActionCode.tsx @@ -45,7 +45,7 @@ import { } from 'twenty-shared/logic-function'; import { isDefined } from 'twenty-shared/utils'; import { getFunctionInputFromInputSchema } from 'twenty-shared/workflow'; -import { IconCode, IconPlayerPlay } from 'twenty-ui/display'; +import { IconCode, IconPlayerPlay } from 'twenty-ui/icon'; import { CodeEditor } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useIsMobile } from 'twenty-ui/utilities'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionCreateRecord.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionCreateRecord.tsx index bf32c43729..63f9e1dbc1 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionCreateRecord.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionCreateRecord.tsx @@ -16,7 +16,7 @@ import { t } from '@lingui/core/macro'; import { useEffect, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; import { canObjectBeManagedByAutomation } from 'twenty-shared/workflow'; -import { HorizontalSeparator } from 'twenty-ui/display'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { type SelectOption } from 'twenty-ui/input'; import { type JsonValue } from 'type-fest'; import { useDebouncedCallback } from 'use-debounce'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionDeleteRecord.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionDeleteRecord.tsx index cbccce90fa..39baa1205d 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionDeleteRecord.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionDeleteRecord.tsx @@ -12,7 +12,7 @@ import { WorkflowStepFooter } from '@/workflow/workflow-steps/components/Workflo import { WorkflowVariablePicker } from '@/workflow/workflow-variables/components/WorkflowVariablePicker'; import { isDefined } from 'twenty-shared/utils'; import { canObjectBeManagedByAutomation } from 'twenty-shared/workflow'; -import { HorizontalSeparator } from 'twenty-ui/display'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { type SelectOption } from 'twenty-ui/input'; import { type JsonValue } from 'type-fest'; import { useDebouncedCallback } from 'use-debounce'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionEmailBase.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionEmailBase.tsx index 200641a1b2..6f1796318b 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionEmailBase.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionEmailBase.tsx @@ -29,7 +29,8 @@ import { t } from '@lingui/core/macro'; import { useEffect, useState } from 'react'; import { ConnectedAccountProvider, SettingsPath } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { Callout, IconPlus } from 'twenty-ui/display'; +import { Callout } from 'twenty-ui/feedback'; +import { IconPlus } from 'twenty-ui/icon'; import { Button, type SelectOption } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionUpdateRecord.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionUpdateRecord.tsx index 46e3519eb7..e3e3a125c6 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionUpdateRecord.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionUpdateRecord.tsx @@ -17,7 +17,7 @@ import { t } from '@lingui/core/macro'; import { useEffect, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; import { canObjectBeManagedByAutomation } from 'twenty-shared/workflow'; -import { HorizontalSeparator } from 'twenty-ui/display'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { type SelectOption } from 'twenty-ui/input'; import { type JsonValue } from 'type-fest'; import { useDebouncedCallback } from 'use-debounce'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionUpsertRecord.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionUpsertRecord.tsx index f98239a659..56289706ab 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionUpsertRecord.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionUpsertRecord.tsx @@ -18,7 +18,7 @@ import { t } from '@lingui/core/macro'; import { useEffect, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; import { canObjectBeManagedByAutomation } from 'twenty-shared/workflow'; -import { HorizontalSeparator } from 'twenty-ui/display'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { type SelectOption } from 'twenty-ui/input'; import { type JsonValue } from 'type-fest'; import { useDebouncedCallback } from 'use-debounce'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/delay-actions/components/WorkflowEditActionDelay.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/delay-actions/components/WorkflowEditActionDelay.tsx index 58dbf25103..867204e9fd 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/delay-actions/components/WorkflowEditActionDelay.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/delay-actions/components/WorkflowEditActionDelay.tsx @@ -8,11 +8,8 @@ import { WorkflowStepFooter } from '@/workflow/workflow-steps/components/Workflo import { WorkflowVariablePicker } from '@/workflow/workflow-variables/components/WorkflowVariablePicker'; import { t } from '@lingui/core/macro'; import { useEffect, useState } from 'react'; -import { - HorizontalSeparator, - IconCalendar, - IconHourglassHigh, -} from 'twenty-ui/display'; +import { IconCalendar, IconHourglassHigh } from 'twenty-ui/icon'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { type SelectOption } from 'twenty-ui/input'; type WorkflowEditActionDelayProps = { diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/find-records-action/components/WorkflowEditActionFindRecords.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/find-records-action/components/WorkflowEditActionFindRecords.tsx index 147154b6f7..e8509a2317 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/find-records-action/components/WorkflowEditActionFindRecords.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/find-records-action/components/WorkflowEditActionFindRecords.tsx @@ -6,7 +6,7 @@ import { isNumber } from '@sniptt/guards'; import { useEffect, useState } from 'react'; import { QUERY_MAX_RECORDS } from 'twenty-shared/constants'; import { isDefined } from 'twenty-shared/utils'; -import { HorizontalSeparator } from 'twenty-ui/display'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { type JsonValue } from 'type-fest'; import { useDebouncedCallback } from 'use-debounce'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/find-records-action/components/WorkflowFindRecordsSorts.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/find-records-action/components/WorkflowFindRecordsSorts.tsx index 9fc91efac6..e895befbc7 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/find-records-action/components/WorkflowFindRecordsSorts.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/find-records-action/components/WorkflowFindRecordsSorts.tsx @@ -4,7 +4,7 @@ import { type RecordSort } from '@/object-record/record-sort/types/RecordSort'; import { Select } from '@/ui/input/components/Select'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; -import { IconArrowsSort, IconTrash, useIcons } from 'twenty-ui/display'; +import { IconArrowsSort, IconTrash, useIcons } from 'twenty-ui/icon'; import { Button, type SelectOption } from 'twenty-ui/input'; import { v4 as uuidv4 } from 'uuid'; import { ViewSortDirection } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/find-records-action/components/WorkflowObjectDropdownContent.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/find-records-action/components/WorkflowObjectDropdownContent.tsx index ce6c21bd47..c83d5d61ed 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/find-records-action/components/WorkflowObjectDropdownContent.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/find-records-action/components/WorkflowObjectDropdownContent.tsx @@ -10,7 +10,7 @@ import { GenericDropdownContentWidth } from '@/ui/layout/dropdown/constants/Gene import { Trans } from '@lingui/react/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { useState } from 'react'; -import { IconChevronLeft, IconSettings } from 'twenty-ui/display'; +import { IconChevronLeft, IconSettings } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; type WorkflowObjectDropdownContentProps = { diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/form-action/components/WorkflowEditActionFormBuilder.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/form-action/components/WorkflowEditActionFormBuilder.tsx index c5cb34ee67..1178a2758a 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/form-action/components/WorkflowEditActionFormBuilder.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/form-action/components/WorkflowEditActionFormBuilder.tsx @@ -21,14 +21,14 @@ import { isNonEmptyString } from '@sniptt/guards'; import { useContext, useEffect, useState } from 'react'; import { FieldMetadataType } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; +import { Callout } from 'twenty-ui/feedback'; import { - Callout, IconAlertTriangle, IconChevronDown, IconGripVertical, IconPlus, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { useDebouncedCallback } from 'use-debounce'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/form-action/components/WorkflowEditActionFormFieldSettings.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/form-action/components/WorkflowEditActionFormFieldSettings.tsx index eaf4d827b2..1bb0e6b68b 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/form-action/components/WorkflowEditActionFormFieldSettings.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/form-action/components/WorkflowEditActionFormFieldSettings.tsx @@ -8,7 +8,7 @@ import { type WorkflowFormFieldType } from '@/workflow/workflow-steps/workflow-a import { getDefaultFormFieldSettings } from '@/workflow/workflow-steps/workflow-actions/form-action/utils/getDefaultFormFieldSettings'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconSettingsAutomation, IconX } from 'twenty-ui/display'; +import { IconSettingsAutomation, IconX } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { themeCssVariables, ThemeContext } from 'twenty-ui/theme-constants'; import { useContext } from 'react'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/form-action/constants/FormSelectFieldTypeOptions.ts b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/form-action/constants/FormSelectFieldTypeOptions.ts index 7330c1f68b..bf31f0d18e 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/form-action/constants/FormSelectFieldTypeOptions.ts +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/form-action/constants/FormSelectFieldTypeOptions.ts @@ -8,7 +8,7 @@ import { IllustrationIconTag, IllustrationIconTags, IllustrationIconText, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; export const FORM_SELECT_FIELD_TYPE_OPTIONS: SelectOption[] = diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/http-request-action/components/BodyInput.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/http-request-action/components/BodyInput.tsx index d2dcf78a66..b2e1580771 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/http-request-action/components/BodyInput.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/http-request-action/components/BodyInput.tsx @@ -21,7 +21,7 @@ import { CONTENT_TYPE_VALUES_HTTP_REQUEST, type BodyType, } from 'twenty-shared/workflow'; -import { IconFileText, IconKey } from 'twenty-ui/display'; +import { IconFileText, IconKey } from 'twenty-ui/icon'; import { type JsonValue } from 'type-fest'; import { KeyValuePairInput } from './KeyValuePairInput'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/http-request-action/components/KeyValuePairInput.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/http-request-action/components/KeyValuePairInput.tsx index b7f8ac0196..efa8c36d4f 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/http-request-action/components/KeyValuePairInput.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/http-request-action/components/KeyValuePairInput.tsx @@ -7,7 +7,7 @@ import { WorkflowVariablePicker } from '@/workflow/workflow-variables/components import { t } from '@lingui/core/macro'; import { styled } from '@linaria/react'; import { useState } from 'react'; -import { IconTrash } from 'twenty-ui/display'; +import { IconTrash } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { v4 } from 'uuid'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/http-request-action/components/WorkflowEditActionHttpRequest.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/http-request-action/components/WorkflowEditActionHttpRequest.tsx index 3ad34143db..06706ec741 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/http-request-action/components/WorkflowEditActionHttpRequest.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/http-request-action/components/WorkflowEditActionHttpRequest.tsx @@ -16,7 +16,7 @@ import { WorkflowVariablePicker } from '@/workflow/workflow-variables/components import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useContext, useEffect } from 'react'; -import { IconPlayerPlay, IconSettings } from 'twenty-ui/display'; +import { IconPlayerPlay, IconSettings } from 'twenty-ui/icon'; import { HTTP_METHODS, JSON_RESPONSE_PLACEHOLDER, diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/if-else-action/components/WorkflowEditActionIfElseBody.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/if-else-action/components/WorkflowEditActionIfElseBody.tsx index 6402a0a825..d5423b6101 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/if-else-action/components/WorkflowEditActionIfElseBody.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/if-else-action/components/WorkflowEditActionIfElseBody.tsx @@ -27,7 +27,8 @@ import { t } from '@lingui/core/macro'; import { Fragment } from 'react'; import { isDefined } from 'twenty-shared/utils'; import { type StepIfElseBranch } from 'twenty-shared/workflow'; -import { HorizontalSeparator, IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; +import { HorizontalSeparator } from 'twenty-ui/layout'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/iterator-action/components/WorkflowIteratorSubStepSwitcher.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/iterator-action/components/WorkflowIteratorSubStepSwitcher.tsx index e3fd7efebd..de1ad57568 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/iterator-action/components/WorkflowIteratorSubStepSwitcher.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/iterator-action/components/WorkflowIteratorSubStepSwitcher.tsx @@ -9,7 +9,7 @@ import { getWorkflowRunAllStepInfoHistory } from '@/workflow/workflow-steps/util import { styled } from '@linaria/react'; import { plural } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronLeft, IconChevronRight } from 'twenty-ui/display'; +import { IconChevronLeft, IconChevronRight } from 'twenty-ui/icon'; import { IconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/logic-function-action/components/WorkflowEditActionLogicFunction.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/logic-function-action/components/WorkflowEditActionLogicFunction.tsx index e10235f913..d20587d001 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/logic-function-action/components/WorkflowEditActionLogicFunction.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/logic-function-action/components/WorkflowEditActionLogicFunction.tsx @@ -25,11 +25,8 @@ import { useMemo } from 'react'; import { getOutputSchemaFromValue } from 'twenty-shared/logic-function'; import { isDefined } from 'twenty-shared/utils'; import { getFunctionInputFromInputSchema } from 'twenty-shared/workflow'; -import { - Callout, - IconPlayerPlay, - IconSettingsAutomation, -} from 'twenty-ui/display'; +import { Callout } from 'twenty-ui/feedback'; +import { IconPlayerPlay, IconSettingsAutomation } from 'twenty-ui/icon'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useDebouncedCallback } from 'use-debounce'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerDatabaseEventForm.tsx b/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerDatabaseEventForm.tsx index 1f349c2436..a0b46e883a 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerDatabaseEventForm.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerDatabaseEventForm.tsx @@ -21,7 +21,7 @@ import { Trans, useLingui } from '@lingui/react/macro'; import { useCallback, useMemo, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; import { TRIGGER_STEP_ID } from 'twenty-shared/workflow'; -import { IconChevronLeft, IconSettings } from 'twenty-ui/display'; +import { IconChevronLeft, IconSettings } from 'twenty-ui/icon'; import { MenuItem } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerManual.tsx b/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerManual.tsx index 83a73ff185..82accba82c 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerManual.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerManual.tsx @@ -15,7 +15,7 @@ import { useLingui } from '@lingui/react/macro'; import { QUERY_MAX_RECORDS } from 'twenty-shared/constants'; import { isDefined } from 'twenty-shared/utils'; import { TRIGGER_STEP_ID } from 'twenty-shared/workflow'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { type SelectOption } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerWebhookForm.tsx b/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerWebhookForm.tsx index 165c40ccbe..f831514b58 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerWebhookForm.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-trigger/components/WorkflowEditTriggerWebhookForm.tsx @@ -19,7 +19,7 @@ import { isDefined } from 'twenty-shared/utils'; import { getOutputSchemaFromValue } from 'twenty-shared/logic-function'; import { TRIGGER_STEP_ID } from 'twenty-shared/workflow'; import { t } from '@lingui/core/macro'; -import { IconCopy } from 'twenty-ui/display'; +import { IconCopy } from 'twenty-ui/icon'; import { useDebouncedCallback } from 'use-debounce'; import { REACT_APP_SERVER_BASE_URL } from '~/config'; diff --git a/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/CronTriggerIntervalOptions.ts b/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/CronTriggerIntervalOptions.ts index 468b9e21b2..efd1dd6403 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/CronTriggerIntervalOptions.ts +++ b/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/CronTriggerIntervalOptions.ts @@ -4,7 +4,7 @@ import { IconHours24, IconTimeDuration60, IconBrandDaysCounter, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export type CronTriggerInterval = 'DAYS' | 'HOURS' | 'MINUTES' | 'CUSTOM'; export const CRON_TRIGGER_INTERVAL_OPTIONS: Array<{ diff --git a/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/ManualTriggerAvailabilityOptions.ts b/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/ManualTriggerAvailabilityOptions.ts index 6ba6cb5628..9db38da0b3 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/ManualTriggerAvailabilityOptions.ts +++ b/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/ManualTriggerAvailabilityOptions.ts @@ -1,9 +1,5 @@ import { type WorkflowManualTriggerAvailability } from '@/workflow/types/Workflow'; -import { - IconCheckbox, - type IconComponent, - IconSquare, -} from 'twenty-ui/display'; +import { IconCheckbox, type IconComponent, IconSquare } from 'twenty-ui/icon'; export const MANUAL_TRIGGER_AVAILABILITY_OPTIONS: Array<{ label: string; diff --git a/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/ManualTriggerAvailabilityTypeOptions.ts b/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/ManualTriggerAvailabilityTypeOptions.ts index ceebc209c8..d3ff2b85db 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/ManualTriggerAvailabilityTypeOptions.ts +++ b/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/ManualTriggerAvailabilityTypeOptions.ts @@ -3,7 +3,7 @@ import { type IconComponent, IconId, IconListDetails, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; export const MANUAL_TRIGGER_AVAILABILITY_TYPE_OPTIONS: Array<{ label: string; diff --git a/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/ManualTriggerIsPinnedOptions.ts b/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/ManualTriggerIsPinnedOptions.ts index 50e6248fcf..34e0988762 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/ManualTriggerIsPinnedOptions.ts +++ b/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/ManualTriggerIsPinnedOptions.ts @@ -1,8 +1,4 @@ -import { - type IconComponent, - IconPinned, - IconPinnedOff, -} from 'twenty-ui/display'; +import { type IconComponent, IconPinned, IconPinnedOff } from 'twenty-ui/icon'; export const MANUAL_TRIGGER_IS_PINNED_OPTIONS: Array<{ label: string; diff --git a/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/WebhookTriggerAuthenticationOptions.ts b/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/WebhookTriggerAuthenticationOptions.ts index 72066d6682..91a515bdd3 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/WebhookTriggerAuthenticationOptions.ts +++ b/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/WebhookTriggerAuthenticationOptions.ts @@ -1,4 +1,4 @@ -import { type IconComponent, IconLockOpen, IconFlag } from 'twenty-ui/display'; +import { type IconComponent, IconLockOpen, IconFlag } from 'twenty-ui/icon'; export type AuthenticationMethods = 'API_KEY' | null; export const WEBHOOK_TRIGGER_AUTHENTICATION_OPTIONS: Array<{ diff --git a/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/WebhookTriggerHttpMethodOptions.ts b/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/WebhookTriggerHttpMethodOptions.ts index 8070741d6d..5893505bc2 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/WebhookTriggerHttpMethodOptions.ts +++ b/packages/twenty-front/src/modules/workflow/workflow-trigger/constants/WebhookTriggerHttpMethodOptions.ts @@ -1,8 +1,4 @@ -import { - type IconComponent, - IconHttpGet, - IconHttpPost, -} from 'twenty-ui/display'; +import { type IconComponent, IconHttpGet, IconHttpPost } from 'twenty-ui/icon'; export type WebhookHttpMethods = 'GET' | 'POST'; export const WEBHOOK_TRIGGER_HTTP_METHOD_OPTIONS: Array<{ diff --git a/packages/twenty-front/src/modules/workflow/workflow-variables/components/WorkflowVariablesDropdown.tsx b/packages/twenty-front/src/modules/workflow/workflow-variables/components/WorkflowVariablesDropdown.tsx index e182d049a5..3c4f218b58 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-variables/components/WorkflowVariablesDropdown.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-variables/components/WorkflowVariablesDropdown.tsx @@ -10,7 +10,7 @@ import { type StepOutputSchemaV2 } from '@/workflow/workflow-variables/types/Ste import { styled } from '@linaria/react'; import { useContext, useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconVariablePlus } from 'twenty-ui/display'; +import { IconVariablePlus } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledDropdownVariableButtonContainer = styled.div<{ diff --git a/packages/twenty-front/src/modules/workflow/workflow-variables/components/WorkflowVariablesDropdownStepItems.tsx b/packages/twenty-front/src/modules/workflow/workflow-variables/components/WorkflowVariablesDropdownStepItems.tsx index b2481bddf6..e42521750a 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-variables/components/WorkflowVariablesDropdownStepItems.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-variables/components/WorkflowVariablesDropdownStepItems.tsx @@ -17,11 +17,8 @@ import { getStepItemIcon } from '@/workflow/workflow-variables/utils/getStepItem import { getVariableTemplateFromPath } from '@/workflow/workflow-variables/utils/getVariableTemplateFromPath'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { - IconChevronLeft, - OverflowingTextWithTooltip, - useIcons, -} from 'twenty-ui/display'; +import { IconChevronLeft, useIcons } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { MenuItemSelect } from 'twenty-ui/navigation'; type WorkflowVariablesDropdownStepItemsProps = { diff --git a/packages/twenty-front/src/modules/workflow/workflow-variables/components/WorkflowVariablesDropdownSteps.tsx b/packages/twenty-front/src/modules/workflow/workflow-variables/components/WorkflowVariablesDropdownSteps.tsx index 0141af129e..12a3bb95b7 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-variables/components/WorkflowVariablesDropdownSteps.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-variables/components/WorkflowVariablesDropdownSteps.tsx @@ -9,7 +9,8 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { type StepOutputSchemaV2 } from '@/workflow/workflow-variables/types/StepOutputSchemaV2'; import { t } from '@lingui/core/macro'; import { useState } from 'react'; -import { IconX, OverflowingTextWithTooltip, useIcons } from 'twenty-ui/display'; +import { IconX, useIcons } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { MenuItem, MenuItemSelect } from 'twenty-ui/navigation'; type WorkflowVariablesDropdownStepsProps = { diff --git a/packages/twenty-front/src/modules/workflow/workflow-variables/hooks/useVariableDropdown.ts b/packages/twenty-front/src/modules/workflow/workflow-variables/hooks/useVariableDropdown.ts index 40037462d3..d9b05a99a6 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-variables/hooks/useVariableDropdown.ts +++ b/packages/twenty-front/src/modules/workflow/workflow-variables/hooks/useVariableDropdown.ts @@ -14,7 +14,7 @@ import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomStat import { useState } from 'react'; import { isDefined } from 'twenty-shared/utils'; import { type BaseOutputSchemaV2 } from 'twenty-shared/workflow'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { isBaseOutputSchemaV2 } from '@/workflow/workflow-variables/types/guards/isBaseOutputSchemaV2'; import { isLinkOutputSchema } from '@/workflow/workflow-variables/types/guards/isLinkOutputSchema'; import { isRecordOutputSchemaV2 } from '@/workflow/workflow-variables/types/guards/isRecordOutputSchemaV2'; diff --git a/packages/twenty-front/src/modules/workspace/components/WorkspaceInviteLink.tsx b/packages/twenty-front/src/modules/workspace/components/WorkspaceInviteLink.tsx index 08bdc9d838..fc76b7183e 100644 --- a/packages/twenty-front/src/modules/workspace/components/WorkspaceInviteLink.tsx +++ b/packages/twenty-front/src/modules/workspace/components/WorkspaceInviteLink.tsx @@ -2,7 +2,7 @@ import { styled } from '@linaria/react'; import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; import { useLingui } from '@lingui/react/macro'; -import { IconLink } from 'twenty-ui/display'; +import { IconLink } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useCopyToClipboard } from '~/hooks/useCopyToClipboard'; diff --git a/packages/twenty-front/src/modules/workspace/components/WorkspaceInviteTeam.tsx b/packages/twenty-front/src/modules/workspace/components/WorkspaceInviteTeam.tsx index a4f5b34eaf..98cefda500 100644 --- a/packages/twenty-front/src/modules/workspace/components/WorkspaceInviteTeam.tsx +++ b/packages/twenty-front/src/modules/workspace/components/WorkspaceInviteTeam.tsx @@ -20,7 +20,7 @@ import { IconUser, useIcons, type IconComponent, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/auth/Authorize.tsx b/packages/twenty-front/src/pages/auth/Authorize.tsx index e5da2f289d..5e0f6c05e8 100644 --- a/packages/twenty-front/src/pages/auth/Authorize.tsx +++ b/packages/twenty-front/src/pages/auth/Authorize.tsx @@ -12,13 +12,12 @@ import { Trans, useLingui } from '@lingui/react/macro'; import { useMutation, useQuery } from '@apollo/client/react'; import { isDefined } from 'twenty-shared/utils'; import { - H1Title, - H1TitleFontColor, type IconComponent, IconDatabase, IconUserCircle, -} from 'twenty-ui/display'; -import { ModalContent } from 'twenty-ui/layout'; +} from 'twenty-ui/icon'; +import { H1Title, H1TitleFontColor } from 'twenty-ui/typography'; +import { ModalContent } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { AuthorizeAppDocument, diff --git a/packages/twenty-front/src/pages/auth/PasswordReset.tsx b/packages/twenty-front/src/pages/auth/PasswordReset.tsx index d3123a2c59..97f870223e 100644 --- a/packages/twenty-front/src/pages/auth/PasswordReset.tsx +++ b/packages/twenty-front/src/pages/auth/PasswordReset.tsx @@ -13,7 +13,7 @@ import { useIsCurrentLocationOnAWorkspace } from '@/domain-manager/hooks/useIsCu import { useRedirect } from '@/domain-manager/hooks/useRedirect'; import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { TextInput } from '@/ui/input/components/TextInput'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { CombinedGraphQLErrors } from '@apollo/client/errors'; import { styled } from '@linaria/react'; import { zodResolver } from '@hookform/resolvers/zod'; @@ -31,7 +31,7 @@ import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomStat import { AppPath } from 'twenty-shared/types'; import { MainButton } from 'twenty-ui/input'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; -import { AnimatedEaseIn } from 'twenty-ui/utilities'; +import { AnimatedEaseIn } from 'twenty-ui/layout'; import { z } from 'zod'; import { useMutation, useQuery } from '@apollo/client/react'; import { diff --git a/packages/twenty-front/src/pages/auth/SignInUp.tsx b/packages/twenty-front/src/pages/auth/SignInUp.tsx index 126f2ed116..de4d88e5e2 100644 --- a/packages/twenty-front/src/pages/auth/SignInUp.tsx +++ b/packages/twenty-front/src/pages/auth/SignInUp.tsx @@ -30,13 +30,13 @@ import { SignInUpTwoFactorAuthenticationProvision } from '@/auth/sign-in-up/comp import { SignInUpTOTPVerification } from '@/auth/sign-in-up/components/internal/SignInUpTwoFactorAuthenticationVerification'; import { useWorkspaceFromInviteHash } from '@/auth/sign-in-up/hooks/useWorkspaceFromInviteHash'; import { clientConfigApiStatusState } from '@/client-config/states/clientConfigApiStatusState'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { useLingui } from '@lingui/react/macro'; import { useSearchParams } from 'react-router-dom'; import { isDefined } from 'twenty-shared/utils'; import { Loader } from 'twenty-ui/feedback'; import { themeCssVariables } from 'twenty-ui/theme-constants'; -import { AnimatedEaseIn } from 'twenty-ui/utilities'; +import { AnimatedEaseIn } from 'twenty-ui/layout'; import { type PublicWorkspaceData } from '~/generated-metadata/graphql'; const StyledLoaderContainer = styled.div` diff --git a/packages/twenty-front/src/pages/not-found/NotFound.tsx b/packages/twenty-front/src/pages/not-found/NotFound.tsx index 1eccfa5fc8..02f6cae2ed 100644 --- a/packages/twenty-front/src/pages/not-found/NotFound.tsx +++ b/packages/twenty-front/src/pages/not-found/NotFound.tsx @@ -19,7 +19,7 @@ import { AnimatedPlaceholderErrorContainer, AnimatedPlaceholderErrorSubTitle, AnimatedPlaceholderErrorTitle, -} from 'twenty-ui/layout'; +} from 'twenty-ui/feedback'; import { UndecoratedLink } from 'twenty-ui/navigation'; const StyledBackDrop = styled.div` diff --git a/packages/twenty-front/src/pages/onboarding/BookCall.tsx b/packages/twenty-front/src/pages/onboarding/BookCall.tsx index 526495b594..ad75614ed3 100644 --- a/packages/twenty-front/src/pages/onboarding/BookCall.tsx +++ b/packages/twenty-front/src/pages/onboarding/BookCall.tsx @@ -5,12 +5,12 @@ import { Link } from 'react-router-dom'; import { currentUserState } from '@/auth/states/currentUserState'; import { calendarBookingPageIdState } from '@/client-config/states/calendarBookingPageIdState'; import { useSetNextOnboardingStatus } from '@/onboarding/hooks/useSetNextOnboardingStatus'; -import { ModalContent, ModalFooter } from 'twenty-ui/layout'; +import { ModalContent, ModalFooter } from 'twenty-ui/surfaces'; import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper'; import { useLingui } from '@lingui/react/macro'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { AppPath } from 'twenty-shared/types'; -import { IconChevronLeft, IconChevronRightPipe } from 'twenty-ui/display'; +import { IconChevronLeft, IconChevronRightPipe } from 'twenty-ui/icon'; import { LightButton } from 'twenty-ui/input'; import { ThemeContext } from 'twenty-ui/theme-constants'; import { useIsMobile } from 'twenty-ui/utilities'; diff --git a/packages/twenty-front/src/pages/onboarding/BookCallDecision.tsx b/packages/twenty-front/src/pages/onboarding/BookCallDecision.tsx index 3410eb1935..a43338b56f 100644 --- a/packages/twenty-front/src/pages/onboarding/BookCallDecision.tsx +++ b/packages/twenty-front/src/pages/onboarding/BookCallDecision.tsx @@ -1,7 +1,7 @@ import { SubTitle } from '@/auth/components/SubTitle'; import { Title } from '@/auth/components/Title'; import { useSetNextOnboardingStatus } from '@/onboarding/hooks/useSetNextOnboardingStatus'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { styled } from '@linaria/react'; import { Trans, useLingui } from '@lingui/react/macro'; import { Link } from 'react-router-dom'; diff --git a/packages/twenty-front/src/pages/onboarding/ChooseYourPlan.tsx b/packages/twenty-front/src/pages/onboarding/ChooseYourPlan.tsx index 0b92fed4f9..8b43615502 100644 --- a/packages/twenty-front/src/pages/onboarding/ChooseYourPlan.tsx +++ b/packages/twenty-front/src/pages/onboarding/ChooseYourPlan.tsx @@ -1,4 +1,4 @@ -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { styled } from '@linaria/react'; import { isDefined } from 'twenty-shared/utils'; import { ChooseYourPlanContent } from '~/pages/onboarding/internal/ChooseYourPlanContent'; diff --git a/packages/twenty-front/src/pages/onboarding/CreateProfile.tsx b/packages/twenty-front/src/pages/onboarding/CreateProfile.tsx index 5a1bc71e90..5bc3bcbd4c 100644 --- a/packages/twenty-front/src/pages/onboarding/CreateProfile.tsx +++ b/packages/twenty-front/src/pages/onboarding/CreateProfile.tsx @@ -25,9 +25,9 @@ import { i18n } from '@lingui/core'; import { msg } from '@lingui/core/macro'; import { Trans, useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { MainButton } from 'twenty-ui/input'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; const StyledContentContainer = styled.div` diff --git a/packages/twenty-front/src/pages/onboarding/CreateWorkspace.tsx b/packages/twenty-front/src/pages/onboarding/CreateWorkspace.tsx index c2e28470fa..9a1e76c6a7 100644 --- a/packages/twenty-front/src/pages/onboarding/CreateWorkspace.tsx +++ b/packages/twenty-front/src/pages/onboarding/CreateWorkspace.tsx @@ -13,7 +13,7 @@ import { useSetNextOnboardingStatus } from '@/onboarding/hooks/useSetNextOnboard import { WorkspaceLogoUploader } from '@/settings/workspace/components/WorkspaceLogoUploader'; import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { TextInput } from '@/ui/input/components/TextInput'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { useLoadCurrentUser } from '@/users/hooks/useLoadCurrentUser'; import { CombinedGraphQLErrors } from '@apollo/client/errors'; import { Trans, useLingui } from '@lingui/react/macro'; @@ -21,7 +21,7 @@ import { isNonEmptyString } from '@sniptt/guards'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { isDefined } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Loader } from 'twenty-ui/feedback'; import { MainButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/onboarding/InviteTeam.tsx b/packages/twenty-front/src/pages/onboarding/InviteTeam.tsx index 75aaa9266f..4657190e63 100644 --- a/packages/twenty-front/src/pages/onboarding/InviteTeam.tsx +++ b/packages/twenty-front/src/pages/onboarding/InviteTeam.tsx @@ -6,7 +6,7 @@ import { useSetNextOnboardingStatus } from '@/onboarding/hooks/useSetNextOnboard import { PageFocusId } from '@/types/PageFocusId'; import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { TextInput } from '@/ui/input/components/TextInput'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { useHotkeysOnFocusedElement } from '@/ui/utilities/hotkey/hooks/useHotkeysOnFocusedElement'; import { styled } from '@linaria/react'; import { zodResolver } from '@hookform/resolvers/zod'; @@ -22,7 +22,8 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { useQuery } from '@apollo/client/react'; import { Key } from 'ts-key-enum'; import { isDefined } from 'twenty-shared/utils'; -import { IconCopy, SeparatorLineText } from 'twenty-ui/display'; +import { IconCopy } from 'twenty-ui/icon'; +import { SeparatorLineText } from 'twenty-ui/typography'; import { LightButton, MainButton } from 'twenty-ui/input'; import { ClickToActionLink } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/onboarding/PaymentSuccess.tsx b/packages/twenty-front/src/pages/onboarding/PaymentSuccess.tsx index cc570813ab..365371795d 100644 --- a/packages/twenty-front/src/pages/onboarding/PaymentSuccess.tsx +++ b/packages/twenty-front/src/pages/onboarding/PaymentSuccess.tsx @@ -2,7 +2,7 @@ import { SubTitle } from '@/auth/components/SubTitle'; import { Title } from '@/auth/components/Title'; import { currentUserState } from '@/auth/states/currentUserState'; import { OnboardingModalCircularIcon } from '@/onboarding/components/OnboardingModalCircularIcon'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { useSubscriptionStatus } from '@/workspace/hooks/useSubscriptionStatus'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; @@ -10,10 +10,10 @@ import { useState } from 'react'; import { useSetAtomState } from '@/ui/utilities/state/jotai/hooks/useSetAtomState'; import { AppPath } from 'twenty-shared/types'; import { isDefined } from 'twenty-shared/utils'; -import { IconCheck } from 'twenty-ui/display'; +import { IconCheck } from 'twenty-ui/icon'; import { Loader } from 'twenty-ui/feedback'; import { MainButton } from 'twenty-ui/input'; -import { AnimatedEaseIn } from 'twenty-ui/utilities'; +import { AnimatedEaseIn } from 'twenty-ui/layout'; import { useLazyQuery } from '@apollo/client/react'; import { GetCurrentUserDocument } from '~/generated-metadata/graphql'; import { useNavigateApp } from '~/hooks/useNavigateApp'; diff --git a/packages/twenty-front/src/pages/onboarding/SyncEmails.tsx b/packages/twenty-front/src/pages/onboarding/SyncEmails.tsx index 6818040f6c..3bd8631daa 100644 --- a/packages/twenty-front/src/pages/onboarding/SyncEmails.tsx +++ b/packages/twenty-front/src/pages/onboarding/SyncEmails.tsx @@ -15,11 +15,11 @@ import { isMicrosoftCalendarEnabledState } from '@/client-config/states/isMicros import { isMicrosoftMessagingEnabledState } from '@/client-config/states/isMicrosoftMessagingEnabledState'; import { useTriggerApisOAuth } from '@/settings/accounts/hooks/useTriggerApiOAuth'; import { PageFocusId } from '@/types/PageFocusId'; -import { ModalContent } from 'twenty-ui/layout'; +import { ModalContent } from 'twenty-ui/surfaces'; import { useHotkeysOnFocusedElement } from '@/ui/utilities/hotkey/hooks/useHotkeysOnFocusedElement'; import { t } from '@lingui/core/macro'; import { AppPath, ConnectedAccountProvider } from 'twenty-shared/types'; -import { IconGoogle, IconMicrosoft } from 'twenty-ui/display'; +import { IconGoogle, IconMicrosoft } from 'twenty-ui/icon'; import { MainButton } from 'twenty-ui/input'; import { ClickToActionLink } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/page-layout/StandalonePageHeader.tsx b/packages/twenty-front/src/pages/page-layout/StandalonePageHeader.tsx index d825120594..48108bc591 100644 --- a/packages/twenty-front/src/pages/page-layout/StandalonePageHeader.tsx +++ b/packages/twenty-front/src/pages/page-layout/StandalonePageHeader.tsx @@ -6,7 +6,7 @@ import { PageCardHeader } from '@/ui/layout/page/components/PageCardHeader'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; import { ThemeContext } from 'twenty-ui/theme-constants'; type StandalonePageHeaderProps = { diff --git a/packages/twenty-front/src/pages/settings/accounts/SettingsAccounts.tsx b/packages/twenty-front/src/pages/settings/accounts/SettingsAccounts.tsx index 9967a18cab..ca5117ac19 100644 --- a/packages/twenty-front/src/pages/settings/accounts/SettingsAccounts.tsx +++ b/packages/twenty-front/src/pages/settings/accounts/SettingsAccounts.tsx @@ -8,7 +8,7 @@ import { SettingsPageLayout } from '@/settings/components/layout/SettingsPageLay import { useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; export const SettingsAccounts = () => { diff --git a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsConfigurationStepCalendar.tsx b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsConfigurationStepCalendar.tsx index 6b957b4548..e125ec9f12 100644 --- a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsConfigurationStepCalendar.tsx +++ b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsConfigurationStepCalendar.tsx @@ -7,7 +7,7 @@ import { SettingsPageContainer } from '@/settings/components/SettingsPageContain import { SettingsPageLayout } from '@/settings/components/layout/SettingsPageLayout'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { IconDeviceFloppy } from 'twenty-ui/display'; +import { IconDeviceFloppy } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; type SettingsAccountsConfigurationStepCalendarProps = { diff --git a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsConfigurationStepEmail.tsx b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsConfigurationStepEmail.tsx index 6aa71e4ca0..a75a907c87 100644 --- a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsConfigurationStepEmail.tsx +++ b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsConfigurationStepEmail.tsx @@ -6,7 +6,7 @@ import { SettingsPageContainer } from '@/settings/components/SettingsPageContain import { SettingsPageLayout } from '@/settings/components/layout/SettingsPageLayout'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconChevronRight, IconPlus } from 'twenty-ui/display'; +import { IconChevronRight, IconPlus } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; type SettingsAccountsConfigurationStepEmailProps = { diff --git a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminAiProviderDetail.tsx b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminAiProviderDetail.tsx index cef8a1c4bf..d4b28b1b48 100644 --- a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminAiProviderDetail.tsx +++ b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminAiProviderDetail.tsx @@ -9,7 +9,6 @@ import { getSettingsPath, isDefined } from 'twenty-shared/utils'; import { AI_ADMIN_PATH } from '@/settings/admin-panel/ai/constants/AiAdminPath'; import { AI_PROVIDER_SOURCE } from '@/settings/admin-panel/ai/constants/AiProviderSource'; import { - H2Title, type IconComponent, IconFlag, IconKey, @@ -19,7 +18,8 @@ import { IconTag, IconTrash, IconWorld, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button, SearchInput } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { RoundedLink, UndecoratedLink } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminApplicationRegistrationDangerZone.tsx b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminApplicationRegistrationDangerZone.tsx index 17525b624f..47f2b4388a 100644 --- a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminApplicationRegistrationDangerZone.tsx +++ b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminApplicationRegistrationDangerZone.tsx @@ -8,15 +8,9 @@ import { Trans, useLingui } from '@lingui/react/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { useState } from 'react'; import { SettingsPath } from 'twenty-shared/types'; -import { - AppTooltip, - H1Title, - H1TitleFontColor, - H2Title, - IconShare, - IconTrash, - TooltipDelay, -} from 'twenty-ui/display'; +import { IconShare, IconTrash } from 'twenty-ui/icon'; +import { AppTooltip, TooltipDelay } from 'twenty-ui/surfaces'; +import { H1Title, H1TitleFontColor, H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section, SectionAlignment, SectionFontColor } from 'twenty-ui/layout'; import { diff --git a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminApplicationRegistrationDetail.tsx b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminApplicationRegistrationDetail.tsx index eb2fb0f01e..a0fe85cfef 100644 --- a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminApplicationRegistrationDetail.tsx +++ b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminApplicationRegistrationDetail.tsx @@ -8,13 +8,13 @@ import { SettingsPageLayout } from '@/settings/components/layout/SettingsPageLay import { useApolloAdminClient } from '@/settings/admin-panel/apollo/hooks/useApolloAdminClient'; import { APPLICATION_REGISTRATION_ADMIN_PATH } from '@/settings/admin-panel/apps/constants/ApplicationRegistrationAdminPath'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; +import { Avatar } from 'twenty-ui/data-display'; import { - Avatar, IconInfoCircle, IconKey, IconSettings, IconWorld, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { SettingsApplicationRegistrationConfigTab } from '~/pages/settings/applications/tabs/SettingsApplicationRegistrationConfigTab'; import { SettingsApplicationRegistrationOAuthTab } from '~/pages/settings/applications/tabs/SettingsApplicationRegistrationOAuthTab'; import { SettingsApplicationRegistrationDistributionTab } from '~/pages/settings/applications/tabs/SettingsApplicationRegistrationDistributionTab'; diff --git a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminApplicationRegistrationGeneralToggles.tsx b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminApplicationRegistrationGeneralToggles.tsx index 8fa635349e..63fd8c7754 100644 --- a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminApplicationRegistrationGeneralToggles.tsx +++ b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminApplicationRegistrationGeneralToggles.tsx @@ -1,6 +1,7 @@ -import { Card, Section } from 'twenty-ui/layout'; +import { Section } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { SettingsOptionCardContentToggle } from '@/settings/components/SettingsOptions/SettingsOptionCardContentToggle'; -import { IconArrowBarToDown } from 'twenty-ui/display'; +import { IconArrowBarToDown } from 'twenty-ui/icon'; import { type ApplicationRegistration, UpdateApplicationRegistrationDocument, diff --git a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminIndicatorHealthStatus.tsx b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminIndicatorHealthStatus.tsx index aefaaaba30..289b56cce0 100644 --- a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminIndicatorHealthStatus.tsx +++ b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminIndicatorHealthStatus.tsx @@ -10,7 +10,7 @@ import { useLingui } from '@lingui/react/macro'; import { useParams } from 'react-router-dom'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title, H3Title } from 'twenty-ui/display'; +import { H2Title, H3Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useQuery } from '@apollo/client/react'; diff --git a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminInferredVersion.tsx b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminInferredVersion.tsx index a76178e477..8c43075216 100644 --- a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminInferredVersion.tsx +++ b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminInferredVersion.tsx @@ -8,7 +8,8 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title, IconId } from 'twenty-ui/display'; +import { IconId } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminInstanceStatus.tsx b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminInstanceStatus.tsx index 530328b950..6d211f9fb8 100644 --- a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminInstanceStatus.tsx +++ b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminInstanceStatus.tsx @@ -13,14 +13,14 @@ import { isNonEmptyString } from '@sniptt/guards'; import { useContext } from 'react'; import { SettingsPath } from 'twenty-shared/types'; import { formatUpgradeCommandName, getSettingsPath } from 'twenty-shared/utils'; +import { Status } from 'twenty-ui/data-display'; import { - H2Title, IconAlertTriangle, IconCalendar, IconProgressCheck, IconStatusChange, - Status, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminNewAiModel.tsx b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminNewAiModel.tsx index a34ac244f0..5e377df4dd 100644 --- a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminNewAiModel.tsx +++ b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminNewAiModel.tsx @@ -8,7 +8,8 @@ import { Controller, useForm } from 'react-hook-form'; import { useNavigate, useParams } from 'react-router-dom'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { H2Title, IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminNewAiProvider.tsx b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminNewAiProvider.tsx index fb1203a9cb..4174049793 100644 --- a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminNewAiProvider.tsx +++ b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminNewAiProvider.tsx @@ -7,7 +7,9 @@ import { useNavigate } from 'react-router-dom'; import { type AiSdkPackage, isDataResidency } from 'twenty-shared/ai'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title, IconPlus, Info } from 'twenty-ui/display'; +import { Info } from 'twenty-ui/feedback'; +import { IconPlus } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { AI_ADMIN_PATH } from '@/settings/admin-panel/ai/constants/AiAdminPath'; diff --git a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminQueueDetail.tsx b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminQueueDetail.tsx index f4a0c05ae5..65ed699ac4 100644 --- a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminQueueDetail.tsx +++ b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminQueueDetail.tsx @@ -6,7 +6,7 @@ import { useState } from 'react'; import { useParams } from 'react-router-dom'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; export const SettingsAdminQueueDetail = () => { diff --git a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminUserDetail.tsx b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminUserDetail.tsx index 3e930fead4..c97adfe611 100644 --- a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminUserDetail.tsx +++ b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminUserDetail.tsx @@ -27,14 +27,14 @@ import { DEFAULT_WORKSPACE_LOGO } from '@/ui/navigation/navigation-drawer/consta import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { - H2Title, IconCalendar, IconEyeShare, IconId, IconLock, IconMail, IconUser, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminWorkspaceChatThread.tsx b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminWorkspaceChatThread.tsx index ba13817a90..69b106d976 100644 --- a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminWorkspaceChatThread.tsx +++ b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminWorkspaceChatThread.tsx @@ -12,7 +12,7 @@ import { GET_ADMIN_CHAT_THREAD_MESSAGES } from '@/settings/admin-panel/graphql/q import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; import { SettingsSkeletonLoader } from '@/settings/components/SettingsSkeletonLoader'; import { SettingsPageLayout } from '@/settings/components/layout/SettingsPageLayout'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { type GetAdminChatThreadMessagesQuery } from '~/generated-admin/graphql'; diff --git a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminWorkspaceDetail.tsx b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminWorkspaceDetail.tsx index 9207a59dc0..396ed662b5 100644 --- a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminWorkspaceDetail.tsx +++ b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminWorkspaceDetail.tsx @@ -31,19 +31,19 @@ import { TableHeader } from '@/ui/layout/table/components/TableHeader'; import { TableRow } from '@/ui/layout/table/components/TableRow'; import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; +import { Avatar } from 'twenty-ui/data-display'; import { - Avatar, - H2Title, IconCreditCard, IconEyeShare, IconFlag, IconMessage, - OverflowingTextWithTooltip, IconSettings2, IconUsers, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { Card, OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; +import { H2Title } from 'twenty-ui/typography'; import { Button, Toggle } from 'twenty-ui/input'; -import { Card, Section } from 'twenty-ui/layout'; +import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { type FeatureFlagKey, diff --git a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminWorkspacesStatus.tsx b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminWorkspacesStatus.tsx index e84719994f..31ae845981 100644 --- a/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminWorkspacesStatus.tsx +++ b/packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminWorkspacesStatus.tsx @@ -9,7 +9,7 @@ import { styled } from '@linaria/react'; import { plural, t } from '@lingui/core/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/ai/SettingsAI.tsx b/packages/twenty-front/src/pages/settings/ai/SettingsAI.tsx index 675997fb45..00efde3cee 100644 --- a/packages/twenty-front/src/pages/settings/ai/SettingsAI.tsx +++ b/packages/twenty-front/src/pages/settings/ai/SettingsAI.tsx @@ -14,7 +14,7 @@ import { IconPlus, IconSparkles, IconTool, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { UndecoratedLink } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/pages/settings/ai/SettingsAgentForm.tsx b/packages/twenty-front/src/pages/settings/ai/SettingsAgentForm.tsx index dae2f6d4d1..9cbbef0f2b 100644 --- a/packages/twenty-front/src/pages/settings/ai/SettingsAgentForm.tsx +++ b/packages/twenty-front/src/pages/settings/ai/SettingsAgentForm.tsx @@ -22,7 +22,7 @@ import { IconListCheck, IconLock, IconSettings, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useMutation, useQuery } from '@apollo/client/react'; diff --git a/packages/twenty-front/src/pages/settings/ai/SettingsAgentTurnDetail.tsx b/packages/twenty-front/src/pages/settings/ai/SettingsAgentTurnDetail.tsx index 90264f2f2e..3ae231e3e0 100644 --- a/packages/twenty-front/src/pages/settings/ai/SettingsAgentTurnDetail.tsx +++ b/packages/twenty-front/src/pages/settings/ai/SettingsAgentTurnDetail.tsx @@ -13,7 +13,8 @@ import Skeleton from 'react-loading-skeleton'; import { useParams } from 'react-router-dom'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title, Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { diff --git a/packages/twenty-front/src/pages/settings/ai/SettingsAiPrompts.tsx b/packages/twenty-front/src/pages/settings/ai/SettingsAiPrompts.tsx index d7c6487358..393ae8bcc9 100644 --- a/packages/twenty-front/src/pages/settings/ai/SettingsAiPrompts.tsx +++ b/packages/twenty-front/src/pages/settings/ai/SettingsAiPrompts.tsx @@ -9,7 +9,7 @@ import { useQuery } from '@apollo/client/react'; import { t } from '@lingui/core/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { H2Title, H3Title } from 'twenty-ui/display'; +import { H2Title, H3Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { GetAiSystemPromptPreviewDocument } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/pages/settings/ai/SettingsSkillForm.tsx b/packages/twenty-front/src/pages/settings/ai/SettingsSkillForm.tsx index b869b22900..171e3d23d6 100644 --- a/packages/twenty-front/src/pages/settings/ai/SettingsSkillForm.tsx +++ b/packages/twenty-front/src/pages/settings/ai/SettingsSkillForm.tsx @@ -18,17 +18,16 @@ import { t } from '@lingui/core/macro'; import { AppPath, SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; import { - AppTooltip, - H2Title, IconArchive, IconArchiveOff, IconInfoCircle, IconRefresh, IconTrash, - TooltipDelay, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { AppTooltip, Card, TooltipDelay } from 'twenty-ui/surfaces'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; -import { Card, Section } from 'twenty-ui/layout'; +import { Section } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { useMutation, useQuery } from '@apollo/client/react'; import { diff --git a/packages/twenty-front/src/pages/settings/ai/SettingsToolDetail.tsx b/packages/twenty-front/src/pages/settings/ai/SettingsToolDetail.tsx index 657dae36fc..cecc20ae33 100644 --- a/packages/twenty-front/src/pages/settings/ai/SettingsToolDetail.tsx +++ b/packages/twenty-front/src/pages/settings/ai/SettingsToolDetail.tsx @@ -18,7 +18,8 @@ import { SettingsPageLayout } from '@/settings/components/layout/SettingsPageLay import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined, isValidUuid } from 'twenty-shared/utils'; -import { H2Title, IconTrash } from 'twenty-ui/display'; +import { IconTrash } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentEvalsTab.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentEvalsTab.tsx index f1fd854ec4..8b5df87f5e 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentEvalsTab.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentEvalsTab.tsx @@ -23,7 +23,7 @@ import { IconPlayerPlay, IconPlus, IconTrash, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { Button, LightIconButton } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { MenuItem } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentLogsTab.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentLogsTab.tsx index 28682a7fc2..c3d295d82f 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentLogsTab.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentLogsTab.tsx @@ -9,7 +9,8 @@ import { useEffect, useState } from 'react'; import Skeleton from 'react-loading-skeleton'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { IconChevronRight, Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; +import { IconChevronRight } from 'twenty-ui/icon'; import { Button, LightIconButton } from 'twenty-ui/input'; import { AnimatedPlaceholder, @@ -17,7 +18,7 @@ import { AnimatedPlaceholderEmptySubTitle, AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, -} from 'twenty-ui/layout'; +} from 'twenty-ui/feedback'; import { UndecoratedLink } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useMutation, useQuery } from '@apollo/client/react'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentRoleTab.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentRoleTab.tsx index b39dce2157..ad45f8893e 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentRoleTab.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentRoleTab.tsx @@ -10,7 +10,8 @@ import { settingsDraftRoleFamilyState } from '@/settings/roles/states/settingsDr import { useSetAtomFamilyState } from '@/ui/utilities/state/jotai/hooks/useSetAtomFamilyState'; import { isNonEmptyString } from '@sniptt/guards'; import { isDefined } from 'twenty-shared/utils'; -import { H2Title, IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentSettingsTab.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentSettingsTab.tsx index 71d99a7357..ae0c0f83a7 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentSettingsTab.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentSettingsTab.tsx @@ -13,7 +13,8 @@ import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; import { TextArea } from '@/ui/input/components/TextArea'; import { useModal } from '@/ui/layout/modal/hooks/useModal'; import { isDefined } from 'twenty-shared/utils'; -import { H2Title, IconTrash } from 'twenty-ui/display'; +import { IconTrash } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentSkillsTab.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentSkillsTab.tsx index fb3d683a78..c1d5e1ff4d 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentSkillsTab.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentSkillsTab.tsx @@ -6,7 +6,8 @@ import { useSortedArray } from '@/ui/layout/table/hooks/useSortedArray'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { useMemo, useState } from 'react'; -import { H2Title, IconArchive } from 'twenty-ui/display'; +import { IconArchive } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { SearchInput } from 'twenty-ui/input'; import { MenuItemToggle } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentSkillsTable.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentSkillsTable.tsx index b65f9295e5..874cea2d93 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentSkillsTable.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentSkillsTable.tsx @@ -9,7 +9,7 @@ import { TableHeader } from '@/ui/layout/table/components/TableHeader'; import { TableRow } from '@/ui/layout/table/components/TableRow'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconChevronRight } from 'twenty-ui/display'; +import { IconChevronRight } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { type FindManySkillsQuery } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentToolsTab.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentToolsTab.tsx index 6182874fd6..9b85dfd787 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentToolsTab.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentToolsTab.tsx @@ -6,7 +6,8 @@ import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { DropdownContent } from '@/ui/layout/dropdown/components/DropdownContent'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { isDefined } from 'twenty-shared/utils'; -import { H2Title, IconLock, IconPuzzle, IconTool } from 'twenty-ui/display'; +import { IconLock, IconPuzzle, IconTool } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { SearchInput } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { MenuItemToggle } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentToolsTable.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentToolsTable.tsx index ea155d70a5..11be78213c 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentToolsTable.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsAgentToolsTable.tsx @@ -8,7 +8,7 @@ import { TableRow } from '@/ui/layout/table/components/TableRow'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronRight } from 'twenty-ui/display'; +import { IconChevronRight } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { SettingsToolIcon } from '~/pages/settings/ai/components/SettingsToolIcon'; import { diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsAiAgentTableRow.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsAiAgentTableRow.tsx index 8e0f592084..4adb6de726 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsAiAgentTableRow.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsAiAgentTableRow.tsx @@ -4,7 +4,8 @@ import { type ReactNode, useContext } from 'react'; import { SettingsItemTypeTag } from '@/settings/components/SettingsItemTypeTag'; import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableRow } from '@/ui/layout/table/components/TableRow'; -import { OverflowingTextWithTooltip, useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { type Agent } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsAiAgentsTable.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsAiAgentsTable.tsx index 53a9eef6cc..4f7719721e 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsAiAgentsTable.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsAiAgentsTable.tsx @@ -11,7 +11,7 @@ import { TableHeader } from '@/ui/layout/table/components/TableHeader'; import { useSortedArray } from '@/ui/layout/table/hooks/useSortedArray'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconChevronRight, IconSettingsAutomation } from 'twenty-ui/display'; +import { IconChevronRight, IconSettingsAutomation } from 'twenty-ui/icon'; import { SearchInput } from 'twenty-ui/input'; import { MenuItemToggle } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsAiModelsTab.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsAiModelsTab.tsx index cb587c3281..6fe7b9763f 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsAiModelsTab.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsAiModelsTab.tsx @@ -21,15 +21,11 @@ import { } from 'twenty-shared/constants'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { - H2Title, - IconBolt, - IconBrain, - IconPrompt, - IconStar, -} from 'twenty-ui/display'; +import { IconBolt, IconBrain, IconPrompt, IconStar } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { SearchInput } from 'twenty-ui/input'; -import { Card, Section } from 'twenty-ui/layout'; +import { Section } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { UndecoratedLink } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { GetAiSystemPromptPreviewDocument } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsAiOverviewTab.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsAiOverviewTab.tsx index 9402a65cc7..f9c828dd6c 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsAiOverviewTab.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsAiOverviewTab.tsx @@ -9,13 +9,8 @@ import { useMutation, useQuery } from '@apollo/client/react'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { Fragment, useContext, useState } from 'react'; -import { - H2Title, - IconMessage, - IconRobot, - IconSparkles, - IconTool, -} from 'twenty-ui/display'; +import { IconMessage, IconRobot, IconSparkles, IconTool } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { UndecoratedLink } from 'twenty-ui/navigation'; import { SettingsPath } from 'twenty-shared/types'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsAiUsageTab.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsAiUsageTab.tsx index 23b9d3b2d5..4cbc1bea0b 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsAiUsageTab.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsAiUsageTab.tsx @@ -14,7 +14,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { t } from '@lingui/core/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { OrganizationAdornment } from '~/pages/settings/enterprise/components/OrganizationAdornment'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsSkillInactiveMenuDropDown.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsSkillInactiveMenuDropDown.tsx index 777e74ce8b..a8b8a2b600 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsSkillInactiveMenuDropDown.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsSkillInactiveMenuDropDown.tsx @@ -4,7 +4,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 { t } from '@lingui/core/macro'; -import { IconArchiveOff, IconDotsVertical, IconTrash } from 'twenty-ui/display'; +import { IconArchiveOff, IconDotsVertical, IconTrash } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { MenuItem } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsSkillTableRow.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsSkillTableRow.tsx index 8c855f7036..ea557f9ac0 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsSkillTableRow.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsSkillTableRow.tsx @@ -4,7 +4,8 @@ import { type ReactNode, useContext } from 'react'; import { SettingsItemTypeTag } from '@/settings/components/SettingsItemTypeTag'; import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableRow } from '@/ui/layout/table/components/TableRow'; -import { OverflowingTextWithTooltip, useIcons } from 'twenty-ui/display'; +import { useIcons } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { type Skill } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsToolIcon.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsToolIcon.tsx index eed90405a5..a272c47e92 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsToolIcon.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsToolIcon.tsx @@ -4,9 +4,8 @@ import { useContext } from 'react'; import { useObjectMetadataItems } from '@/object-metadata/hooks/useObjectMetadataItems'; import { getObjectColorWithFallback } from '@/object-metadata/utils/getObjectColorWithFallback'; import { isDefined } from 'twenty-shared/utils'; +import { Avatar, getIconTileColorShades } from 'twenty-ui/data-display'; import { - Avatar, - getIconTileColorShades, IconCode, IconEdit, IconPlus, @@ -14,7 +13,7 @@ import { IconTrash, useIcons, type IconComponent, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; type ApplicationInfo = { diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsToolParameterTable.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsToolParameterTable.tsx index c606dd3e4e..868988a3aa 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsToolParameterTable.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsToolParameterTable.tsx @@ -9,7 +9,6 @@ import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableHeader } from '@/ui/layout/table/components/TableHeader'; import { TableRow } from '@/ui/layout/table/components/TableRow'; import { - AppTooltip, IconArrowUpRight, IconInfoCircle, IllustrationIconArray, @@ -17,9 +16,12 @@ import { IllustrationIconNumbers, IllustrationIconText, IllustrationIconToggle, +} from 'twenty-ui/icon'; +import { + AppTooltip, OverflowingTextWithTooltip, TooltipDelay, -} from 'twenty-ui/display'; +} from 'twenty-ui/surfaces'; import { Button } from 'twenty-ui/input'; import { UndecoratedLink } from 'twenty-ui/navigation'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/ai/components/SettingsToolTableRow.tsx b/packages/twenty-front/src/pages/settings/ai/components/SettingsToolTableRow.tsx index 21dd9467c1..3a71be8ee7 100644 --- a/packages/twenty-front/src/pages/settings/ai/components/SettingsToolTableRow.tsx +++ b/packages/twenty-front/src/pages/settings/ai/components/SettingsToolTableRow.tsx @@ -3,7 +3,7 @@ import { type ReactNode } from 'react'; import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableRow } from '@/ui/layout/table/components/TableRow'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { StyledNameTableCell } from '@/settings/data-model/object-details/components/SettingsObjectItemTableRowStyledComponents'; import { AppChip } from '@/applications/components/AppChip'; diff --git a/packages/twenty-front/src/pages/settings/api-webhooks/SettingsApiWebhooks.tsx b/packages/twenty-front/src/pages/settings/api-webhooks/SettingsApiWebhooks.tsx index a79c578625..8db5e44fb0 100644 --- a/packages/twenty-front/src/pages/settings/api-webhooks/SettingsApiWebhooks.tsx +++ b/packages/twenty-front/src/pages/settings/api-webhooks/SettingsApiWebhooks.tsx @@ -15,13 +15,13 @@ import { useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; import { - H2Title, IconBrandGraphql, IconCode, IconPlus, IconRobot, IconWebhook, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/applications/SettingsApplicationConnectionDetail.tsx b/packages/twenty-front/src/pages/settings/applications/SettingsApplicationConnectionDetail.tsx index fa0ca66a65..ee7a32b02c 100644 --- a/packages/twenty-front/src/pages/settings/applications/SettingsApplicationConnectionDetail.tsx +++ b/packages/twenty-front/src/pages/settings/applications/SettingsApplicationConnectionDetail.tsx @@ -5,15 +5,9 @@ import { type ReactNode } from 'react'; import { useParams } from 'react-router-dom'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { Tag } from 'twenty-ui/components'; -import { - H2Title, - IconRefresh, - IconTrash, - IconUser, - IconUsers, - Status, -} from 'twenty-ui/display'; +import { Status, Tag } from 'twenty-ui/data-display'; +import { IconRefresh, IconTrash, IconUser, IconUsers } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/applications/SettingsApplicationDetails.tsx b/packages/twenty-front/src/pages/settings/applications/SettingsApplicationDetails.tsx index 8e78e2353c..351abeddd7 100644 --- a/packages/twenty-front/src/pages/settings/applications/SettingsApplicationDetails.tsx +++ b/packages/twenty-front/src/pages/settings/applications/SettingsApplicationDetails.tsx @@ -31,7 +31,7 @@ import { IconListDetails, IconLock, IconSettings, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { ApplicationRegistrationSourceType, FindMarketplaceAppDetailDocument, diff --git a/packages/twenty-front/src/pages/settings/applications/SettingsApplicationFrontComponentDetail.tsx b/packages/twenty-front/src/pages/settings/applications/SettingsApplicationFrontComponentDetail.tsx index c64e49a9fc..d95275d1d6 100644 --- a/packages/twenty-front/src/pages/settings/applications/SettingsApplicationFrontComponentDetail.tsx +++ b/packages/twenty-front/src/pages/settings/applications/SettingsApplicationFrontComponentDetail.tsx @@ -9,7 +9,7 @@ import { t } from '@lingui/core/macro'; import { useParams } from 'react-router-dom'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { IconEye, IconSettings } from 'twenty-ui/display'; +import { IconEye, IconSettings } from 'twenty-ui/icon'; import { FindOneApplicationDocument } from '~/generated-metadata/graphql'; import { SettingsApplicationFrontComponentPreviewTab } from '~/pages/settings/applications/tabs/SettingsApplicationFrontComponentPreviewTab'; import { SettingsApplicationFrontComponentSettingsTab } from '~/pages/settings/applications/tabs/SettingsApplicationFrontComponentSettingsTab'; diff --git a/packages/twenty-front/src/pages/settings/applications/SettingsApplicationRegistrationDetails.tsx b/packages/twenty-front/src/pages/settings/applications/SettingsApplicationRegistrationDetails.tsx index 22904aff3a..955e2fea47 100644 --- a/packages/twenty-front/src/pages/settings/applications/SettingsApplicationRegistrationDetails.tsx +++ b/packages/twenty-front/src/pages/settings/applications/SettingsApplicationRegistrationDetails.tsx @@ -5,16 +5,15 @@ import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; import { FindOneApplicationRegistrationDocument } from '~/generated-metadata/graphql'; import { useLingui } from '@lingui/react/macro'; -import { Tag } from 'twenty-ui/components'; +import { Avatar, Tag } from 'twenty-ui/data-display'; import { TabList } from '@/ui/layout/tab-list/components/TabList'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; import { - Avatar, IconInfoCircle, IconKey, IconSettings, IconWorld, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { SettingsApplicationRegistrationConfigTab } from '~/pages/settings/applications/tabs/SettingsApplicationRegistrationConfigTab'; import { SettingsApplicationRegistrationOAuthTab } from '~/pages/settings/applications/tabs/SettingsApplicationRegistrationOAuthTab'; import { SettingsApplicationRegistrationDistributionTab } from '~/pages/settings/applications/tabs/SettingsApplicationRegistrationDistributionTab'; diff --git a/packages/twenty-front/src/pages/settings/applications/SettingsApplications.tsx b/packages/twenty-front/src/pages/settings/applications/SettingsApplications.tsx index 8eb4b2067f..fe6947aa5c 100644 --- a/packages/twenty-front/src/pages/settings/applications/SettingsApplications.tsx +++ b/packages/twenty-front/src/pages/settings/applications/SettingsApplications.tsx @@ -8,7 +8,7 @@ import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled'; import { useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconApps, IconCode, IconDownload, IconPlug } from 'twenty-ui/display'; +import { IconApps, IconCode, IconDownload, IconPlug } from 'twenty-ui/icon'; import { Section } from 'twenty-ui/layout'; import coverDark from '~/pages/settings/applications/assets/cover-dark.png'; import coverLight from '~/pages/settings/applications/assets/cover-light.png'; diff --git a/packages/twenty-front/src/pages/settings/applications/SettingsAvailableApplicationDetails.tsx b/packages/twenty-front/src/pages/settings/applications/SettingsAvailableApplicationDetails.tsx index 9915ba27ea..266a47b79e 100644 --- a/packages/twenty-front/src/pages/settings/applications/SettingsAvailableApplicationDetails.tsx +++ b/packages/twenty-front/src/pages/settings/applications/SettingsAvailableApplicationDetails.tsx @@ -15,6 +15,7 @@ import { useNavigateSettings } from '~/hooks/useNavigateSettings'; import { type Manifest } from 'twenty-shared/application'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; +import { InlineBanner } from 'twenty-ui/feedback'; import { IconBook, IconBox, @@ -26,8 +27,7 @@ import { IconListDetails, IconLock, IconShield, - InlineBanner, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { ApplicationRegistrationSourceType, FindMarketplaceAppDetailDocument, diff --git a/packages/twenty-front/src/pages/settings/applications/components/SettingsAppModalLayout.tsx b/packages/twenty-front/src/pages/settings/applications/components/SettingsAppModalLayout.tsx index f9baa56d0b..dbac779572 100644 --- a/packages/twenty-front/src/pages/settings/applications/components/SettingsAppModalLayout.tsx +++ b/packages/twenty-front/src/pages/settings/applications/components/SettingsAppModalLayout.tsx @@ -3,12 +3,12 @@ import React from 'react'; import { ModalStatefulWrapper } from '@/ui/layout/modal/components/ModalStatefulWrapper'; import { Button } from 'twenty-ui/input'; +import { Section } from 'twenty-ui/layout'; import { type ModalOverlay, type ModalPadding, type ModalSize, - Section, -} from 'twenty-ui/layout'; +} from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; type StyledAppModalBaseProps = React.PropsWithChildren<{ diff --git a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationConnectScopePickerModal.tsx b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationConnectScopePickerModal.tsx index dd0699950b..5203b12dd3 100644 --- a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationConnectScopePickerModal.tsx +++ b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationConnectScopePickerModal.tsx @@ -3,7 +3,7 @@ import { useState } from 'react'; import { SettingsRadioCardContainer } from '@/settings/components/SettingsRadioCardContainer'; import { useModal } from '@/ui/layout/modal/hooks/useModal'; -import { H1Title, H1TitleFontColor } from 'twenty-ui/display'; +import { H1Title, H1TitleFontColor } from 'twenty-ui/typography'; import { SectionAlignment, SectionFontColor } from 'twenty-ui/layout'; import { StyledAppModal, diff --git a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationContentSubtable.tsx b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationContentSubtable.tsx index f55477480a..b9cfa163b3 100644 --- a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationContentSubtable.tsx +++ b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationContentSubtable.tsx @@ -7,11 +7,8 @@ import { TableRow } from '@/ui/layout/table/components/TableRow'; import { TableSection } from '@/ui/layout/table/components/TableSection'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { - IconChevronRight, - OverflowingTextWithTooltip, - useIcons, -} from 'twenty-ui/display'; +import { IconChevronRight, useIcons } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { AppChip } from '@/applications/components/AppChip'; diff --git a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationDataTable.tsx b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationDataTable.tsx index 8f73270a32..10e40ff068 100644 --- a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationDataTable.tsx +++ b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationDataTable.tsx @@ -7,7 +7,7 @@ import { TableSection } from '@/ui/layout/table/components/TableSection'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useMemo, useState } from 'react'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { SearchInput } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationDataTableRow.tsx b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationDataTableRow.tsx index efdb6c9157..76a439ede3 100644 --- a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationDataTableRow.tsx +++ b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationDataTableRow.tsx @@ -8,7 +8,7 @@ import { TableRow } from '@/ui/layout/table/components/TableRow'; import { styled } from '@linaria/react'; import { useContext } from 'react'; import { isDefined } from 'twenty-shared/utils'; -import { IconChevronRight, useIcons } from 'twenty-ui/display'; +import { IconChevronRight, useIcons } from 'twenty-ui/icon'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { type ApplicationDataTableRow } from '~/pages/settings/applications/types/applicationDataTableRow'; diff --git a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationGeneralInfo.tsx b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationGeneralInfo.tsx index d2454894fd..7ad7318d94 100644 --- a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationGeneralInfo.tsx +++ b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationGeneralInfo.tsx @@ -1,11 +1,11 @@ import { - H2Title, IconBox, IconDownload, IconGitBranch, IconTag, IconWorld, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Trans, useLingui } from '@lingui/react/macro'; import { SettingsTableCard, @@ -28,7 +28,7 @@ import { ChipSize, ChipVariant, Tag, -} from 'twenty-ui/components'; +} from 'twenty-ui/data-display'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; import { Section } from 'twenty-ui/layout'; import { SettingsPath } from 'twenty-shared/types'; diff --git a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationGeneralStats.tsx b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationGeneralStats.tsx index 49f18aa268..2c7161282a 100644 --- a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationGeneralStats.tsx +++ b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationGeneralStats.tsx @@ -1,9 +1,9 @@ import { - H2Title, IconBrandDocker, IconChartBar, IconStatusChange, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { useLingui } from '@lingui/react/macro'; import { SettingsTableCard } from '@/settings/components/SettingsTableCard'; import { diff --git a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationRedirectURIsTable.tsx b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationRedirectURIsTable.tsx index 36f3858343..d22eb7f477 100644 --- a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationRedirectURIsTable.tsx +++ b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationRedirectURIsTable.tsx @@ -6,7 +6,8 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { TableCell } from '@/ui/layout/table/components/TableCell'; -import { IconX, OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { IconX } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { IconButton } from 'twenty-ui/input'; type SettingsApplicationRegistrationRedirectURIsTableProps = { diff --git a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationShareLinkButtons.tsx b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationShareLinkButtons.tsx index 14a2d856a0..801e17b1b9 100644 --- a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationShareLinkButtons.tsx +++ b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationRegistrationShareLinkButtons.tsx @@ -10,7 +10,7 @@ import { IconCopy, IconDownload, IconInfoCircle, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { FindMarketplaceAppDetailDocument } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationTableRow.tsx b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationTableRow.tsx index 3da8f46020..529f5b3468 100644 --- a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationTableRow.tsx +++ b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationTableRow.tsx @@ -5,8 +5,8 @@ import { useResolvedApplicationDescription } from '@/applications/hooks/useResol import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableRow } from '@/ui/layout/table/components/TableRow'; import { t } from '@lingui/core/macro'; -import { Tag } from 'twenty-ui/components'; -import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { Tag } from 'twenty-ui/data-display'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { getApplicationDescriptionSummary } from '~/pages/settings/applications/utils/getApplicationDescriptionSummary'; import { type ApplicationDisplayData } from '@/applications/types/applicationDisplayData.type'; diff --git a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationVersionContainer.tsx b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationVersionContainer.tsx index 0839dc9cd1..223a08cba9 100644 --- a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationVersionContainer.tsx +++ b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationVersionContainer.tsx @@ -5,7 +5,7 @@ import { SettingsAdminVersionDisplay } from '@/settings/admin-panel/components/S import { useUpgradeApplication } from '@/marketplace/hooks/useUpgradeApplication'; import { t } from '@lingui/core/macro'; import { isDefined } from 'twenty-shared/utils'; -import { IconCircleDot, IconStatusChange, IconUpload } from 'twenty-ui/display'; +import { IconCircleDot, IconStatusChange, IconUpload } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { ApplicationRegistrationSourceType, diff --git a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationsTable.tsx b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationsTable.tsx index b8209cc5ab..8d33283054 100644 --- a/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationsTable.tsx +++ b/packages/twenty-front/src/pages/settings/applications/components/SettingsApplicationsTable.tsx @@ -1,4 +1,5 @@ -import { H2Title, IconChevronRight } from 'twenty-ui/display'; +import { IconChevronRight } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { TableHeader } from '@/ui/layout/table/components/TableHeader'; import { TableRow } from '@/ui/layout/table/components/TableRow'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; diff --git a/packages/twenty-front/src/pages/settings/applications/components/SettingsAvailableApplicationCard.tsx b/packages/twenty-front/src/pages/settings/applications/components/SettingsAvailableApplicationCard.tsx index 53cf44bcaa..447e16266e 100644 --- a/packages/twenty-front/src/pages/settings/applications/components/SettingsAvailableApplicationCard.tsx +++ b/packages/twenty-front/src/pages/settings/applications/components/SettingsAvailableApplicationCard.tsx @@ -8,8 +8,8 @@ import { t } from '@lingui/core/macro'; import { Link } from 'react-router-dom'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { Avatar } from 'twenty-ui/display'; -import { Card } from 'twenty-ui/layout'; +import { Avatar } from 'twenty-ui/data-display'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { type MarketplaceApp } from '~/generated-metadata/graphql'; import { getApplicationDescriptionSummary } from '~/pages/settings/applications/utils/getApplicationDescriptionSummary'; diff --git a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationCommandMenuItemSettingsTab.tsx b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationCommandMenuItemSettingsTab.tsx index a1ee76b745..7269f3e9fe 100644 --- a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationCommandMenuItemSettingsTab.tsx +++ b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationCommandMenuItemSettingsTab.tsx @@ -6,7 +6,7 @@ import { TableSection } from '@/ui/layout/table/components/TableSection'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { type ReactNode } from 'react'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationConnectionsSection.tsx b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationConnectionsSection.tsx index 704e41a57c..12c2d9f7c8 100644 --- a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationConnectionsSection.tsx +++ b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationConnectionsSection.tsx @@ -12,15 +12,15 @@ import { Table } from '@/ui/layout/table/components/Table'; import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableHeader } from '@/ui/layout/table/components/TableHeader'; import { TableRow } from '@/ui/layout/table/components/TableRow'; +import { Status } from 'twenty-ui/data-display'; +import { Info } from 'twenty-ui/feedback'; import { - H2Title, IconChevronRight, IconPlus, IconUser, IconUsers, - Info, - Status, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { MenuItem } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationDetailAboutTab.tsx b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationDetailAboutTab.tsx index 9e757de24b..4979ebcd6d 100644 --- a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationDetailAboutTab.tsx +++ b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationDetailAboutTab.tsx @@ -5,12 +5,7 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { Trans } from '@lingui/react/macro'; import { isDefined } from 'twenty-shared/utils'; -import { - IconCheck, - IconDownload, - IconTrash, - IconUpload, -} from 'twenty-ui/display'; +import { IconCheck, IconDownload, IconTrash, IconUpload } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationDetailContentTab.tsx b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationDetailContentTab.tsx index 28bf8ebdbf..ddd30f1eba 100644 --- a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationDetailContentTab.tsx +++ b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationDetailContentTab.tsx @@ -7,7 +7,7 @@ import { useState } from 'react'; import { type Manifest } from 'twenty-shared/application'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { SearchInput } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { type ApplicationDisplayData } from '@/applications/types/applicationDisplayData.type'; diff --git a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationDetailEnvironmentVariablesTable.tsx b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationDetailEnvironmentVariablesTable.tsx index 4a39abe069..174425e2eb 100644 --- a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationDetailEnvironmentVariablesTable.tsx +++ b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationDetailEnvironmentVariablesTable.tsx @@ -3,12 +3,9 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { useContext, useState } from 'react'; -import { - AppTooltip, - H2Title, - IconInfoCircle, - TooltipDelay, -} from 'twenty-ui/display'; +import { IconInfoCircle } from 'twenty-ui/icon'; +import { AppTooltip, TooltipDelay } from 'twenty-ui/surfaces'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { useDebouncedCallback } from 'use-debounce'; diff --git a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationFrontComponentSettingsTab.tsx b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationFrontComponentSettingsTab.tsx index eef48a0a85..c2179ae6f5 100644 --- a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationFrontComponentSettingsTab.tsx +++ b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationFrontComponentSettingsTab.tsx @@ -6,7 +6,7 @@ import { TableSection } from '@/ui/layout/table/components/TableSection'; import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { type ReactNode } from 'react'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationConfigTab.tsx b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationConfigTab.tsx index 4850e01925..0e79e56a66 100644 --- a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationConfigTab.tsx +++ b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationConfigTab.tsx @@ -3,7 +3,8 @@ import { useQuery } from '@apollo/client/react'; import { FindApplicationRegistrationVariablesDocument } from '~/generated-metadata/graphql'; import { FindAdminApplicationRegistrationVariablesDocument } from '~/generated-admin/graphql'; import { Section } from 'twenty-ui/layout'; -import { H2Title, Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; +import { H2Title } from 'twenty-ui/typography'; import { useLingui } from '@lingui/react/macro'; import { getSettingsPath } from 'twenty-shared/utils'; import { SettingsPath } from 'twenty-shared/types'; diff --git a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationDistributionTab.tsx b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationDistributionTab.tsx index d309b53475..3d0d462423 100644 --- a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationDistributionTab.tsx +++ b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationDistributionTab.tsx @@ -1,5 +1,7 @@ import { useLingui } from '@lingui/react/macro'; -import { CommandBlock, H2Title, IconCopy } from 'twenty-ui/display'; +import { CommandBlock } from 'twenty-ui/data-display'; +import { IconCopy } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { SettingsPath } from 'twenty-shared/types'; diff --git a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationGeneralTab.tsx b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationGeneralTab.tsx index b8929eb63f..6f7e9540a6 100644 --- a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationGeneralTab.tsx +++ b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationGeneralTab.tsx @@ -2,7 +2,7 @@ import { type ApplicationRegistration } from '~/generated-metadata/graphql'; import { useLingui } from '@lingui/react/macro'; import { useNavigate } from 'react-router-dom'; -import { InlineBanner } from 'twenty-ui/display'; +import { InlineBanner } from 'twenty-ui/feedback'; import { SettingsApplicationRegistrationGeneralInfo } from '~/pages/settings/applications/components/SettingsApplicationRegistrationGeneralInfo'; import { SettingsAdminApplicationRegistrationDangerZone } from '~/pages/settings/admin-panel/SettingsAdminApplicationRegistrationDangerZone'; diff --git a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationOAuthTab.tsx b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationOAuthTab.tsx index 5fa431bfbe..35bdf8549a 100644 --- a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationOAuthTab.tsx +++ b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationRegistrationOAuthTab.tsx @@ -9,7 +9,8 @@ import { styled } from '@linaria/react'; import { Trans, useLingui } from '@lingui/react/macro'; import { isNonEmptyString } from '@sniptt/guards'; import { useState } from 'react'; -import { H2Title, IconKey, IconRefresh, IconShield } from 'twenty-ui/display'; +import { IconKey, IconRefresh, IconShield } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationsAvailableTab.tsx b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationsAvailableTab.tsx index d2b3187ace..ba3caf2057 100644 --- a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationsAvailableTab.tsx +++ b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationsAvailableTab.tsx @@ -5,7 +5,7 @@ import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/Drop import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { type ReactNode, useState } from 'react'; -import { IconSparkles } from 'twenty-ui/display'; +import { IconSparkles } from 'twenty-ui/icon'; import { SearchInput } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { MenuItemToggle } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationsDeveloperTab.tsx b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationsDeveloperTab.tsx index 3a8f2faa8f..717581197e 100644 --- a/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationsDeveloperTab.tsx +++ b/packages/twenty-front/src/pages/settings/applications/tabs/SettingsApplicationsDeveloperTab.tsx @@ -18,15 +18,11 @@ import { useContext, useMemo, useState } from 'react'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { FeatureFlagKey, SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { - CommandBlock, - H2Title, - IconArrowUpRight, - IconChevronRight, - IconCopy, - InlineBanner, - OverflowingTextWithTooltip, -} from 'twenty-ui/display'; +import { CommandBlock } from 'twenty-ui/data-display'; +import { InlineBanner } from 'twenty-ui/feedback'; +import { IconArrowUpRight, IconChevronRight, IconCopy } from 'twenty-ui/icon'; +import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; +import { H2Title } from 'twenty-ui/typography'; import { Button, SearchInput } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { diff --git a/packages/twenty-front/src/pages/settings/billing/SettingsUsageUserDetail.tsx b/packages/twenty-front/src/pages/settings/billing/SettingsUsageUserDetail.tsx index b3fc1bba69..9288f26ed9 100644 --- a/packages/twenty-front/src/pages/settings/billing/SettingsUsageUserDetail.tsx +++ b/packages/twenty-front/src/pages/settings/billing/SettingsUsageUserDetail.tsx @@ -15,7 +15,7 @@ import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'; import { useParams } from 'react-router-dom'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { Avatar } from 'twenty-ui/display'; +import { Avatar } from 'twenty-ui/data-display'; import { Section } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/community/SettingsCommunity.tsx b/packages/twenty-front/src/pages/settings/community/SettingsCommunity.tsx index b27d8be2de..e8985ea16b 100644 --- a/packages/twenty-front/src/pages/settings/community/SettingsCommunity.tsx +++ b/packages/twenty-front/src/pages/settings/community/SettingsCommunity.tsx @@ -7,13 +7,13 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; import { useContext } from 'react'; import { - H2Title, IconBrandX, IconBriefcase, IconTransform, type IconComponent, useIcons, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; diff --git a/packages/twenty-front/src/pages/settings/data-model/SettingsNewObject.tsx b/packages/twenty-front/src/pages/settings/data-model/SettingsNewObject.tsx index 2d26f5f6d7..45add8498f 100644 --- a/packages/twenty-front/src/pages/settings/data-model/SettingsNewObject.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/SettingsNewObject.tsx @@ -18,7 +18,7 @@ import { useState } from 'react'; import { FormProvider, useForm } from 'react-hook-form'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; diff --git a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectDetailPage.tsx b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectDetailPage.tsx index e5da9bee7a..50a5326657 100644 --- a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectDetailPage.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectDetailPage.tsx @@ -30,7 +30,7 @@ import { IconListDetails, IconPlus, IconSettings, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; import { UndecoratedLink } from 'twenty-ui/navigation'; import { useNavigateApp } from '~/hooks/useNavigateApp'; diff --git a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectFieldEdit.tsx b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectFieldEdit.tsx index e3a365ea2b..dfb1a12ac7 100644 --- a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectFieldEdit.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectFieldEdit.tsx @@ -34,12 +34,8 @@ import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; import { AppPath, SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { - H2Title, - IconArchive, - IconArchiveOff, - IconTrash, -} from 'twenty-ui/display'; +import { IconArchive, IconArchiveOff, IconTrash } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectFieldTable.tsx b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectFieldTable.tsx index 1f321ab50c..d76ea42459 100644 --- a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectFieldTable.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectFieldTable.tsx @@ -25,7 +25,7 @@ import { useAtomFamilyStateValue } from '@/ui/utilities/state/jotai/hooks/useAto import { useSetAtomFamilyState } from '@/ui/utilities/state/jotai/hooks/useSetAtomFamilyState'; import { useEffect, useMemo, useState } from 'react'; import { FieldMetadataType } from 'twenty-shared/types'; -import { IconArchive, IconSettings } from 'twenty-ui/display'; +import { IconArchive, IconSettings } from 'twenty-ui/icon'; import { SearchInput } from 'twenty-ui/input'; import { MenuItemToggle } from 'twenty-ui/navigation'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectIndexTable.tsx b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectIndexTable.tsx index 83a80a9c1c..16a68e8cab 100644 --- a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectIndexTable.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectIndexTable.tsx @@ -9,7 +9,7 @@ import { type TableMetadata } from '@/ui/layout/table/types/TableMetadata'; import { styled } from '@linaria/react'; import { msg } from '@lingui/core/macro'; import { useLingui } from '@lingui/react/macro'; -import { IconSquareKey, IconTrash } from 'twenty-ui/display'; +import { IconSquareKey, IconTrash } from 'twenty-ui/icon'; import { LightIconButton } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { type SettingsObjectIndexesTableItem } from '~/pages/settings/data-model/types/SettingsObjectIndexesTableItem'; diff --git a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectTable.tsx b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectTable.tsx index bd11902ca0..697a17ccd7 100644 --- a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectTable.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectTable.tsx @@ -29,7 +29,7 @@ import { useLingui } from '@lingui/react/macro'; import { type ReactNode, useContext, useMemo, useState } from 'react'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconArchive, IconChevronRight, IconSettings } from 'twenty-ui/display'; +import { IconArchive, IconChevronRight, IconSettings } from 'twenty-ui/icon'; import { SearchInput } from 'twenty-ui/input'; import { MenuItemToggle } from 'twenty-ui/navigation'; import { diff --git a/packages/twenty-front/src/pages/settings/data-model/SettingsObjects.tsx b/packages/twenty-front/src/pages/settings/data-model/SettingsObjects.tsx index 5fc2e104ce..4858ed238d 100644 --- a/packages/twenty-front/src/pages/settings/data-model/SettingsObjects.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/SettingsObjects.tsx @@ -8,13 +8,13 @@ import { useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; import { - H2Title, IconEye, IconHierarchy2, IconLink, IconList, IconPlus, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { UndecoratedLink } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/pages/settings/data-model/new-field/SettingsObjectNewFieldConfigure.tsx b/packages/twenty-front/src/pages/settings/data-model/new-field/SettingsObjectNewFieldConfigure.tsx index 826aea1da2..679e69cbe1 100644 --- a/packages/twenty-front/src/pages/settings/data-model/new-field/SettingsObjectNewFieldConfigure.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/new-field/SettingsObjectNewFieldConfigure.tsx @@ -22,7 +22,7 @@ import { SettingsPath, } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/data-model/new-index/SettingsObjectNewIndex.tsx b/packages/twenty-front/src/pages/settings/data-model/new-index/SettingsObjectNewIndex.tsx index 06d57ef1d6..242c0a4c0a 100644 --- a/packages/twenty-front/src/pages/settings/data-model/new-index/SettingsObjectNewIndex.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/new-index/SettingsObjectNewIndex.tsx @@ -17,7 +17,9 @@ import { FormProvider, useForm } from 'react-hook-form'; import { useParams } from 'react-router-dom'; import { AppPath, RelationType, SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { Callout, H2Title, IconAlertTriangle } from 'twenty-ui/display'; +import { Callout } from 'twenty-ui/feedback'; +import { IconAlertTriangle } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { IndexType } from '~/generated-metadata/graphql'; import { useNavigateApp } from '~/hooks/useNavigateApp'; diff --git a/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx b/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx index e776b4580e..83103b6006 100644 --- a/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx +++ b/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx @@ -21,7 +21,8 @@ import { SettingsPageLayout } from '@/settings/components/layout/SettingsPageLay import { Trans, useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { H2Title, IconRepeat, IconTrash } from 'twenty-ui/display'; +import { IconRepeat, IconTrash } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeysNew.tsx b/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeysNew.tsx index b43080dcaa..ed074f6aef 100644 --- a/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeysNew.tsx +++ b/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeysNew.tsx @@ -16,7 +16,7 @@ import { useStore } from 'jotai'; import { Key } from 'ts-key-enum'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { CreateApiKeyDocument, diff --git a/packages/twenty-front/src/pages/settings/developers/webhooks/components/SettingsWebhooks.tsx b/packages/twenty-front/src/pages/settings/developers/webhooks/components/SettingsWebhooks.tsx index 3e2ae0b0ba..6c7288a0e4 100644 --- a/packages/twenty-front/src/pages/settings/developers/webhooks/components/SettingsWebhooks.tsx +++ b/packages/twenty-front/src/pages/settings/developers/webhooks/components/SettingsWebhooks.tsx @@ -6,7 +6,8 @@ import { styled } from '@linaria/react'; import { Trans, useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title, IconPlus } from 'twenty-ui/display'; +import { IconPlus } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceEmail.tsx b/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceEmail.tsx index 957220c416..ad20d89a83 100644 --- a/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceEmail.tsx +++ b/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceEmail.tsx @@ -11,9 +11,9 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled'; import { FeatureFlagKey, SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconArrowUp, IconLock } from 'twenty-ui/display'; +import { IconArrowUp, IconLock } from 'twenty-ui/icon'; import { Button } from 'twenty-ui/input'; -import { Card } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { themeCssVariables } from 'twenty-ui/theme-constants'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; diff --git a/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceEmailGroupChannelDetail.tsx b/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceEmailGroupChannelDetail.tsx index 9623dd25c1..f42de0761d 100644 --- a/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceEmailGroupChannelDetail.tsx +++ b/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceEmailGroupChannelDetail.tsx @@ -19,7 +19,9 @@ import { useModal } from '@/ui/layout/modal/hooks/useModal'; import { MessageChannelType, SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; import { GetEmailingDomainsDocument } from '~/generated-metadata/graphql'; -import { H2Title, IconCopy, IconTrash, Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; +import { IconCopy, IconTrash } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceNewUnsubscribeTopic.tsx b/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceNewUnsubscribeTopic.tsx index 556c37fb04..7f7055265b 100644 --- a/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceNewUnsubscribeTopic.tsx +++ b/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceNewUnsubscribeTopic.tsx @@ -12,8 +12,10 @@ import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; import { FeatureFlagKey, SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; import { UnsubscribeTopicVisibility } from '~/generated-metadata/graphql'; -import { H2Title, IconEye } from 'twenty-ui/display'; -import { Card, Section } from 'twenty-ui/layout'; +import { IconEye } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; +import { Section } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { NotFound } from '~/pages/not-found/NotFound'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; diff --git a/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceUnsubscribeTopicDetail.tsx b/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceUnsubscribeTopicDetail.tsx index b7614d43ab..a31361a6f1 100644 --- a/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceUnsubscribeTopicDetail.tsx +++ b/packages/twenty-front/src/pages/settings/email/SettingsWorkspaceUnsubscribeTopicDetail.tsx @@ -17,9 +17,11 @@ import { useModal } from '@/ui/layout/modal/hooks/useModal'; import { FeatureFlagKey, SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; import { UnsubscribeTopicVisibility } from '~/generated-metadata/graphql'; -import { H2Title, IconEye, IconTrash } from 'twenty-ui/display'; +import { IconEye, IconTrash } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; -import { Card, Section } from 'twenty-ui/layout'; +import { Section } from 'twenty-ui/layout'; +import { Card } from 'twenty-ui/surfaces'; import { NotFound } from '~/pages/not-found/NotFound'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; diff --git a/packages/twenty-front/src/pages/settings/enterprise/SettingsEnterprise.tsx b/packages/twenty-front/src/pages/settings/enterprise/SettingsEnterprise.tsx index 73249d61e9..5bfb56c795 100644 --- a/packages/twenty-front/src/pages/settings/enterprise/SettingsEnterprise.tsx +++ b/packages/twenty-front/src/pages/settings/enterprise/SettingsEnterprise.tsx @@ -24,14 +24,14 @@ import { styled } from '@linaria/react'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; import { - H2Title, IconCalendarRepeat, IconCheck, IconCircleX, IconCreditCard, IconKey, IconUser, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/enterprise/components/OrganizationAdornment.tsx b/packages/twenty-front/src/pages/settings/enterprise/components/OrganizationAdornment.tsx index 0149dde4f8..0dad693f19 100644 --- a/packages/twenty-front/src/pages/settings/enterprise/components/OrganizationAdornment.tsx +++ b/packages/twenty-front/src/pages/settings/enterprise/components/OrganizationAdornment.tsx @@ -1,4 +1,4 @@ -import { IconLock } from 'twenty-ui/display'; +import { IconLock } from 'twenty-ui/icon'; import { t } from '@lingui/core/macro'; import { styled } from '@linaria/react'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/general/SettingsGeneral.tsx b/packages/twenty-front/src/pages/settings/general/SettingsGeneral.tsx index d24dfc0f6a..17d98ad71e 100644 --- a/packages/twenty-front/src/pages/settings/general/SettingsGeneral.tsx +++ b/packages/twenty-front/src/pages/settings/general/SettingsGeneral.tsx @@ -13,7 +13,8 @@ import { SettingsSecuritySettings } from '@/settings/security/components/Setting import { NameField } from '@/settings/workspace/components/NameField'; import { WorkspaceLogoUploader } from '@/settings/workspace/components/WorkspaceLogoUploader'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { H2Title, IconHistory, IconKey, IconSettings } from 'twenty-ui/display'; +import { IconHistory, IconKey, IconSettings } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { PermissionFlagType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/pages/settings/layout/SettingsLayout.tsx b/packages/twenty-front/src/pages/settings/layout/SettingsLayout.tsx index 5cf5e87c2a..d0b917d0dd 100644 --- a/packages/twenty-front/src/pages/settings/layout/SettingsLayout.tsx +++ b/packages/twenty-front/src/pages/settings/layout/SettingsLayout.tsx @@ -9,14 +9,14 @@ import { useNavigate } from 'react-router-dom'; import { AppPath, SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; import { - H2Title, IconAppWindow, IconCommand, IconLayoutDashboard, IconLayoutSidebarLeftExpand, IconPencil, IconTable, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Button } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import coverDark from '~/pages/settings/layout/assets/cover-dark.png'; diff --git a/packages/twenty-front/src/pages/settings/layout/components/SettingsLayoutDetailScaffold.tsx b/packages/twenty-front/src/pages/settings/layout/components/SettingsLayoutDetailScaffold.tsx index 82445476c8..d0c547a3c6 100644 --- a/packages/twenty-front/src/pages/settings/layout/components/SettingsLayoutDetailScaffold.tsx +++ b/packages/twenty-front/src/pages/settings/layout/components/SettingsLayoutDetailScaffold.tsx @@ -11,7 +11,7 @@ import { t } from '@lingui/core/macro'; import { type ReactNode } from 'react'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/layout/components/SettingsLayoutItemTable.tsx b/packages/twenty-front/src/pages/settings/layout/components/SettingsLayoutItemTable.tsx index ec355c504d..0015d76127 100644 --- a/packages/twenty-front/src/pages/settings/layout/components/SettingsLayoutItemTable.tsx +++ b/packages/twenty-front/src/pages/settings/layout/components/SettingsLayoutItemTable.tsx @@ -4,7 +4,7 @@ import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableHeader } from '@/ui/layout/table/components/TableHeader'; import { TableRow } from '@/ui/layout/table/components/TableRow'; import { type ReactNode } from 'react'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/logic-functions/SettingsLogicFunctionDetail.tsx b/packages/twenty-front/src/pages/settings/logic-functions/SettingsLogicFunctionDetail.tsx index e3d5e73adb..7bfb1f54da 100644 --- a/packages/twenty-front/src/pages/settings/logic-functions/SettingsLogicFunctionDetail.tsx +++ b/packages/twenty-front/src/pages/settings/logic-functions/SettingsLogicFunctionDetail.tsx @@ -18,7 +18,7 @@ import { IconCode, IconPlayerPlay, IconSettings, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; import { useQuery } from '@apollo/client/react'; import { FindOneApplicationDocument } from '~/generated-metadata/graphql'; import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState'; diff --git a/packages/twenty-front/src/pages/settings/members/SettingsWorkspaceMember.tsx b/packages/twenty-front/src/pages/settings/members/SettingsWorkspaceMember.tsx index e662d32422..a7de08269a 100644 --- a/packages/twenty-front/src/pages/settings/members/SettingsWorkspaceMember.tsx +++ b/packages/twenty-front/src/pages/settings/members/SettingsWorkspaceMember.tsx @@ -17,7 +17,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState import { t } from '@lingui/core/macro'; import { CoreObjectNameSingular, SettingsPath } from 'twenty-shared/types'; import { getSettingsPath, isDefined } from 'twenty-shared/utils'; -import { IconInfoCircle, IconLockOpen } from 'twenty-ui/display'; +import { IconInfoCircle, IconLockOpen } from 'twenty-ui/icon'; import { useNavigateSettings } from '~/hooks/useNavigateSettings'; import { currentUserState } from '@/auth/states/currentUserState'; diff --git a/packages/twenty-front/src/pages/settings/members/SettingsWorkspaceMembers.tsx b/packages/twenty-front/src/pages/settings/members/SettingsWorkspaceMembers.tsx index 00758153bc..abba181a75 100644 --- a/packages/twenty-front/src/pages/settings/members/SettingsWorkspaceMembers.tsx +++ b/packages/twenty-front/src/pages/settings/members/SettingsWorkspaceMembers.tsx @@ -1,7 +1,7 @@ import { Trans, useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { IconLock, IconUserPlus, IconUsers } from 'twenty-ui/display'; +import { IconLock, IconUserPlus, IconUsers } from 'twenty-ui/icon'; import { SettingsDiscoveryHeroCard } from '@/settings/components/SettingsDiscoveryHeroCard'; import { useHasPermissionFlag } from '@/settings/roles/hooks/useHasPermissionFlag'; diff --git a/packages/twenty-front/src/pages/settings/members/tabs/SettingsWorkspaceMembersInviteTab.tsx b/packages/twenty-front/src/pages/settings/members/tabs/SettingsWorkspaceMembersInviteTab.tsx index df122d3852..a3b8349e8b 100644 --- a/packages/twenty-front/src/pages/settings/members/tabs/SettingsWorkspaceMembersInviteTab.tsx +++ b/packages/twenty-front/src/pages/settings/members/tabs/SettingsWorkspaceMembersInviteTab.tsx @@ -20,15 +20,10 @@ import { useResendWorkspaceInvitation } from '@/workspace-invitation/hooks/useRe import { WorkspaceInviteLink } from '@/workspace/components/WorkspaceInviteLink'; import { WorkspaceInviteTeam } from '@/workspace/components/WorkspaceInviteTeam'; import { isDefined } from 'twenty-shared/utils'; -import { - AppTooltip, - H2Title, - IconMail, - IconReload, - IconTrash, - Status, - TooltipDelay, -} from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; +import { IconMail, IconReload, IconTrash } from 'twenty-ui/icon'; +import { AppTooltip, TooltipDelay } from 'twenty-ui/surfaces'; +import { H2Title } from 'twenty-ui/typography'; import { IconButton } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/pages/settings/members/tabs/SettingsWorkspaceMembersTeamTab.tsx b/packages/twenty-front/src/pages/settings/members/tabs/SettingsWorkspaceMembersTeamTab.tsx index 698cfa22d6..62574d0814 100644 --- a/packages/twenty-front/src/pages/settings/members/tabs/SettingsWorkspaceMembersTeamTab.tsx +++ b/packages/twenty-front/src/pages/settings/members/tabs/SettingsWorkspaceMembersTeamTab.tsx @@ -20,16 +20,15 @@ import { SettingsPath, } from 'twenty-shared/types'; import { generateILikeFiltersForCompositeFields } from 'twenty-shared/utils'; +import { Avatar } from 'twenty-ui/data-display'; import { - AppTooltip, - Avatar, - H2Title, IconArrowUpRight, IconChevronRight, IconHierarchy2, IconListDetails, - TooltipDelay, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +import { AppTooltip, TooltipDelay } from 'twenty-ui/surfaces'; +import { H2Title } from 'twenty-ui/typography'; import { Button, SearchInput } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { MenuItem } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/pages/settings/profile/SettingsProfile.tsx b/packages/twenty-front/src/pages/settings/profile/SettingsProfile.tsx index b301f4b711..0f97adda08 100644 --- a/packages/twenty-front/src/pages/settings/profile/SettingsProfile.tsx +++ b/packages/twenty-front/src/pages/settings/profile/SettingsProfile.tsx @@ -13,7 +13,9 @@ import { Trans, useLingui } from '@lingui/react/macro'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title, IconShield, Status } from 'twenty-ui/display'; +import { Status } from 'twenty-ui/data-display'; +import { IconShield } from 'twenty-ui/icon'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { UndecoratedLink } from 'twenty-ui/navigation'; diff --git a/packages/twenty-front/src/pages/settings/profile/SettingsTwoFactorAuthenticationMethod.tsx b/packages/twenty-front/src/pages/settings/profile/SettingsTwoFactorAuthenticationMethod.tsx index 742ce9f2dd..1171f6b492 100644 --- a/packages/twenty-front/src/pages/settings/profile/SettingsTwoFactorAuthenticationMethod.tsx +++ b/packages/twenty-front/src/pages/settings/profile/SettingsTwoFactorAuthenticationMethod.tsx @@ -15,7 +15,7 @@ import { extractSecretFromOtpUri } from '@/settings/two-factor-authentication/ut import { SettingsPageLayout } from '@/settings/components/layout/SettingsPageLayout'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Loader } from 'twenty-ui/feedback'; import { Section } from 'twenty-ui/layout'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; diff --git a/packages/twenty-front/src/pages/settings/profile/appearance/components/SettingsExperience.tsx b/packages/twenty-front/src/pages/settings/profile/appearance/components/SettingsExperience.tsx index 12e55b301b..3cbfce169c 100644 --- a/packages/twenty-front/src/pages/settings/profile/appearance/components/SettingsExperience.tsx +++ b/packages/twenty-front/src/pages/settings/profile/appearance/components/SettingsExperience.tsx @@ -5,7 +5,7 @@ import { useColorScheme } from '@/ui/theme/hooks/useColorScheme'; import { Trans, useLingui } from '@lingui/react/macro'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { ColorSchemePicker } from 'twenty-ui/input'; import { Section } from 'twenty-ui/layout'; import { LocalePicker } from '~/pages/settings/profile/appearance/components/LocalePicker'; diff --git a/packages/twenty-front/src/pages/settings/security/SettingsSecurityApprovedAccessDomain.tsx b/packages/twenty-front/src/pages/settings/security/SettingsSecurityApprovedAccessDomain.tsx index 29d8b41cab..00c86209ae 100644 --- a/packages/twenty-front/src/pages/settings/security/SettingsSecurityApprovedAccessDomain.tsx +++ b/packages/twenty-front/src/pages/settings/security/SettingsSecurityApprovedAccessDomain.tsx @@ -9,7 +9,7 @@ import { Trans, useLingui } from '@lingui/react/macro'; import { Controller, useForm } from 'react-hook-form'; import { SettingsPath } from 'twenty-shared/types'; import { getSettingsPath } from 'twenty-shared/utils'; -import { H2Title } from 'twenty-ui/display'; +import { H2Title } from 'twenty-ui/typography'; import { Section } from 'twenty-ui/layout'; import { z } from 'zod'; import { useMutation } from '@apollo/client/react'; diff --git a/packages/twenty-front/src/testing/decorators/IconsProviderDecorator.tsx b/packages/twenty-front/src/testing/decorators/IconsProviderDecorator.tsx index 84a12d8387..f6f8b437fb 100644 --- a/packages/twenty-front/src/testing/decorators/IconsProviderDecorator.tsx +++ b/packages/twenty-front/src/testing/decorators/IconsProviderDecorator.tsx @@ -1,5 +1,5 @@ import { type Decorator } from '@storybook/react-vite'; -import { IconsProvider } from 'twenty-ui/display'; +import { IconsProvider } from 'twenty-ui/icon'; export const IconsProviderDecorator: Decorator = (Story) => { return ( diff --git a/packages/twenty-front/src/testing/decorators/PageDecorator.tsx b/packages/twenty-front/src/testing/decorators/PageDecorator.tsx index 8ee76e30a2..82a8e7232a 100644 --- a/packages/twenty-front/src/testing/decorators/PageDecorator.tsx +++ b/packages/twenty-front/src/testing/decorators/PageDecorator.tsx @@ -30,7 +30,7 @@ import { WorkspaceProviderEffect } from '@/workspace/components/WorkspaceProvide import { i18n } from '@lingui/core'; import { I18nProvider } from '@lingui/react'; import { SOURCE_LOCALE } from 'twenty-shared/translations'; -import { IconsProvider } from 'twenty-ui/display'; +import { IconsProvider } from 'twenty-ui/icon'; import { FullHeightStorybookLayout } from '~/testing/FullHeightStorybookLayout'; import { dynamicActivate } from '~/utils/i18n/dynamicActivate'; diff --git a/packages/twenty-sdk/src/ui/index.ts b/packages/twenty-sdk/src/ui/index.ts index 29327384d5..76972f12b3 100644 --- a/packages/twenty-sdk/src/ui/index.ts +++ b/packages/twenty-sdk/src/ui/index.ts @@ -1,26 +1,16 @@ -export * from 'twenty-ui'; export * from 'twenty-ui/accessibility'; -export * from 'twenty-ui/components'; +export * from 'twenty-ui/data-display'; -// Selective re-export from twenty-ui/display: +// Selective re-export from twenty-ui's component domains: // IconsProvider, useIcons, and iconsState are excluded to avoid bundling // the AllIcons module (~5000 Tabler icons) which adds ~4MB to the SDK dist. export { - AnimatedCheckmark, - AppTooltip, - Avatar, - AVATAR_PROPERTIES_BY_SIZE, - AvatarGroup, Banner, Callout, - Checkmark, - ColorSample, - CommandBlock, - H1Title, - H1TitleFontColor, - H2Title, - H3Title, - HorizontalSeparator, + Info, + SidePanelInformationBanner, +} from 'twenty-ui/feedback'; +export { Icon, Icon123, IconAddressBook, @@ -31,8 +21,8 @@ export { IconAlignLeft, IconAlignRight, IconApi, - IconApps, IconAppWindow, + IconApps, IconArchive, IconArchiveOff, IconArrowBackUp, @@ -40,12 +30,12 @@ export { IconArrowLeft, IconArrowMerge, IconArrowRight, + IconArrowUp, + IconArrowUpRight, IconArrowsDiagonal, IconArrowsSort, IconArrowsSplit2, IconArrowsVertical, - IconArrowUp, - IconArrowUpRight, IconAt, IconAxisX, IconAxisY, @@ -104,8 +94,8 @@ export { IconChevronLeft, IconChevronRight, IconChevronRightPipe, - IconChevronsRight, IconChevronUp, + IconChevronsRight, IconCircle, IconCircleDashed, IconCircleDot, @@ -210,8 +200,8 @@ export { IconFilterCog, IconFilterOff, IconFilterPlus, - IconFilters, IconFilterX, + IconFilters, IconFlag, IconFlask, IconFocusCentered, @@ -378,10 +368,10 @@ export { IconShield, IconSitemap, IconSlash, + IconSortAZ, IconSortAscending, IconSortAscendingLetters, IconSortAscendingNumbers, - IconSortAZ, IconSortDescending, IconSortDescendingLetters, IconSortDescendingNumbers, @@ -476,43 +466,43 @@ export { IllustrationIconUid, IllustrationIconUser, IllustrationIconWrapper, - Info, - invalidAvatarUrlsAtomV2, - Label, + ThinkingOrbitLoaderIcon, +} from 'twenty-ui/icon'; +export { HorizontalSeparator } from 'twenty-ui/layout'; +export { + AppTooltip, OverflowingTextWithTooltip, + TooltipDelay, + TooltipPosition, +} from 'twenty-ui/surfaces'; +export { + H1Title, + H1TitleFontColor, + H2Title, + H3Title, + Label, SeparatorLineText, - SidePanelInformationBanner, - Status, StyledText, StyledTextContent, StyledTextWrapper, - ThinkingOrbitLoaderIcon, - TooltipDelay, - TooltipPosition, -} from 'twenty-ui/display'; +} from 'twenty-ui/typography'; export type { - AnimatedCheckmarkProps, - AppTooltipProps, - AvatarGroupProps, - AvatarProps, - AvatarSize, - AvatarType, BannerColor, BannerVariant, CalloutProps, CalloutVariant, - CheckmarkProps, - ColorSampleProps, - ColorSampleVariant, + InfoAccent, + InfoProps, + SidePanelInformationBannerProps, +} from 'twenty-ui/feedback'; +export type { IconComponent, IconComponentProps, IconProps, - InfoAccent, - InfoProps, - LabelVariant, - SidePanelInformationBannerProps, TablerIconsProps, -} from 'twenty-ui/display'; +} from 'twenty-ui/icon'; +export type { AppTooltipProps } from 'twenty-ui/surfaces'; +export type { LabelVariant } from 'twenty-ui/typography'; export * from 'twenty-ui/feedback'; export * from 'twenty-ui/input'; diff --git a/packages/twenty-ui/.size-limit.json b/packages/twenty-ui/.size-limit.json index 7c52e5c70b..e5be2efeef 100644 --- a/packages/twenty-ui/.size-limit.json +++ b/packages/twenty-ui/.size-limit.json @@ -1,9 +1,9 @@ [ { - "name": ". (root barrel)", + "name": ". (root barrel, tree-shaken single import)", "path": "dist/index.mjs", - "limit": "60 kB", - "import": "*" + "limit": "130 kB", + "import": "{ Button }" }, { "name": "accessibility", @@ -21,34 +21,44 @@ "limit": "188 kB" }, { - "name": "components", - "path": "dist/components.mjs", - "limit": "209 kB" + "name": "data-display", + "path": "dist/data-display.mjs", + "limit": "170 kB" }, { - "name": "display", - "path": "dist/display.mjs", - "limit": "509 kB" + "name": "typography", + "path": "dist/typography.mjs", + "limit": "50 kB" + }, + { + "name": "icon", + "path": "dist/icon.mjs", + "limit": "290 kB" + }, + { + "name": "surfaces", + "path": "dist/surfaces.mjs", + "limit": "100 kB" }, { "name": "feedback", "path": "dist/feedback.mjs", - "limit": "164 kB" + "limit": "210 kB" }, { "name": "input", "path": "dist/input.mjs", - "limit": "278 kB" + "limit": "230 kB" }, { "name": "layout", "path": "dist/layout.mjs", - "limit": "230 kB" + "limit": "60 kB" }, { "name": "navigation", "path": "dist/navigation.mjs", - "limit": "219 kB" + "limit": "180 kB" }, { "name": "json-visualizer", @@ -68,7 +78,7 @@ { "name": "utilities", "path": "dist/utilities.mjs", - "limit": "217 kB" + "limit": "90 kB" }, { "name": "style.css", diff --git a/packages/twenty-ui/package.json b/packages/twenty-ui/package.json index a2c8313250..175007843c 100644 --- a/packages/twenty-ui/package.json +++ b/packages/twenty-ui/package.json @@ -93,17 +93,19 @@ "dist", "accessibility", "assets", - "components", - "display", + "data-display", "feedback", + "icon", "input", "json-visualizer", "layout", "navigation", "styles", + "surfaces", "testing", "theme", "theme-constants", + "typography", "utilities" ], "exports": { @@ -125,21 +127,21 @@ "import": "./dist/assets.mjs", "require": "./dist/assets.cjs" }, - "./components": { - "types": "./dist/components/index.d.ts", - "import": "./dist/components.mjs", - "require": "./dist/components.cjs" - }, - "./display": { - "types": "./dist/display/index.d.ts", - "import": "./dist/display.mjs", - "require": "./dist/display.cjs" + "./data-display": { + "types": "./dist/data-display/index.d.ts", + "import": "./dist/data-display.mjs", + "require": "./dist/data-display.cjs" }, "./feedback": { "types": "./dist/feedback/index.d.ts", "import": "./dist/feedback.mjs", "require": "./dist/feedback.cjs" }, + "./icon": { + "types": "./dist/icon/index.d.ts", + "import": "./dist/icon.mjs", + "require": "./dist/icon.cjs" + }, "./input": { "types": "./dist/input/index.d.ts", "import": "./dist/input.mjs", @@ -165,6 +167,11 @@ "import": "./dist/styles.mjs", "require": "./dist/styles.cjs" }, + "./surfaces": { + "types": "./dist/surfaces/index.d.ts", + "import": "./dist/surfaces.mjs", + "require": "./dist/surfaces.cjs" + }, "./testing": { "types": "./dist/testing/index.d.ts", "import": "./dist/testing.mjs", @@ -180,6 +187,11 @@ "import": "./dist/theme-constants.mjs", "require": "./dist/theme-constants.cjs" }, + "./typography": { + "types": "./dist/typography/index.d.ts", + "import": "./dist/typography.mjs", + "require": "./dist/typography.cjs" + }, "./utilities": { "types": "./dist/utilities/index.d.ts", "import": "./dist/utilities.mjs", @@ -194,15 +206,15 @@ "assets": [ "dist/assets/index.d.ts" ], - "components": [ - "dist/components/index.d.ts" - ], - "display": [ - "dist/display/index.d.ts" + "data-display": [ + "dist/data-display/index.d.ts" ], "feedback": [ "dist/feedback/index.d.ts" ], + "icon": [ + "dist/icon/index.d.ts" + ], "input": [ "dist/input/index.d.ts" ], @@ -218,6 +230,9 @@ "styles": [ "dist/styles/index.d.ts" ], + "surfaces": [ + "dist/surfaces/index.d.ts" + ], "testing": [ "dist/testing/index.d.ts" ], @@ -227,6 +242,9 @@ "theme-constants": [ "dist/theme-constants/index.d.ts" ], + "typography": [ + "dist/typography/index.d.ts" + ], "utilities": [ "dist/utilities/index.d.ts" ] diff --git a/packages/twenty-ui/project.json b/packages/twenty-ui/project.json index 409cfcb5fc..6ed5f3a7c9 100644 --- a/packages/twenty-ui/project.json +++ b/packages/twenty-ui/project.json @@ -13,12 +13,12 @@ "{projectRoot}/accessibility/dist", "{projectRoot}/assets/package.json", "{projectRoot}/assets/dist", - "{projectRoot}/components/package.json", - "{projectRoot}/components/dist", - "{projectRoot}/display/package.json", - "{projectRoot}/display/dist", + "{projectRoot}/data-display/package.json", + "{projectRoot}/data-display/dist", "{projectRoot}/feedback/package.json", "{projectRoot}/feedback/dist", + "{projectRoot}/icon/package.json", + "{projectRoot}/icon/dist", "{projectRoot}/input/package.json", "{projectRoot}/input/dist", "{projectRoot}/json-visualizer/package.json", @@ -29,12 +29,16 @@ "{projectRoot}/navigation/dist", "{projectRoot}/styles/package.json", "{projectRoot}/styles/dist", + "{projectRoot}/surfaces/package.json", + "{projectRoot}/surfaces/dist", "{projectRoot}/testing/package.json", "{projectRoot}/testing/dist", "{projectRoot}/theme/package.json", "{projectRoot}/theme/dist", "{projectRoot}/theme-constants/package.json", "{projectRoot}/theme-constants/dist", + "{projectRoot}/typography/package.json", + "{projectRoot}/typography/dist", "{projectRoot}/utilities/package.json", "{projectRoot}/utilities/dist" ] @@ -44,6 +48,8 @@ "cache": true, "inputs": ["production", "{projectRoot}/scripts/generateBarrels.ts"], "outputs": [ + "{projectRoot}/src/index.ts", + "{projectRoot}/src/individual-entry.ts", "{projectRoot}/src/**/*/index.ts", "{projectRoot}/package.json" ], diff --git a/packages/twenty-ui/scripts/generateBarrels.ts b/packages/twenty-ui/scripts/generateBarrels.ts index 935195c7e7..814f94fc4c 100644 --- a/packages/twenty-ui/scripts/generateBarrels.ts +++ b/packages/twenty-ui/scripts/generateBarrels.ts @@ -279,6 +279,8 @@ const EXCLUDED_DIRECTORIES = [ '**/__mocks__/**', '**/__stories__/**', '**/internal/**', + '**/internals/**', + '**/parts/**', ] as const; function getTypeScriptFiles( directoryPath: string, @@ -491,6 +493,38 @@ const retrieveExportsByBarrel = (barrelDirectories: string[]) => { }); }; +const ROOT_BARREL_EXCLUDED_MODULES = ['assets', 'styles', 'testing']; +const INDIVIDUAL_ENTRY_FILENAME = 'individual-entry'; + +const getRootBarrelModuleNames = (moduleDirectories: string[]) => + moduleDirectories + .map(getLastPathFolder) + .filter((moduleName) => !ROOT_BARREL_EXCLUDED_MODULES.includes(moduleName)); + +const generateRootBarrel = ( + moduleDirectories: string[], +): createTypeScriptFileArgs => { + const content = [ + "import './styles/base/reset.scss';", + '', + ...getRootBarrelModuleNames(moduleDirectories).map( + (moduleName) => `export * from './${moduleName}';`, + ), + ].join('\n'); + + return { path: SRC_PATH, content, filename: INDEX_FILENAME }; +}; + +const generateIndividualEntry = ( + moduleDirectories: string[], +): createTypeScriptFileArgs => { + const content = getRootBarrelModuleNames(moduleDirectories) + .map((moduleName) => `export * from './${moduleName}';`) + .join('\n'); + + return { path: SRC_PATH, content, filename: INDIVIDUAL_ENTRY_FILENAME }; +}; + const main = () => { const moduleDirectories = getSubDirectoryPaths(SRC_PATH); const exportsByBarrel = retrieveExportsByBarrel(moduleDirectories); @@ -503,5 +537,7 @@ const main = () => { updateNxProjectConfigurationBuildOutputs(nxBuildOutputsPath); writeInPackageJson(packageJsonConfig); moduleIndexFiles.forEach(createTypeScriptFile); + createTypeScriptFile(generateRootBarrel(moduleDirectories)); + createTypeScriptFile(generateIndividualEntry(moduleDirectories)); }; main(); diff --git a/packages/twenty-ui/src/components/index.ts b/packages/twenty-ui/src/components/index.ts deleted file mode 100644 index cecc41633d..0000000000 --- a/packages/twenty-ui/src/components/index.ts +++ /dev/null @@ -1,19 +0,0 @@ -/* - * _____ _ - *|_ _|_ _____ _ __ | |_ _ _ - * | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file - * | | \ V V / __/ | | | |_| |_| | Any edits to this will be overridden - * |_| \_/\_/ \___|_| |_|\__|\__, | - * |___/ - */ - -export type { AvatarOrIconProps } from './avatar-or-icon/AvatarOrIcon'; -export { AvatarOrIcon } from './avatar-or-icon/AvatarOrIcon'; -export type { ChipProps } from './chip/Chip'; -export { ChipSize, ChipAccent, ChipVariant, Chip } from './chip/Chip'; -export { LINK_CHIP_CLICK_OUTSIDE_ID } from './chip/constants/LinkChipClickOutsideId'; -export type { LinkChipProps } from './chip/LinkChip'; -export { LinkChip } from './chip/LinkChip'; -export { Pill } from './Pill/Pill'; -export type { TagColor } from './tag/Tag'; -export { Tag } from './tag/Tag'; diff --git a/packages/twenty-ui/src/display/checkmark/components/AnimatedCheckmark.tsx b/packages/twenty-ui/src/data-display/AnimatedCheckmark/AnimatedCheckmark.tsx similarity index 100% rename from packages/twenty-ui/src/display/checkmark/components/AnimatedCheckmark.tsx rename to packages/twenty-ui/src/data-display/AnimatedCheckmark/AnimatedCheckmark.tsx diff --git a/packages/twenty-ui/src/display/avatar/components/Avatar.module.scss b/packages/twenty-ui/src/data-display/Avatar/Avatar.module.scss similarity index 100% rename from packages/twenty-ui/src/display/avatar/components/Avatar.module.scss rename to packages/twenty-ui/src/data-display/Avatar/Avatar.module.scss diff --git a/packages/twenty-ui/src/display/avatar/components/Avatar.module.scss.d.ts b/packages/twenty-ui/src/data-display/Avatar/Avatar.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/avatar/components/Avatar.module.scss.d.ts rename to packages/twenty-ui/src/data-display/Avatar/Avatar.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/avatar/components/Avatar.tsx b/packages/twenty-ui/src/data-display/Avatar/Avatar.tsx similarity index 92% rename from packages/twenty-ui/src/display/avatar/components/Avatar.tsx rename to packages/twenty-ui/src/data-display/Avatar/Avatar.tsx index 56c3520478..8163ba60a5 100644 --- a/packages/twenty-ui/src/display/avatar/components/Avatar.tsx +++ b/packages/twenty-ui/src/data-display/Avatar/Avatar.tsx @@ -3,10 +3,10 @@ import { clsx } from 'clsx'; import { useAtom } from 'jotai'; import { useContext } from 'react'; -import { invalidAvatarUrlsAtomV2 } from '@ui/display/avatar/components/states/invalidAvatarUrlsAtomV2'; -import { type AvatarSize } from '@ui/display/avatar/types/AvatarSize'; -import { type AvatarType } from '@ui/display/avatar/types/AvatarType'; -import { type IconComponent } from '@ui/display/icon/types/IconComponent'; +import { invalidAvatarUrlsAtomV2 } from '@ui/data-display/Avatar/states/invalidAvatarUrlsAtomV2'; +import { type AvatarSize } from '@ui/data-display/Avatar/types/AvatarSize'; +import { type AvatarType } from '@ui/data-display/Avatar/types/AvatarType'; +import { type IconComponent } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; import { stringToThemeColorP3String } from '@ui/utilities'; import { REACT_APP_SERVER_BASE_URL } from '@ui/utilities/config'; diff --git a/packages/twenty-ui/src/display/avatar/components/__stories__/Avatar.stories.tsx b/packages/twenty-ui/src/data-display/Avatar/__stories__/Avatar.stories.tsx similarity index 90% rename from packages/twenty-ui/src/display/avatar/components/__stories__/Avatar.stories.tsx rename to packages/twenty-ui/src/data-display/Avatar/__stories__/Avatar.stories.tsx index 2d3146926e..38fb5c2c87 100644 --- a/packages/twenty-ui/src/display/avatar/components/__stories__/Avatar.stories.tsx +++ b/packages/twenty-ui/src/data-display/Avatar/__stories__/Avatar.stories.tsx @@ -6,10 +6,10 @@ import { JotaiRootDecorator, } from '@ui/testing'; -import { Avatar } from '../Avatar'; +import { Avatar } from '@ui/data-display/Avatar/Avatar'; const meta: Meta = { - title: 'Modules/Users/Avatar', + title: 'UI/Data Display/Avatar', component: Avatar, decorators: [ComponentDecorator, JotaiRootDecorator], args: { diff --git a/packages/twenty-ui/src/display/avatar/constants/AvatarPropertiesBySize.ts b/packages/twenty-ui/src/data-display/Avatar/constants/AvatarPropertiesBySize.ts similarity index 100% rename from packages/twenty-ui/src/display/avatar/constants/AvatarPropertiesBySize.ts rename to packages/twenty-ui/src/data-display/Avatar/constants/AvatarPropertiesBySize.ts diff --git a/packages/twenty-ui/src/display/avatar/components/states/invalidAvatarUrlsAtomV2.ts b/packages/twenty-ui/src/data-display/Avatar/states/invalidAvatarUrlsAtomV2.ts similarity index 100% rename from packages/twenty-ui/src/display/avatar/components/states/invalidAvatarUrlsAtomV2.ts rename to packages/twenty-ui/src/data-display/Avatar/states/invalidAvatarUrlsAtomV2.ts diff --git a/packages/twenty-ui/src/display/avatar/types/AvatarSize.ts b/packages/twenty-ui/src/data-display/Avatar/types/AvatarSize.ts similarity index 100% rename from packages/twenty-ui/src/display/avatar/types/AvatarSize.ts rename to packages/twenty-ui/src/data-display/Avatar/types/AvatarSize.ts diff --git a/packages/twenty-ui/src/display/avatar/types/AvatarType.ts b/packages/twenty-ui/src/data-display/Avatar/types/AvatarType.ts similarity index 100% rename from packages/twenty-ui/src/display/avatar/types/AvatarType.ts rename to packages/twenty-ui/src/data-display/Avatar/types/AvatarType.ts diff --git a/packages/twenty-ui/src/display/avatar/components/AvatarGroup.module.scss b/packages/twenty-ui/src/data-display/AvatarGroup/AvatarGroup.module.scss similarity index 100% rename from packages/twenty-ui/src/display/avatar/components/AvatarGroup.module.scss rename to packages/twenty-ui/src/data-display/AvatarGroup/AvatarGroup.module.scss diff --git a/packages/twenty-ui/src/display/avatar/components/AvatarGroup.module.scss.d.ts b/packages/twenty-ui/src/data-display/AvatarGroup/AvatarGroup.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/avatar/components/AvatarGroup.module.scss.d.ts rename to packages/twenty-ui/src/data-display/AvatarGroup/AvatarGroup.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/avatar/components/AvatarGroup.tsx b/packages/twenty-ui/src/data-display/AvatarGroup/AvatarGroup.tsx similarity index 100% rename from packages/twenty-ui/src/display/avatar/components/AvatarGroup.tsx rename to packages/twenty-ui/src/data-display/AvatarGroup/AvatarGroup.tsx diff --git a/packages/twenty-ui/src/display/avatar/components/__stories__/AvatarGroup.stories.tsx b/packages/twenty-ui/src/data-display/AvatarGroup/__stories__/AvatarGroup.stories.tsx similarity index 83% rename from packages/twenty-ui/src/display/avatar/components/__stories__/AvatarGroup.stories.tsx rename to packages/twenty-ui/src/data-display/AvatarGroup/__stories__/AvatarGroup.stories.tsx index 6d8833f83b..cd1ce6ec84 100644 --- a/packages/twenty-ui/src/display/avatar/components/__stories__/AvatarGroup.stories.tsx +++ b/packages/twenty-ui/src/data-display/AvatarGroup/__stories__/AvatarGroup.stories.tsx @@ -1,8 +1,8 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { Avatar, type AvatarProps } from '@ui/display/avatar/components/Avatar'; -import { type AvatarSize } from '@ui/display/avatar/types/AvatarSize'; -import { type AvatarType } from '@ui/display/avatar/types/AvatarType'; +import { Avatar, type AvatarProps } from '@ui/data-display/Avatar/Avatar'; +import { type AvatarSize } from '@ui/data-display/Avatar/types/AvatarSize'; +import { type AvatarType } from '@ui/data-display/Avatar/types/AvatarType'; import { AVATAR_URL_MOCK, CatalogDecorator, @@ -10,7 +10,10 @@ import { JotaiRootDecorator, } from '@ui/testing'; -import { AvatarGroup, type AvatarGroupProps } from '../AvatarGroup'; +import { + AvatarGroup, + type AvatarGroupProps, +} from '@ui/data-display/AvatarGroup/AvatarGroup'; const makeAvatar = (userName: string, props: Partial = {}) => ( // oxlint-disable-next-line react/jsx-props-no-spreading @@ -28,7 +31,7 @@ const getAvatars = (commonProps: Partial = {}) => [ const meta: Meta< AvatarGroupProps & AvatarProps & { numberOfAvatars?: number } > = { - title: 'Modules/Users/AvatarGroup', + title: 'UI/Data Display/AvatarGroup', component: AvatarGroup, render: ({ numberOfAvatars = 5, ...args }) => ( diff --git a/packages/twenty-ui/src/components/avatar-or-icon/AvatarOrIcon.module.scss b/packages/twenty-ui/src/data-display/AvatarOrIcon/AvatarOrIcon.module.scss similarity index 100% rename from packages/twenty-ui/src/components/avatar-or-icon/AvatarOrIcon.module.scss rename to packages/twenty-ui/src/data-display/AvatarOrIcon/AvatarOrIcon.module.scss diff --git a/packages/twenty-ui/src/components/avatar-or-icon/AvatarOrIcon.module.scss.d.ts b/packages/twenty-ui/src/data-display/AvatarOrIcon/AvatarOrIcon.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/components/avatar-or-icon/AvatarOrIcon.module.scss.d.ts rename to packages/twenty-ui/src/data-display/AvatarOrIcon/AvatarOrIcon.module.scss.d.ts diff --git a/packages/twenty-ui/src/components/avatar-or-icon/AvatarOrIcon.tsx b/packages/twenty-ui/src/data-display/AvatarOrIcon/AvatarOrIcon.tsx similarity index 90% rename from packages/twenty-ui/src/components/avatar-or-icon/AvatarOrIcon.tsx rename to packages/twenty-ui/src/data-display/AvatarOrIcon/AvatarOrIcon.tsx index 7efd3ef362..1c597edda2 100644 --- a/packages/twenty-ui/src/components/avatar-or-icon/AvatarOrIcon.tsx +++ b/packages/twenty-ui/src/data-display/AvatarOrIcon/AvatarOrIcon.tsx @@ -1,6 +1,6 @@ -import { Avatar } from '@ui/display/avatar/components/Avatar'; -import { type AvatarType } from '@ui/display/avatar/types/AvatarType'; -import { type IconComponent } from '@ui/display/icon/types/IconComponent'; +import { Avatar } from '@ui/data-display/Avatar/Avatar'; +import { type AvatarType } from '@ui/data-display/Avatar/types/AvatarType'; +import { type IconComponent } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; import { type Nullable } from '@ui/utilities'; import { useContext } from 'react'; diff --git a/packages/twenty-ui/src/components/avatar-or-icon/__stories__/AvatarOrIcon.stories.tsx b/packages/twenty-ui/src/data-display/AvatarOrIcon/__stories__/AvatarOrIcon.stories.tsx similarity index 87% rename from packages/twenty-ui/src/components/avatar-or-icon/__stories__/AvatarOrIcon.stories.tsx rename to packages/twenty-ui/src/data-display/AvatarOrIcon/__stories__/AvatarOrIcon.stories.tsx index 8a270d35fb..82ae5d92de 100644 --- a/packages/twenty-ui/src/components/avatar-or-icon/__stories__/AvatarOrIcon.stories.tsx +++ b/packages/twenty-ui/src/data-display/AvatarOrIcon/__stories__/AvatarOrIcon.stories.tsx @@ -1,14 +1,14 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconBuildingSkyscraper, IconUser } from '@ui/display'; +import { IconBuildingSkyscraper, IconUser } from '@ui/icon'; import { AVATAR_URL_MOCK, ComponentDecorator, JotaiRootDecorator, } from '@ui/testing'; -import { AvatarOrIcon } from '../AvatarOrIcon'; +import { AvatarOrIcon } from '@ui/data-display/AvatarOrIcon/AvatarOrIcon'; const meta: Meta = { - title: 'UI/Components/AvatarOrIcon', + title: 'UI/Data Display/AvatarOrIcon', component: AvatarOrIcon, decorators: [ComponentDecorator, JotaiRootDecorator], }; diff --git a/packages/twenty-ui/src/display/checkmark/components/Checkmark.module.scss b/packages/twenty-ui/src/data-display/Checkmark/Checkmark.module.scss similarity index 100% rename from packages/twenty-ui/src/display/checkmark/components/Checkmark.module.scss rename to packages/twenty-ui/src/data-display/Checkmark/Checkmark.module.scss diff --git a/packages/twenty-ui/src/display/checkmark/components/Checkmark.module.scss.d.ts b/packages/twenty-ui/src/data-display/Checkmark/Checkmark.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/checkmark/components/Checkmark.module.scss.d.ts rename to packages/twenty-ui/src/data-display/Checkmark/Checkmark.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/checkmark/components/Checkmark.tsx b/packages/twenty-ui/src/data-display/Checkmark/Checkmark.tsx similarity index 88% rename from packages/twenty-ui/src/display/checkmark/components/Checkmark.tsx rename to packages/twenty-ui/src/data-display/Checkmark/Checkmark.tsx index abd3d75a73..9e2582c45c 100644 --- a/packages/twenty-ui/src/display/checkmark/components/Checkmark.tsx +++ b/packages/twenty-ui/src/data-display/Checkmark/Checkmark.tsx @@ -2,7 +2,7 @@ import React, { useContext } from 'react'; import { clsx } from 'clsx'; -import { IconCheck } from '@ui/display/icon/components/TablerIcons'; +import { IconCheck } from '@ui/icon/components/TablerIcons'; import { ThemeContext } from '@ui/theme-constants'; import styles from './Checkmark.module.scss'; diff --git a/packages/twenty-ui/src/display/checkmark/components/__stories__/Checkmark.stories.tsx b/packages/twenty-ui/src/data-display/Checkmark/__stories__/Checkmark.stories.tsx similarity index 82% rename from packages/twenty-ui/src/display/checkmark/components/__stories__/Checkmark.stories.tsx rename to packages/twenty-ui/src/data-display/Checkmark/__stories__/Checkmark.stories.tsx index 5ca4350241..712c294d3c 100644 --- a/packages/twenty-ui/src/display/checkmark/components/__stories__/Checkmark.stories.tsx +++ b/packages/twenty-ui/src/data-display/Checkmark/__stories__/Checkmark.stories.tsx @@ -2,10 +2,10 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { ComponentDecorator } from '@ui/testing/decorators/ComponentDecorator'; -import { Checkmark } from '../Checkmark'; +import { Checkmark } from '@ui/data-display/Checkmark/Checkmark'; const meta: Meta = { - title: 'UI/Display/Checkmark', + title: 'UI/Data Display/Checkmark', component: Checkmark, decorators: [ComponentDecorator], }; diff --git a/packages/twenty-ui/src/components/chip/Chip.module.scss b/packages/twenty-ui/src/data-display/Chip/Chip.module.scss similarity index 100% rename from packages/twenty-ui/src/components/chip/Chip.module.scss rename to packages/twenty-ui/src/data-display/Chip/Chip.module.scss diff --git a/packages/twenty-ui/src/components/chip/Chip.module.scss.d.ts b/packages/twenty-ui/src/data-display/Chip/Chip.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/components/chip/Chip.module.scss.d.ts rename to packages/twenty-ui/src/data-display/Chip/Chip.module.scss.d.ts diff --git a/packages/twenty-ui/src/components/chip/Chip.tsx b/packages/twenty-ui/src/data-display/Chip/Chip.tsx similarity index 97% rename from packages/twenty-ui/src/components/chip/Chip.tsx rename to packages/twenty-ui/src/data-display/Chip/Chip.tsx index ac91fc7850..58b3fe8f03 100644 --- a/packages/twenty-ui/src/components/chip/Chip.tsx +++ b/packages/twenty-ui/src/data-display/Chip/Chip.tsx @@ -1,7 +1,7 @@ import { type ReactNode } from 'react'; import { isNonEmptyString } from '@sniptt/guards'; -import { OverflowingTextWithTooltip } from '@ui/display/tooltip/OverflowingTextWithTooltip'; +import { OverflowingTextWithTooltip } from '@ui/surfaces/OverflowingTextWithTooltip/OverflowingTextWithTooltip'; import { clsx } from 'clsx'; import { isDefined } from '@ui/utilities/utils/isDefined'; diff --git a/packages/twenty-ui/src/components/chip/__stories__/Chip.stories.tsx b/packages/twenty-ui/src/data-display/Chip/__stories__/Chip.stories.tsx similarity index 95% rename from packages/twenty-ui/src/components/chip/__stories__/Chip.stories.tsx rename to packages/twenty-ui/src/data-display/Chip/__stories__/Chip.stories.tsx index 1a4870ed7b..6f683edca0 100644 --- a/packages/twenty-ui/src/components/chip/__stories__/Chip.stories.tsx +++ b/packages/twenty-ui/src/data-display/Chip/__stories__/Chip.stories.tsx @@ -1,6 +1,6 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconUser, IconX } from '@ui/display'; -import { Avatar } from '@ui/display/avatar/components/Avatar'; +import { IconUser, IconX } from '@ui/icon'; +import { Avatar } from '@ui/data-display/Avatar/Avatar'; import { CatalogDecorator, @@ -8,10 +8,15 @@ import { ComponentDecorator, } from '@ui/testing'; -import { Chip, ChipAccent, ChipSize, ChipVariant } from '../Chip'; +import { + Chip, + ChipAccent, + ChipSize, + ChipVariant, +} from '@ui/data-display/Chip/Chip'; const meta: Meta = { - title: 'UI/Components/Chip/Chip', + title: 'UI/Data Display/Chip', component: Chip, }; diff --git a/packages/twenty-ui/src/components/chip/constants/LinkChipClickOutsideId.ts b/packages/twenty-ui/src/data-display/Chip/constants/LinkChipClickOutsideId.ts similarity index 100% rename from packages/twenty-ui/src/components/chip/constants/LinkChipClickOutsideId.ts rename to packages/twenty-ui/src/data-display/Chip/constants/LinkChipClickOutsideId.ts diff --git a/packages/twenty-ui/src/display/color/components/ColorSample.module.scss b/packages/twenty-ui/src/data-display/ColorSample/ColorSample.module.scss similarity index 100% rename from packages/twenty-ui/src/display/color/components/ColorSample.module.scss rename to packages/twenty-ui/src/data-display/ColorSample/ColorSample.module.scss diff --git a/packages/twenty-ui/src/display/color/components/ColorSample.module.scss.d.ts b/packages/twenty-ui/src/data-display/ColorSample/ColorSample.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/color/components/ColorSample.module.scss.d.ts rename to packages/twenty-ui/src/data-display/ColorSample/ColorSample.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/color/components/ColorSample.tsx b/packages/twenty-ui/src/data-display/ColorSample/ColorSample.tsx similarity index 100% rename from packages/twenty-ui/src/display/color/components/ColorSample.tsx rename to packages/twenty-ui/src/data-display/ColorSample/ColorSample.tsx diff --git a/packages/twenty-ui/src/display/color/components/__stories__/ColorSample.stories.tsx b/packages/twenty-ui/src/data-display/ColorSample/__stories__/ColorSample.stories.tsx similarity index 81% rename from packages/twenty-ui/src/display/color/components/__stories__/ColorSample.stories.tsx rename to packages/twenty-ui/src/data-display/ColorSample/__stories__/ColorSample.stories.tsx index 22f966796b..8b0df8a1ee 100644 --- a/packages/twenty-ui/src/display/color/components/__stories__/ColorSample.stories.tsx +++ b/packages/twenty-ui/src/data-display/ColorSample/__stories__/ColorSample.stories.tsx @@ -2,10 +2,10 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { ComponentDecorator } from '@ui/testing'; -import { ColorSample } from '../ColorSample'; +import { ColorSample } from '@ui/data-display/ColorSample/ColorSample'; const meta: Meta = { - title: 'UI/Display/Color/ColorSample', + title: 'UI/Data Display/ColorSample', component: ColorSample, decorators: [ComponentDecorator], args: { colorName: 'green' }, diff --git a/packages/twenty-ui/src/display/command-block/components/CommandBlock.module.scss b/packages/twenty-ui/src/data-display/CommandBlock/CommandBlock.module.scss similarity index 100% rename from packages/twenty-ui/src/display/command-block/components/CommandBlock.module.scss rename to packages/twenty-ui/src/data-display/CommandBlock/CommandBlock.module.scss diff --git a/packages/twenty-ui/src/display/command-block/components/CommandBlock.module.scss.d.ts b/packages/twenty-ui/src/data-display/CommandBlock/CommandBlock.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/command-block/components/CommandBlock.module.scss.d.ts rename to packages/twenty-ui/src/data-display/CommandBlock/CommandBlock.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/command-block/components/CommandBlock.tsx b/packages/twenty-ui/src/data-display/CommandBlock/CommandBlock.tsx similarity index 100% rename from packages/twenty-ui/src/display/command-block/components/CommandBlock.tsx rename to packages/twenty-ui/src/data-display/CommandBlock/CommandBlock.tsx diff --git a/packages/twenty-ui/src/components/chip/LinkChip.module.scss b/packages/twenty-ui/src/data-display/LinkChip/LinkChip.module.scss similarity index 100% rename from packages/twenty-ui/src/components/chip/LinkChip.module.scss rename to packages/twenty-ui/src/data-display/LinkChip/LinkChip.module.scss diff --git a/packages/twenty-ui/src/components/chip/LinkChip.module.scss.d.ts b/packages/twenty-ui/src/data-display/LinkChip/LinkChip.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/components/chip/LinkChip.module.scss.d.ts rename to packages/twenty-ui/src/data-display/LinkChip/LinkChip.module.scss.d.ts diff --git a/packages/twenty-ui/src/components/chip/LinkChip.tsx b/packages/twenty-ui/src/data-display/LinkChip/LinkChip.tsx similarity index 93% rename from packages/twenty-ui/src/components/chip/LinkChip.tsx rename to packages/twenty-ui/src/data-display/LinkChip/LinkChip.tsx index d055957523..24d830cd05 100644 --- a/packages/twenty-ui/src/components/chip/LinkChip.tsx +++ b/packages/twenty-ui/src/data-display/LinkChip/LinkChip.tsx @@ -4,8 +4,8 @@ import { type ChipProps, ChipSize, ChipVariant, -} from '@ui/components/chip/Chip'; -import { LINK_CHIP_CLICK_OUTSIDE_ID } from '@ui/components/chip/constants/LinkChipClickOutsideId'; +} from '@ui/data-display/Chip/Chip'; +import { LINK_CHIP_CLICK_OUTSIDE_ID } from '@ui/data-display/Chip/constants/LinkChipClickOutsideId'; import { type TriggerEventType, useMouseDownNavigation } from '@ui/utilities'; import { type MouseEvent } from 'react'; import { Link } from 'react-router-dom'; diff --git a/packages/twenty-ui/src/components/chip/__stories__/LinkChip.stories.tsx b/packages/twenty-ui/src/data-display/LinkChip/__stories__/LinkChip.stories.tsx similarity index 94% rename from packages/twenty-ui/src/components/chip/__stories__/LinkChip.stories.tsx rename to packages/twenty-ui/src/data-display/LinkChip/__stories__/LinkChip.stories.tsx index e6956cf1f7..652748f20c 100644 --- a/packages/twenty-ui/src/components/chip/__stories__/LinkChip.stories.tsx +++ b/packages/twenty-ui/src/data-display/LinkChip/__stories__/LinkChip.stories.tsx @@ -1,6 +1,6 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconUser, IconX } from '@ui/display'; -import { Avatar } from '@ui/display/avatar/components/Avatar'; +import { IconUser, IconX } from '@ui/icon'; +import { Avatar } from '@ui/data-display/Avatar/Avatar'; import { CatalogDecorator, type CatalogStory, @@ -8,11 +8,11 @@ import { } from '@ui/testing'; import { MemoryRouter } from 'react-router-dom'; -import { ChipAccent, ChipSize, ChipVariant } from '../Chip'; -import { LinkChip } from '../LinkChip'; +import { ChipAccent, ChipSize, ChipVariant } from '@ui/data-display/Chip/Chip'; +import { LinkChip } from '@ui/data-display/LinkChip/LinkChip'; const meta: Meta = { - title: 'UI/Components/Chip/LinkChip', + title: 'UI/Data Display/LinkChip', component: LinkChip, decorators: [ (Story) => ( diff --git a/packages/twenty-ui/src/navigation/notification-counter/components/NotificationCounter.module.scss b/packages/twenty-ui/src/data-display/NotificationCounter/NotificationCounter.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/notification-counter/components/NotificationCounter.module.scss rename to packages/twenty-ui/src/data-display/NotificationCounter/NotificationCounter.module.scss diff --git a/packages/twenty-ui/src/navigation/notification-counter/components/NotificationCounter.module.scss.d.ts b/packages/twenty-ui/src/data-display/NotificationCounter/NotificationCounter.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/notification-counter/components/NotificationCounter.module.scss.d.ts rename to packages/twenty-ui/src/data-display/NotificationCounter/NotificationCounter.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/notification-counter/components/NotificationCounter.tsx b/packages/twenty-ui/src/data-display/NotificationCounter/NotificationCounter.tsx similarity index 100% rename from packages/twenty-ui/src/navigation/notification-counter/components/NotificationCounter.tsx rename to packages/twenty-ui/src/data-display/NotificationCounter/NotificationCounter.tsx diff --git a/packages/twenty-ui/src/components/Pill/Pill.module.scss b/packages/twenty-ui/src/data-display/Pill/Pill.module.scss similarity index 100% rename from packages/twenty-ui/src/components/Pill/Pill.module.scss rename to packages/twenty-ui/src/data-display/Pill/Pill.module.scss diff --git a/packages/twenty-ui/src/components/Pill/Pill.module.scss.d.ts b/packages/twenty-ui/src/data-display/Pill/Pill.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/components/Pill/Pill.module.scss.d.ts rename to packages/twenty-ui/src/data-display/Pill/Pill.module.scss.d.ts diff --git a/packages/twenty-ui/src/components/Pill/Pill.tsx b/packages/twenty-ui/src/data-display/Pill/Pill.tsx similarity index 87% rename from packages/twenty-ui/src/components/Pill/Pill.tsx rename to packages/twenty-ui/src/data-display/Pill/Pill.tsx index 894639dc12..dc856d6431 100644 --- a/packages/twenty-ui/src/components/Pill/Pill.tsx +++ b/packages/twenty-ui/src/data-display/Pill/Pill.tsx @@ -1,4 +1,4 @@ -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { clsx } from 'clsx'; import styles from './Pill.module.scss'; diff --git a/packages/twenty-ui/src/components/Pill/__stories__/Pill.stories.ts b/packages/twenty-ui/src/data-display/Pill/__stories__/Pill.stories.ts similarity index 85% rename from packages/twenty-ui/src/components/Pill/__stories__/Pill.stories.ts rename to packages/twenty-ui/src/data-display/Pill/__stories__/Pill.stories.ts index 4dbd473842..a7e518dca7 100644 --- a/packages/twenty-ui/src/components/Pill/__stories__/Pill.stories.ts +++ b/packages/twenty-ui/src/data-display/Pill/__stories__/Pill.stories.ts @@ -1,10 +1,10 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { Pill } from '@ui/components/Pill/Pill'; +import { Pill } from '@ui/data-display/Pill/Pill'; import { ComponentDecorator } from '../../../testing/decorators/ComponentDecorator'; const meta: Meta = { - title: 'UI/Display/Pill', + title: 'UI/Data Display/Pill', component: Pill, decorators: [ComponentDecorator], args: { diff --git a/packages/twenty-ui/src/display/status/components/Status.module.scss b/packages/twenty-ui/src/data-display/Status/Status.module.scss similarity index 100% rename from packages/twenty-ui/src/display/status/components/Status.module.scss rename to packages/twenty-ui/src/data-display/Status/Status.module.scss diff --git a/packages/twenty-ui/src/display/status/components/Status.module.scss.d.ts b/packages/twenty-ui/src/data-display/Status/Status.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/status/components/Status.module.scss.d.ts rename to packages/twenty-ui/src/data-display/Status/Status.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/status/components/Status.tsx b/packages/twenty-ui/src/data-display/Status/Status.tsx similarity index 94% rename from packages/twenty-ui/src/display/status/components/Status.tsx rename to packages/twenty-ui/src/data-display/Status/Status.tsx index b667477de6..7790cd04e8 100644 --- a/packages/twenty-ui/src/display/status/components/Status.tsx +++ b/packages/twenty-ui/src/data-display/Status/Status.tsx @@ -1,6 +1,6 @@ import { clsx } from 'clsx'; -import { Loader } from '@ui/feedback/loader/components/Loader'; +import { Loader } from '@ui/feedback/Loader/Loader'; import { type ThemeColor } from '@ui/theme'; import { themeCssVariables } from '@ui/theme-constants'; import { parseThemeColor } from '@ui/utilities'; diff --git a/packages/twenty-ui/src/display/status/components/__stories__/Status.stories.tsx b/packages/twenty-ui/src/data-display/Status/__stories__/Status.stories.tsx similarity index 94% rename from packages/twenty-ui/src/display/status/components/__stories__/Status.stories.tsx rename to packages/twenty-ui/src/data-display/Status/__stories__/Status.stories.tsx index fa785b3e76..ee96c0edbc 100644 --- a/packages/twenty-ui/src/display/status/components/__stories__/Status.stories.tsx +++ b/packages/twenty-ui/src/data-display/Status/__stories__/Status.stories.tsx @@ -7,10 +7,10 @@ import { import { type ThemeColor, MAIN_COLOR_NAMES } from '@ui/theme'; import { expect, fn, userEvent, within } from 'storybook/test'; -import { Status } from '../Status'; +import { Status } from '@ui/data-display/Status/Status'; const meta: Meta = { - title: 'UI/Display/Status/Status', + title: 'UI/Data Display/Status', component: Status, args: { text: 'Urgent', diff --git a/packages/twenty-ui/src/display/tinted-icon-tile/components/StyledTintedIconTileContainer.module.scss b/packages/twenty-ui/src/data-display/StyledTintedIconTileContainer/StyledTintedIconTileContainer.module.scss similarity index 100% rename from packages/twenty-ui/src/display/tinted-icon-tile/components/StyledTintedIconTileContainer.module.scss rename to packages/twenty-ui/src/data-display/StyledTintedIconTileContainer/StyledTintedIconTileContainer.module.scss diff --git a/packages/twenty-ui/src/display/tinted-icon-tile/components/StyledTintedIconTileContainer.module.scss.d.ts b/packages/twenty-ui/src/data-display/StyledTintedIconTileContainer/StyledTintedIconTileContainer.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/tinted-icon-tile/components/StyledTintedIconTileContainer.module.scss.d.ts rename to packages/twenty-ui/src/data-display/StyledTintedIconTileContainer/StyledTintedIconTileContainer.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/tinted-icon-tile/components/StyledTintedIconTileContainer.tsx b/packages/twenty-ui/src/data-display/StyledTintedIconTileContainer/StyledTintedIconTileContainer.tsx similarity index 100% rename from packages/twenty-ui/src/display/tinted-icon-tile/components/StyledTintedIconTileContainer.tsx rename to packages/twenty-ui/src/data-display/StyledTintedIconTileContainer/StyledTintedIconTileContainer.tsx diff --git a/packages/twenty-ui/src/components/tag/Tag.module.scss b/packages/twenty-ui/src/data-display/Tag/Tag.module.scss similarity index 100% rename from packages/twenty-ui/src/components/tag/Tag.module.scss rename to packages/twenty-ui/src/data-display/Tag/Tag.module.scss diff --git a/packages/twenty-ui/src/components/tag/Tag.module.scss.d.ts b/packages/twenty-ui/src/data-display/Tag/Tag.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/components/tag/Tag.module.scss.d.ts rename to packages/twenty-ui/src/data-display/Tag/Tag.module.scss.d.ts diff --git a/packages/twenty-ui/src/components/tag/Tag.tsx b/packages/twenty-ui/src/data-display/Tag/Tag.tsx similarity index 92% rename from packages/twenty-ui/src/components/tag/Tag.tsx rename to packages/twenty-ui/src/data-display/Tag/Tag.tsx index 7b2439c0c6..cdca55b347 100644 --- a/packages/twenty-ui/src/components/tag/Tag.tsx +++ b/packages/twenty-ui/src/data-display/Tag/Tag.tsx @@ -1,5 +1,5 @@ -import { type IconComponent } from '@ui/display/icon/types/IconComponent'; -import { OverflowingTextWithTooltip } from '@ui/display/tooltip/OverflowingTextWithTooltip'; +import { type IconComponent } from '@ui/icon/types/IconComponent'; +import { OverflowingTextWithTooltip } from '@ui/surfaces/OverflowingTextWithTooltip/OverflowingTextWithTooltip'; import { type ThemeColor } from '@ui/theme'; import { ThemeContext, themeCssVariables } from '@ui/theme-constants'; import { clsx } from 'clsx'; diff --git a/packages/twenty-ui/src/components/tag/__stories__/Tag.stories.tsx b/packages/twenty-ui/src/data-display/Tag/__stories__/Tag.stories.tsx similarity index 94% rename from packages/twenty-ui/src/components/tag/__stories__/Tag.stories.tsx rename to packages/twenty-ui/src/data-display/Tag/__stories__/Tag.stories.tsx index ce27486d44..611a547add 100644 --- a/packages/twenty-ui/src/components/tag/__stories__/Tag.stories.tsx +++ b/packages/twenty-ui/src/data-display/Tag/__stories__/Tag.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { expect, fn, userEvent, within } from 'storybook/test'; -import { IconUser } from '@ui/display/icon/components/TablerIcons'; +import { IconUser } from '@ui/icon/components/TablerIcons'; import { CatalogDecorator, type CatalogStory, @@ -9,10 +9,10 @@ import { } from '@ui/testing'; import { type ThemeColor, MAIN_COLOR_NAMES } from '@ui/theme'; -import { Tag } from '../Tag'; +import { Tag } from '@ui/data-display/Tag/Tag'; const meta: Meta = { - title: 'UI/Display/Tag/Tag', + title: 'UI/Data Display/Tag', component: Tag, args: { text: 'Urgent', diff --git a/packages/twenty-ui/src/display/tinted-icon-tile/components/TintedIconTile.tsx b/packages/twenty-ui/src/data-display/TintedIconTile/TintedIconTile.tsx similarity index 78% rename from packages/twenty-ui/src/display/tinted-icon-tile/components/TintedIconTile.tsx rename to packages/twenty-ui/src/data-display/TintedIconTile/TintedIconTile.tsx index d0f4a45161..3f1c9eae5c 100644 --- a/packages/twenty-ui/src/display/tinted-icon-tile/components/TintedIconTile.tsx +++ b/packages/twenty-ui/src/data-display/TintedIconTile/TintedIconTile.tsx @@ -1,6 +1,6 @@ -import { type IconComponent } from '@ui/display/icon/types/IconComponent'; -import { StyledTintedIconTileContainer } from '@ui/display/tinted-icon-tile/components/StyledTintedIconTileContainer'; -import { getIconTileColorShades } from '@ui/display/tinted-icon-tile/utils/getIconTileColorShades'; +import { type IconComponent } from '@ui/icon/types/IconComponent'; +import { StyledTintedIconTileContainer } from '@ui/data-display/StyledTintedIconTileContainer/StyledTintedIconTileContainer'; +import { getIconTileColorShades } from '@ui/data-display/TintedIconTile/utils/getIconTileColorShades'; import { DEFAULT_THEME_COLOR_FALLBACK } from '@ui/theme'; import { ThemeContext } from '@ui/theme-constants'; import { useContext } from 'react'; diff --git a/packages/twenty-ui/src/display/tinted-icon-tile/internal/constants/tintedIconTileColorShades.constant.ts b/packages/twenty-ui/src/data-display/TintedIconTile/internal/constants/tintedIconTileColorShades.constant.ts similarity index 100% rename from packages/twenty-ui/src/display/tinted-icon-tile/internal/constants/tintedIconTileColorShades.constant.ts rename to packages/twenty-ui/src/data-display/TintedIconTile/internal/constants/tintedIconTileColorShades.constant.ts diff --git a/packages/twenty-ui/src/display/tinted-icon-tile/internal/utils/getColorFromTheme.ts b/packages/twenty-ui/src/data-display/TintedIconTile/internal/utils/getColorFromTheme.ts similarity index 100% rename from packages/twenty-ui/src/display/tinted-icon-tile/internal/utils/getColorFromTheme.ts rename to packages/twenty-ui/src/data-display/TintedIconTile/internal/utils/getColorFromTheme.ts diff --git a/packages/twenty-ui/src/display/tinted-icon-tile/utils/getIconTileColorShades.ts b/packages/twenty-ui/src/data-display/TintedIconTile/utils/getIconTileColorShades.ts similarity index 73% rename from packages/twenty-ui/src/display/tinted-icon-tile/utils/getIconTileColorShades.ts rename to packages/twenty-ui/src/data-display/TintedIconTile/utils/getIconTileColorShades.ts index 0c225e87a6..a3ceb149ce 100644 --- a/packages/twenty-ui/src/display/tinted-icon-tile/utils/getIconTileColorShades.ts +++ b/packages/twenty-ui/src/data-display/TintedIconTile/utils/getIconTileColorShades.ts @@ -1,5 +1,5 @@ -import { TINTED_ICON_TILE_COLOR_SHADES } from '@ui/display/tinted-icon-tile/internal/constants/tintedIconTileColorShades.constant'; -import { getColorFromTheme } from '@ui/display/tinted-icon-tile/internal/utils/getColorFromTheme'; +import { TINTED_ICON_TILE_COLOR_SHADES } from '@ui/data-display/TintedIconTile/internal/constants/tintedIconTileColorShades.constant'; +import { getColorFromTheme } from '@ui/data-display/TintedIconTile/internal/utils/getColorFromTheme'; import { parseThemeColor } from '@ui/utilities'; export type IconTileColorShades = { diff --git a/packages/twenty-ui/src/data-display/index.ts b/packages/twenty-ui/src/data-display/index.ts new file mode 100644 index 0000000000..0f217f1482 --- /dev/null +++ b/packages/twenty-ui/src/data-display/index.ts @@ -0,0 +1,44 @@ +/* + * _____ _ + *|_ _|_ _____ _ __ | |_ _ _ + * | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file + * | | \ V V / __/ | | | |_| |_| | Any edits to this will be overridden + * |_| \_/\_/ \___|_| |_|\__|\__, | + * |___/ + */ + +export type { AnimatedCheckmarkProps } from './AnimatedCheckmark/AnimatedCheckmark'; +export { AnimatedCheckmark } from './AnimatedCheckmark/AnimatedCheckmark'; +export type { AvatarProps } from './Avatar/Avatar'; +export { Avatar } from './Avatar/Avatar'; +export { AVATAR_PROPERTIES_BY_SIZE } from './Avatar/constants/AvatarPropertiesBySize'; +export { invalidAvatarUrlsAtomV2 } from './Avatar/states/invalidAvatarUrlsAtomV2'; +export type { AvatarSize } from './Avatar/types/AvatarSize'; +export type { AvatarType } from './Avatar/types/AvatarType'; +export type { AvatarGroupProps } from './AvatarGroup/AvatarGroup'; +export { AvatarGroup } from './AvatarGroup/AvatarGroup'; +export type { AvatarOrIconProps } from './AvatarOrIcon/AvatarOrIcon'; +export { AvatarOrIcon } from './AvatarOrIcon/AvatarOrIcon'; +export type { CheckmarkProps } from './Checkmark/Checkmark'; +export { Checkmark } from './Checkmark/Checkmark'; +export type { ChipProps } from './Chip/Chip'; +export { ChipSize, ChipAccent, ChipVariant, Chip } from './Chip/Chip'; +export { LINK_CHIP_CLICK_OUTSIDE_ID } from './Chip/constants/LinkChipClickOutsideId'; +export type { + ColorSampleVariant, + ColorSampleProps, +} from './ColorSample/ColorSample'; +export { ColorSample } from './ColorSample/ColorSample'; +export { CommandBlock } from './CommandBlock/CommandBlock'; +export type { LinkChipProps } from './LinkChip/LinkChip'; +export { LinkChip } from './LinkChip/LinkChip'; +export { NotificationCounter } from './NotificationCounter/NotificationCounter'; +export { Pill } from './Pill/Pill'; +export { Status } from './Status/Status'; +export { StyledTintedIconTileContainer } from './StyledTintedIconTileContainer/StyledTintedIconTileContainer'; +export type { TagColor } from './Tag/Tag'; +export { Tag } from './Tag/Tag'; +export type { TintedIconTileProps } from './TintedIconTile/TintedIconTile'; +export { TintedIconTile } from './TintedIconTile/TintedIconTile'; +export type { IconTileColorShades } from './TintedIconTile/utils/getIconTileColorShades'; +export { getIconTileColorShades } from './TintedIconTile/utils/getIconTileColorShades'; diff --git a/packages/twenty-ui/src/layout/animated-placeholder/components/AnimatedPlaceholder.module.scss b/packages/twenty-ui/src/feedback/AnimatedPlaceholder/AnimatedPlaceholder.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/animated-placeholder/components/AnimatedPlaceholder.module.scss rename to packages/twenty-ui/src/feedback/AnimatedPlaceholder/AnimatedPlaceholder.module.scss diff --git a/packages/twenty-ui/src/layout/animated-placeholder/components/AnimatedPlaceholder.module.scss.d.ts b/packages/twenty-ui/src/feedback/AnimatedPlaceholder/AnimatedPlaceholder.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/animated-placeholder/components/AnimatedPlaceholder.module.scss.d.ts rename to packages/twenty-ui/src/feedback/AnimatedPlaceholder/AnimatedPlaceholder.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/animated-placeholder/components/AnimatedPlaceholder.tsx b/packages/twenty-ui/src/feedback/AnimatedPlaceholder/AnimatedPlaceholder.tsx similarity index 88% rename from packages/twenty-ui/src/layout/animated-placeholder/components/AnimatedPlaceholder.tsx rename to packages/twenty-ui/src/feedback/AnimatedPlaceholder/AnimatedPlaceholder.tsx index e2b2b275ea..7857f943ca 100644 --- a/packages/twenty-ui/src/layout/animated-placeholder/components/AnimatedPlaceholder.tsx +++ b/packages/twenty-ui/src/feedback/AnimatedPlaceholder/AnimatedPlaceholder.tsx @@ -2,10 +2,10 @@ import { clsx } from 'clsx'; import { animate, motion, useMotionValue, useTransform } from 'framer-motion'; import { useContext, useEffect } from 'react'; -import { BACKGROUND } from '@ui/layout/animated-placeholder/constants/Background'; -import { DARK_BACKGROUND } from '@ui/layout/animated-placeholder/constants/DarkBackground'; -import { DARK_MOVING_IMAGE } from '@ui/layout/animated-placeholder/constants/DarkMovingImage'; -import { MOVING_IMAGE } from '@ui/layout/animated-placeholder/constants/MovingImage'; +import { BACKGROUND } from '@ui/feedback/AnimatedPlaceholder/constants/Background'; +import { DARK_BACKGROUND } from '@ui/feedback/AnimatedPlaceholder/constants/DarkBackground'; +import { DARK_MOVING_IMAGE } from '@ui/feedback/AnimatedPlaceholder/constants/DarkMovingImage'; +import { MOVING_IMAGE } from '@ui/feedback/AnimatedPlaceholder/constants/MovingImage'; import { ThemeContext } from '@ui/theme-constants'; import styles from './AnimatedPlaceholder.module.scss'; diff --git a/packages/twenty-ui/src/layout/animated-placeholder/constants/Background.ts b/packages/twenty-ui/src/feedback/AnimatedPlaceholder/constants/Background.ts similarity index 100% rename from packages/twenty-ui/src/layout/animated-placeholder/constants/Background.ts rename to packages/twenty-ui/src/feedback/AnimatedPlaceholder/constants/Background.ts diff --git a/packages/twenty-ui/src/layout/animated-placeholder/constants/DarkBackground.ts b/packages/twenty-ui/src/feedback/AnimatedPlaceholder/constants/DarkBackground.ts similarity index 100% rename from packages/twenty-ui/src/layout/animated-placeholder/constants/DarkBackground.ts rename to packages/twenty-ui/src/feedback/AnimatedPlaceholder/constants/DarkBackground.ts diff --git a/packages/twenty-ui/src/layout/animated-placeholder/constants/DarkMovingImage.ts b/packages/twenty-ui/src/feedback/AnimatedPlaceholder/constants/DarkMovingImage.ts similarity index 100% rename from packages/twenty-ui/src/layout/animated-placeholder/constants/DarkMovingImage.ts rename to packages/twenty-ui/src/feedback/AnimatedPlaceholder/constants/DarkMovingImage.ts diff --git a/packages/twenty-ui/src/layout/animated-placeholder/constants/MovingImage.ts b/packages/twenty-ui/src/feedback/AnimatedPlaceholder/constants/MovingImage.ts similarity index 100% rename from packages/twenty-ui/src/layout/animated-placeholder/constants/MovingImage.ts rename to packages/twenty-ui/src/feedback/AnimatedPlaceholder/constants/MovingImage.ts diff --git a/packages/twenty-ui/src/display/banner/components/Banner.module.scss b/packages/twenty-ui/src/feedback/Banner/Banner.module.scss similarity index 100% rename from packages/twenty-ui/src/display/banner/components/Banner.module.scss rename to packages/twenty-ui/src/feedback/Banner/Banner.module.scss diff --git a/packages/twenty-ui/src/display/banner/components/Banner.module.scss.d.ts b/packages/twenty-ui/src/feedback/Banner/Banner.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/banner/components/Banner.module.scss.d.ts rename to packages/twenty-ui/src/feedback/Banner/Banner.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/banner/components/Banner.tsx b/packages/twenty-ui/src/feedback/Banner/Banner.tsx similarity index 100% rename from packages/twenty-ui/src/display/banner/components/Banner.tsx rename to packages/twenty-ui/src/feedback/Banner/Banner.tsx diff --git a/packages/twenty-ui/src/display/banner/components/__stories__/Banner.stories.module.scss b/packages/twenty-ui/src/feedback/Banner/__stories__/Banner.stories.module.scss similarity index 100% rename from packages/twenty-ui/src/display/banner/components/__stories__/Banner.stories.module.scss rename to packages/twenty-ui/src/feedback/Banner/__stories__/Banner.stories.module.scss diff --git a/packages/twenty-ui/src/display/banner/components/__stories__/Banner.stories.module.scss.d.ts b/packages/twenty-ui/src/feedback/Banner/__stories__/Banner.stories.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/banner/components/__stories__/Banner.stories.module.scss.d.ts rename to packages/twenty-ui/src/feedback/Banner/__stories__/Banner.stories.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/banner/components/__stories__/Banner.stories.tsx b/packages/twenty-ui/src/feedback/Banner/__stories__/Banner.stories.tsx similarity index 91% rename from packages/twenty-ui/src/display/banner/components/__stories__/Banner.stories.tsx rename to packages/twenty-ui/src/feedback/Banner/__stories__/Banner.stories.tsx index b6804e02e0..b768d48583 100644 --- a/packages/twenty-ui/src/display/banner/components/__stories__/Banner.stories.tsx +++ b/packages/twenty-ui/src/feedback/Banner/__stories__/Banner.stories.tsx @@ -1,14 +1,18 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconX } from '@ui/display'; +import { IconX } from '@ui/icon'; import { CatalogDecorator, type CatalogStory, ComponentDecorator, } from '@ui/testing'; -import { Button } from '../../../../input/button/components/Button/Button'; -import { IconButton } from '../../../../input/button/components/IconButton'; -import { Banner, type BannerColor, type BannerVariant } from '../Banner'; +import { Button } from '@ui/input/Button/Button'; +import { IconButton } from '@ui/input/IconButton/IconButton'; +import { + Banner, + type BannerColor, + type BannerVariant, +} from '@ui/feedback/Banner/Banner'; import styles from './Banner.stories.module.scss'; @@ -41,7 +45,7 @@ const BannerCloseButton = ({ ); const meta: Meta = { - title: 'UI/Layout/Banner/Banner', + title: 'UI/Feedback/Banner', component: Banner, argTypes: { color: { diff --git a/packages/twenty-ui/src/display/callout/Callout.module.scss b/packages/twenty-ui/src/feedback/Callout/Callout.module.scss similarity index 100% rename from packages/twenty-ui/src/display/callout/Callout.module.scss rename to packages/twenty-ui/src/feedback/Callout/Callout.module.scss diff --git a/packages/twenty-ui/src/display/callout/Callout.module.scss.d.ts b/packages/twenty-ui/src/feedback/Callout/Callout.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/callout/Callout.module.scss.d.ts rename to packages/twenty-ui/src/feedback/Callout/Callout.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/callout/Callout.tsx b/packages/twenty-ui/src/feedback/Callout/Callout.tsx similarity index 94% rename from packages/twenty-ui/src/display/callout/Callout.tsx rename to packages/twenty-ui/src/feedback/Callout/Callout.tsx index 1873615904..dd66c39d29 100644 --- a/packages/twenty-ui/src/display/callout/Callout.tsx +++ b/packages/twenty-ui/src/feedback/Callout/Callout.tsx @@ -2,8 +2,8 @@ import { clsx } from 'clsx'; import { useState } from 'react'; import { isDefined } from '@ui/utilities/utils/isDefined'; -import { IconHelp, IconX } from '@ui/display/icon/components/TablerIcons'; -import { type IconComponent } from '@ui/display/icon/types/IconComponent'; +import { IconHelp, IconX } from '@ui/icon/components/TablerIcons'; +import { type IconComponent } from '@ui/icon/types/IconComponent'; import { LightButton, LightIconButton } from '@ui/input'; import styles from './Callout.module.scss'; diff --git a/packages/twenty-ui/src/display/callout/__stories__/Callout.stories.tsx b/packages/twenty-ui/src/feedback/Callout/__stories__/Callout.stories.tsx similarity index 93% rename from packages/twenty-ui/src/display/callout/__stories__/Callout.stories.tsx rename to packages/twenty-ui/src/feedback/Callout/__stories__/Callout.stories.tsx index 48a232907c..7366659d37 100644 --- a/packages/twenty-ui/src/display/callout/__stories__/Callout.stories.tsx +++ b/packages/twenty-ui/src/feedback/Callout/__stories__/Callout.stories.tsx @@ -5,11 +5,11 @@ import { ComponentDecorator, } from '@ui/testing'; -import { Callout } from '@ui/display'; -import { type CalloutVariant } from '@ui/display/callout/Callout'; +import { Callout } from '@ui/feedback'; +import { type CalloutVariant } from '@ui/feedback/Callout/Callout'; const meta: Meta = { - title: 'UI/Display/Callout', + title: 'UI/Feedback/Callout', component: Callout, }; diff --git a/packages/twenty-ui/src/feedback/progress-bar/components/CircularProgressBar.tsx b/packages/twenty-ui/src/feedback/CircularProgressBar/CircularProgressBar.tsx similarity index 100% rename from packages/twenty-ui/src/feedback/progress-bar/components/CircularProgressBar.tsx rename to packages/twenty-ui/src/feedback/CircularProgressBar/CircularProgressBar.tsx diff --git a/packages/twenty-ui/src/feedback/progress-bar/components/__stories__/CircularProgressBar.stories.tsx b/packages/twenty-ui/src/feedback/CircularProgressBar/__stories__/CircularProgressBar.stories.tsx similarity index 94% rename from packages/twenty-ui/src/feedback/progress-bar/components/__stories__/CircularProgressBar.stories.tsx rename to packages/twenty-ui/src/feedback/CircularProgressBar/__stories__/CircularProgressBar.stories.tsx index 36dc05b944..31618545df 100644 --- a/packages/twenty-ui/src/feedback/progress-bar/components/__stories__/CircularProgressBar.stories.tsx +++ b/packages/twenty-ui/src/feedback/CircularProgressBar/__stories__/CircularProgressBar.stories.tsx @@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { CatalogDecorator, type CatalogStory } from '@ui/testing'; import { ComponentDecorator } from '@ui/testing/decorators/ComponentDecorator'; -import { CircularProgressBar } from '../CircularProgressBar'; +import { CircularProgressBar } from '@ui/feedback/CircularProgressBar/CircularProgressBar'; const meta: Meta = { title: 'UI/Feedback/CircularProgressBar/CircularProgressBar', diff --git a/packages/twenty-ui/src/layout/animated-placeholder/components/EmptyPlaceholderStyled.module.scss b/packages/twenty-ui/src/feedback/EmptyPlaceholderStyled/EmptyPlaceholderStyled.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/animated-placeholder/components/EmptyPlaceholderStyled.module.scss rename to packages/twenty-ui/src/feedback/EmptyPlaceholderStyled/EmptyPlaceholderStyled.module.scss diff --git a/packages/twenty-ui/src/layout/animated-placeholder/components/EmptyPlaceholderStyled.module.scss.d.ts b/packages/twenty-ui/src/feedback/EmptyPlaceholderStyled/EmptyPlaceholderStyled.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/animated-placeholder/components/EmptyPlaceholderStyled.module.scss.d.ts rename to packages/twenty-ui/src/feedback/EmptyPlaceholderStyled/EmptyPlaceholderStyled.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/animated-placeholder/components/EmptyPlaceholderStyled.tsx b/packages/twenty-ui/src/feedback/EmptyPlaceholderStyled/EmptyPlaceholderStyled.tsx similarity index 100% rename from packages/twenty-ui/src/layout/animated-placeholder/components/EmptyPlaceholderStyled.tsx rename to packages/twenty-ui/src/feedback/EmptyPlaceholderStyled/EmptyPlaceholderStyled.tsx diff --git a/packages/twenty-ui/src/layout/animated-placeholder/components/ErrorPlaceholderStyled.module.scss b/packages/twenty-ui/src/feedback/ErrorPlaceholderStyled/ErrorPlaceholderStyled.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/animated-placeholder/components/ErrorPlaceholderStyled.module.scss rename to packages/twenty-ui/src/feedback/ErrorPlaceholderStyled/ErrorPlaceholderStyled.module.scss diff --git a/packages/twenty-ui/src/layout/animated-placeholder/components/ErrorPlaceholderStyled.module.scss.d.ts b/packages/twenty-ui/src/feedback/ErrorPlaceholderStyled/ErrorPlaceholderStyled.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/animated-placeholder/components/ErrorPlaceholderStyled.module.scss.d.ts rename to packages/twenty-ui/src/feedback/ErrorPlaceholderStyled/ErrorPlaceholderStyled.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/animated-placeholder/components/ErrorPlaceholderStyled.tsx b/packages/twenty-ui/src/feedback/ErrorPlaceholderStyled/ErrorPlaceholderStyled.tsx similarity index 100% rename from packages/twenty-ui/src/layout/animated-placeholder/components/ErrorPlaceholderStyled.tsx rename to packages/twenty-ui/src/feedback/ErrorPlaceholderStyled/ErrorPlaceholderStyled.tsx diff --git a/packages/twenty-ui/src/display/info/components/Info.module.scss b/packages/twenty-ui/src/feedback/Info/Info.module.scss similarity index 100% rename from packages/twenty-ui/src/display/info/components/Info.module.scss rename to packages/twenty-ui/src/feedback/Info/Info.module.scss diff --git a/packages/twenty-ui/src/display/info/components/Info.module.scss.d.ts b/packages/twenty-ui/src/feedback/Info/Info.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/info/components/Info.module.scss.d.ts rename to packages/twenty-ui/src/feedback/Info/Info.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/info/components/Info.tsx b/packages/twenty-ui/src/feedback/Info/Info.tsx similarity index 91% rename from packages/twenty-ui/src/display/info/components/Info.tsx rename to packages/twenty-ui/src/feedback/Info/Info.tsx index f3b04c6967..70c67ed6a2 100644 --- a/packages/twenty-ui/src/display/info/components/Info.tsx +++ b/packages/twenty-ui/src/feedback/Info/Info.tsx @@ -1,8 +1,8 @@ import { clsx } from 'clsx'; -import { IconInfoCircle } from '@ui/display/icon/components/TablerIcons'; +import { IconInfoCircle } from '@ui/icon/components/TablerIcons'; import { ThemeContext } from '@ui/theme-constants'; -import { Button } from '@ui/input/button/components/Button/Button'; +import { Button } from '@ui/input/Button/Button'; import React, { useContext } from 'react'; import { Link } from 'react-router-dom'; diff --git a/packages/twenty-ui/src/display/info/components/__stories__/Info.stories.tsx b/packages/twenty-ui/src/feedback/Info/__stories__/Info.stories.tsx similarity index 92% rename from packages/twenty-ui/src/display/info/components/__stories__/Info.stories.tsx rename to packages/twenty-ui/src/feedback/Info/__stories__/Info.stories.tsx index 3b4a8c39c0..aad143a630 100644 --- a/packages/twenty-ui/src/display/info/components/__stories__/Info.stories.tsx +++ b/packages/twenty-ui/src/feedback/Info/__stories__/Info.stories.tsx @@ -5,10 +5,10 @@ import { ComponentDecorator, } from '@ui/testing'; -import { Info, type InfoAccent } from '../Info'; +import { Info, type InfoAccent } from '@ui/feedback/Info/Info'; const meta: Meta = { - title: 'UI/Display/Info', + title: 'UI/Feedback/Info', component: Info, }; diff --git a/packages/twenty-ui/src/display/banner/components/InlineBanner.module.scss b/packages/twenty-ui/src/feedback/InlineBanner/InlineBanner.module.scss similarity index 100% rename from packages/twenty-ui/src/display/banner/components/InlineBanner.module.scss rename to packages/twenty-ui/src/feedback/InlineBanner/InlineBanner.module.scss diff --git a/packages/twenty-ui/src/display/banner/components/InlineBanner.module.scss.d.ts b/packages/twenty-ui/src/feedback/InlineBanner/InlineBanner.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/banner/components/InlineBanner.module.scss.d.ts rename to packages/twenty-ui/src/feedback/InlineBanner/InlineBanner.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/banner/components/InlineBanner.tsx b/packages/twenty-ui/src/feedback/InlineBanner/InlineBanner.tsx similarity index 80% rename from packages/twenty-ui/src/display/banner/components/InlineBanner.tsx rename to packages/twenty-ui/src/feedback/InlineBanner/InlineBanner.tsx index 9044dee3a1..eece4d1f40 100644 --- a/packages/twenty-ui/src/display/banner/components/InlineBanner.tsx +++ b/packages/twenty-ui/src/feedback/InlineBanner/InlineBanner.tsx @@ -1,10 +1,10 @@ import { clsx } from 'clsx'; import { useContext } from 'react'; import { ThemeContext } from '@ui/theme-constants'; -import { Button } from '@ui/input/button/components/Button/Button'; -import { type IconComponent } from '@ui/display/icon/types/IconComponent'; -import { IconInfoCircle } from '@ui/display/icon/components/TablerIcons'; -import { Banner, type BannerColor } from './Banner'; +import { Button } from '@ui/input/Button/Button'; +import { type IconComponent } from '@ui/icon/types/IconComponent'; +import { IconInfoCircle } from '@ui/icon/components/TablerIcons'; +import { Banner, type BannerColor } from '@ui/feedback/Banner/Banner'; import styles from './InlineBanner.module.scss'; diff --git a/packages/twenty-ui/src/feedback/loader/components/Loader.module.scss b/packages/twenty-ui/src/feedback/Loader/Loader.module.scss similarity index 100% rename from packages/twenty-ui/src/feedback/loader/components/Loader.module.scss rename to packages/twenty-ui/src/feedback/Loader/Loader.module.scss diff --git a/packages/twenty-ui/src/feedback/loader/components/Loader.module.scss.d.ts b/packages/twenty-ui/src/feedback/Loader/Loader.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/feedback/loader/components/Loader.module.scss.d.ts rename to packages/twenty-ui/src/feedback/Loader/Loader.module.scss.d.ts diff --git a/packages/twenty-ui/src/feedback/loader/components/Loader.tsx b/packages/twenty-ui/src/feedback/Loader/Loader.tsx similarity index 100% rename from packages/twenty-ui/src/feedback/loader/components/Loader.tsx rename to packages/twenty-ui/src/feedback/Loader/Loader.tsx diff --git a/packages/twenty-ui/src/feedback/loader/__stories__/Loader.stories.tsx b/packages/twenty-ui/src/feedback/Loader/__stories__/Loader.stories.tsx similarity index 97% rename from packages/twenty-ui/src/feedback/loader/__stories__/Loader.stories.tsx rename to packages/twenty-ui/src/feedback/Loader/__stories__/Loader.stories.tsx index 2314ee5ea1..9275ea165e 100644 --- a/packages/twenty-ui/src/feedback/loader/__stories__/Loader.stories.tsx +++ b/packages/twenty-ui/src/feedback/Loader/__stories__/Loader.stories.tsx @@ -3,7 +3,7 @@ import { expect, waitFor } from 'storybook/test'; import { ComponentDecorator } from '@ui/testing'; -import { Loader } from '../components/Loader'; +import { Loader } from '@ui/feedback/Loader/Loader'; const meta: Meta = { title: 'UI/Feedback/Loader', diff --git a/packages/twenty-ui/src/feedback/progress-bar/components/ProgressBar.module.scss b/packages/twenty-ui/src/feedback/ProgressBar/ProgressBar.module.scss similarity index 100% rename from packages/twenty-ui/src/feedback/progress-bar/components/ProgressBar.module.scss rename to packages/twenty-ui/src/feedback/ProgressBar/ProgressBar.module.scss diff --git a/packages/twenty-ui/src/feedback/progress-bar/components/ProgressBar.module.scss.d.ts b/packages/twenty-ui/src/feedback/ProgressBar/ProgressBar.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/feedback/progress-bar/components/ProgressBar.module.scss.d.ts rename to packages/twenty-ui/src/feedback/ProgressBar/ProgressBar.module.scss.d.ts diff --git a/packages/twenty-ui/src/feedback/progress-bar/components/ProgressBar.tsx b/packages/twenty-ui/src/feedback/ProgressBar/ProgressBar.tsx similarity index 100% rename from packages/twenty-ui/src/feedback/progress-bar/components/ProgressBar.tsx rename to packages/twenty-ui/src/feedback/ProgressBar/ProgressBar.tsx diff --git a/packages/twenty-ui/src/feedback/progress-bar/components/__stories__/ProgressBar.stories.tsx b/packages/twenty-ui/src/feedback/ProgressBar/__stories__/ProgressBar.stories.tsx similarity index 87% rename from packages/twenty-ui/src/feedback/progress-bar/components/__stories__/ProgressBar.stories.tsx rename to packages/twenty-ui/src/feedback/ProgressBar/__stories__/ProgressBar.stories.tsx index 04d1cabd42..f704a10a58 100644 --- a/packages/twenty-ui/src/feedback/progress-bar/components/__stories__/ProgressBar.stories.tsx +++ b/packages/twenty-ui/src/feedback/ProgressBar/__stories__/ProgressBar.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { useProgressAnimation } from '@ui/feedback/progress-bar/hooks/useProgressAnimation'; +import { useProgressAnimation } from '@ui/feedback/ProgressBar/hooks/useProgressAnimation'; import { ComponentDecorator } from '@ui/testing/decorators/ComponentDecorator'; -import { ProgressBar } from '../ProgressBar'; +import { ProgressBar } from '@ui/feedback/ProgressBar/ProgressBar'; const meta: Meta = { title: 'UI/Feedback/ProgressBar/ProgressBar', diff --git a/packages/twenty-ui/src/feedback/progress-bar/hooks/useProgressAnimation.ts b/packages/twenty-ui/src/feedback/ProgressBar/hooks/useProgressAnimation.ts similarity index 100% rename from packages/twenty-ui/src/feedback/progress-bar/hooks/useProgressAnimation.ts rename to packages/twenty-ui/src/feedback/ProgressBar/hooks/useProgressAnimation.ts diff --git a/packages/twenty-ui/src/display/banner/components/SidePanelInformationBanner.module.scss b/packages/twenty-ui/src/feedback/SidePanelInformationBanner/SidePanelInformationBanner.module.scss similarity index 100% rename from packages/twenty-ui/src/display/banner/components/SidePanelInformationBanner.module.scss rename to packages/twenty-ui/src/feedback/SidePanelInformationBanner/SidePanelInformationBanner.module.scss diff --git a/packages/twenty-ui/src/display/banner/components/SidePanelInformationBanner.module.scss.d.ts b/packages/twenty-ui/src/feedback/SidePanelInformationBanner/SidePanelInformationBanner.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/banner/components/SidePanelInformationBanner.module.scss.d.ts rename to packages/twenty-ui/src/feedback/SidePanelInformationBanner/SidePanelInformationBanner.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/banner/components/SidePanelInformationBanner.tsx b/packages/twenty-ui/src/feedback/SidePanelInformationBanner/SidePanelInformationBanner.tsx similarity index 88% rename from packages/twenty-ui/src/display/banner/components/SidePanelInformationBanner.tsx rename to packages/twenty-ui/src/feedback/SidePanelInformationBanner/SidePanelInformationBanner.tsx index d129eb2cdb..0ea86147f4 100644 --- a/packages/twenty-ui/src/display/banner/components/SidePanelInformationBanner.tsx +++ b/packages/twenty-ui/src/feedback/SidePanelInformationBanner/SidePanelInformationBanner.tsx @@ -2,11 +2,8 @@ import { clsx } from 'clsx'; import { useId } from 'react'; import { isDefined } from '@ui/utilities/utils/isDefined'; -import { - IconAlertTriangle, - IconInfoCircle, -} from '../../icon/components/TablerIcons'; -import { AppTooltip } from '../../tooltip/AppTooltip'; +import { IconAlertTriangle, IconInfoCircle } from '@ui/icon'; +import { AppTooltip } from '@ui/surfaces'; import styles from './SidePanelInformationBanner.module.scss'; diff --git a/packages/twenty-ui/src/display/banner/components/__stories__/SidePanelInformationBanner.stories.tsx b/packages/twenty-ui/src/feedback/SidePanelInformationBanner/__stories__/SidePanelInformationBanner.stories.tsx similarity index 87% rename from packages/twenty-ui/src/display/banner/components/__stories__/SidePanelInformationBanner.stories.tsx rename to packages/twenty-ui/src/feedback/SidePanelInformationBanner/__stories__/SidePanelInformationBanner.stories.tsx index c67b6be985..0af66be4dd 100644 --- a/packages/twenty-ui/src/display/banner/components/__stories__/SidePanelInformationBanner.stories.tsx +++ b/packages/twenty-ui/src/feedback/SidePanelInformationBanner/__stories__/SidePanelInformationBanner.stories.tsx @@ -1,9 +1,9 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { ComponentDecorator } from '@ui/testing'; -import { SidePanelInformationBanner } from '../SidePanelInformationBanner'; +import { SidePanelInformationBanner } from '@ui/feedback/SidePanelInformationBanner/SidePanelInformationBanner'; const meta: Meta = { - title: 'UI/Display/Banner/SidePanelInformationBanner', + title: 'UI/Feedback/SidePanelInformationBanner', component: SidePanelInformationBanner, decorators: [ComponentDecorator], }; diff --git a/packages/twenty-ui/src/feedback/index.ts b/packages/twenty-ui/src/feedback/index.ts index dc1e659331..50f7aa70de 100644 --- a/packages/twenty-ui/src/feedback/index.ts +++ b/packages/twenty-ui/src/feedback/index.ts @@ -7,11 +7,39 @@ * |___/ */ -export { Loader } from './loader/components/Loader'; -export { CircularProgressBar } from './progress-bar/components/CircularProgressBar'; +export type { AnimatedPlaceholderType } from './AnimatedPlaceholder/AnimatedPlaceholder'; +export { AnimatedPlaceholder } from './AnimatedPlaceholder/AnimatedPlaceholder'; +export { BACKGROUND } from './AnimatedPlaceholder/constants/Background'; +export { DARK_BACKGROUND } from './AnimatedPlaceholder/constants/DarkBackground'; +export { DARK_MOVING_IMAGE } from './AnimatedPlaceholder/constants/DarkMovingImage'; +export { MOVING_IMAGE } from './AnimatedPlaceholder/constants/MovingImage'; +export type { BannerColor, BannerVariant } from './Banner/Banner'; +export { Banner } from './Banner/Banner'; +export type { CalloutVariant, CalloutProps } from './Callout/Callout'; +export { Callout } from './Callout/Callout'; +export { CircularProgressBar } from './CircularProgressBar/CircularProgressBar'; +export { + AnimatedPlaceholderEmptyContainer, + EMPTY_PLACEHOLDER_TRANSITION_PROPS, + AnimatedPlaceholderEmptyTextContainer, + AnimatedPlaceholderEmptyTitle, + AnimatedPlaceholderEmptySubTitle, +} from './EmptyPlaceholderStyled/EmptyPlaceholderStyled'; +export { + AnimatedPlaceholderErrorContainer, + AnimatedPlaceholderErrorTextContainer, + AnimatedPlaceholderErrorTitle, + AnimatedPlaceholderErrorSubTitle, +} from './ErrorPlaceholderStyled/ErrorPlaceholderStyled'; +export type { InfoAccent, InfoProps } from './Info/Info'; +export { Info } from './Info/Info'; +export { InlineBanner } from './InlineBanner/InlineBanner'; +export { Loader } from './Loader/Loader'; +export { useProgressAnimation } from './ProgressBar/hooks/useProgressAnimation'; export type { ProgressBarProps, StyledBarProps, -} from './progress-bar/components/ProgressBar'; -export { ProgressBar } from './progress-bar/components/ProgressBar'; -export { useProgressAnimation } from './progress-bar/hooks/useProgressAnimation'; +} from './ProgressBar/ProgressBar'; +export { ProgressBar } from './ProgressBar/ProgressBar'; +export type { SidePanelInformationBannerProps } from './SidePanelInformationBanner/SidePanelInformationBanner'; +export { SidePanelInformationBanner } from './SidePanelInformationBanner/SidePanelInformationBanner'; diff --git a/packages/twenty-ui/src/display/icon/components/Icon.tsx b/packages/twenty-ui/src/icon/components/Icon.tsx similarity index 73% rename from packages/twenty-ui/src/display/icon/components/Icon.tsx rename to packages/twenty-ui/src/icon/components/Icon.tsx index a692a9dacf..a4869faca7 100644 --- a/packages/twenty-ui/src/display/icon/components/Icon.tsx +++ b/packages/twenty-ui/src/icon/components/Icon.tsx @@ -1,5 +1,5 @@ -import { useIcons } from '@ui/display/icon/hooks/useIcons'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { useIcons } from '@ui/icon/hooks/useIcons'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; export type IconProps = IconComponentProps & { name: string; diff --git a/packages/twenty-ui/src/display/icon/components/IconAddressBook.tsx b/packages/twenty-ui/src/icon/components/IconAddressBook.tsx similarity index 88% rename from packages/twenty-ui/src/display/icon/components/IconAddressBook.tsx rename to packages/twenty-ui/src/icon/components/IconAddressBook.tsx index 78759ab0a5..e2ca2fc2ae 100644 --- a/packages/twenty-ui/src/display/icon/components/IconAddressBook.tsx +++ b/packages/twenty-ui/src/icon/components/IconAddressBook.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconAddressBookRaw from '@assets/icons/address-book.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconAddressBookProps = Pick< diff --git a/packages/twenty-ui/src/display/icon/components/IconBrandAnthropic.tsx b/packages/twenty-ui/src/icon/components/IconBrandAnthropic.tsx similarity index 84% rename from packages/twenty-ui/src/display/icon/components/IconBrandAnthropic.tsx rename to packages/twenty-ui/src/icon/components/IconBrandAnthropic.tsx index 3e77d98502..aae6cdf4ed 100644 --- a/packages/twenty-ui/src/display/icon/components/IconBrandAnthropic.tsx +++ b/packages/twenty-ui/src/icon/components/IconBrandAnthropic.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconAnthropicRaw from '@assets/icons/anthropic.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconBrandAnthropicProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IconBrandGemini.tsx b/packages/twenty-ui/src/icon/components/IconBrandGemini.tsx similarity index 84% rename from packages/twenty-ui/src/display/icon/components/IconBrandGemini.tsx rename to packages/twenty-ui/src/icon/components/IconBrandGemini.tsx index 80a7923c35..950fc9c83e 100644 --- a/packages/twenty-ui/src/display/icon/components/IconBrandGemini.tsx +++ b/packages/twenty-ui/src/icon/components/IconBrandGemini.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconBrandGeminiRaw from '@assets/icons/gemini.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconBrandGeminiProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IconBrandGroq.tsx b/packages/twenty-ui/src/icon/components/IconBrandGroq.tsx similarity index 84% rename from packages/twenty-ui/src/display/icon/components/IconBrandGroq.tsx rename to packages/twenty-ui/src/icon/components/IconBrandGroq.tsx index abc50bd58d..a6c420da20 100644 --- a/packages/twenty-ui/src/display/icon/components/IconBrandGroq.tsx +++ b/packages/twenty-ui/src/icon/components/IconBrandGroq.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconBrandGroqRaw from '@assets/icons/groq.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconBrandGroqProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IconBrandMistral.tsx b/packages/twenty-ui/src/icon/components/IconBrandMistral.tsx similarity index 84% rename from packages/twenty-ui/src/display/icon/components/IconBrandMistral.tsx rename to packages/twenty-ui/src/icon/components/IconBrandMistral.tsx index 542c9eec1d..dfe4dbe44a 100644 --- a/packages/twenty-ui/src/display/icon/components/IconBrandMistral.tsx +++ b/packages/twenty-ui/src/icon/components/IconBrandMistral.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconBrandMistralRaw from '@assets/icons/mistral.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconBrandMistralProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IconBrandXai.tsx b/packages/twenty-ui/src/icon/components/IconBrandXai.tsx similarity index 86% rename from packages/twenty-ui/src/display/icon/components/IconBrandXai.tsx rename to packages/twenty-ui/src/icon/components/IconBrandXai.tsx index d0d1a7ab29..9570edcd57 100644 --- a/packages/twenty-ui/src/display/icon/components/IconBrandXai.tsx +++ b/packages/twenty-ui/src/icon/components/IconBrandXai.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconBrandXaiRaw from '@assets/icons/xai.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconBrandXaiProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IconChartBarHorizontal.module.scss b/packages/twenty-ui/src/icon/components/IconChartBarHorizontal.module.scss similarity index 100% rename from packages/twenty-ui/src/display/icon/components/IconChartBarHorizontal.module.scss rename to packages/twenty-ui/src/icon/components/IconChartBarHorizontal.module.scss diff --git a/packages/twenty-ui/src/display/icon/components/IconChartBarHorizontal.module.scss.d.ts b/packages/twenty-ui/src/icon/components/IconChartBarHorizontal.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/icon/components/IconChartBarHorizontal.module.scss.d.ts rename to packages/twenty-ui/src/icon/components/IconChartBarHorizontal.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/icon/components/IconChartBarHorizontal.tsx b/packages/twenty-ui/src/icon/components/IconChartBarHorizontal.tsx similarity index 80% rename from packages/twenty-ui/src/display/icon/components/IconChartBarHorizontal.tsx rename to packages/twenty-ui/src/icon/components/IconChartBarHorizontal.tsx index bab4d674bb..268b4d839a 100644 --- a/packages/twenty-ui/src/display/icon/components/IconChartBarHorizontal.tsx +++ b/packages/twenty-ui/src/icon/components/IconChartBarHorizontal.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; -import { IconChartBar } from '@ui/display/icon/components/TablerIcons'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IconChartBar } from '@ui/icon/components/TablerIcons'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; import styles from './IconChartBarHorizontal.module.scss'; diff --git a/packages/twenty-ui/src/display/icon/components/IconGmail.tsx b/packages/twenty-ui/src/icon/components/IconGmail.tsx similarity index 83% rename from packages/twenty-ui/src/display/icon/components/IconGmail.tsx rename to packages/twenty-ui/src/icon/components/IconGmail.tsx index 961fc5d688..c270f9efc0 100644 --- a/packages/twenty-ui/src/display/icon/components/IconGmail.tsx +++ b/packages/twenty-ui/src/icon/components/IconGmail.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconGmailRaw from '@assets/icons/gmail.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconGmailProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IconGoogle.tsx b/packages/twenty-ui/src/icon/components/IconGoogle.tsx similarity index 83% rename from packages/twenty-ui/src/display/icon/components/IconGoogle.tsx rename to packages/twenty-ui/src/icon/components/IconGoogle.tsx index 4ae7dac95e..3547b2dece 100644 --- a/packages/twenty-ui/src/display/icon/components/IconGoogle.tsx +++ b/packages/twenty-ui/src/icon/components/IconGoogle.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconGoogleRaw from '@assets/icons/google.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconGoogleProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IconGoogleCalendar.tsx b/packages/twenty-ui/src/icon/components/IconGoogleCalendar.tsx similarity index 85% rename from packages/twenty-ui/src/display/icon/components/IconGoogleCalendar.tsx rename to packages/twenty-ui/src/icon/components/IconGoogleCalendar.tsx index 1db26ddec9..d9d3599de9 100644 --- a/packages/twenty-ui/src/display/icon/components/IconGoogleCalendar.tsx +++ b/packages/twenty-ui/src/icon/components/IconGoogleCalendar.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconGoogleCalendarRaw from '@assets/icons/google-calendar.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconGoogleCalendarProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IconLock.tsx b/packages/twenty-ui/src/icon/components/IconLock.tsx similarity index 84% rename from packages/twenty-ui/src/display/icon/components/IconLock.tsx rename to packages/twenty-ui/src/icon/components/IconLock.tsx index 3165280066..7afe848b60 100644 --- a/packages/twenty-ui/src/display/icon/components/IconLock.tsx +++ b/packages/twenty-ui/src/icon/components/IconLock.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconLockRaw from '@assets/icons/lock.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconLockCustomProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IconMicrosoft.tsx b/packages/twenty-ui/src/icon/components/IconMicrosoft.tsx similarity index 100% rename from packages/twenty-ui/src/display/icon/components/IconMicrosoft.tsx rename to packages/twenty-ui/src/icon/components/IconMicrosoft.tsx diff --git a/packages/twenty-ui/src/display/icon/components/IconMicrosoftCalendar.tsx b/packages/twenty-ui/src/icon/components/IconMicrosoftCalendar.tsx similarity index 100% rename from packages/twenty-ui/src/display/icon/components/IconMicrosoftCalendar.tsx rename to packages/twenty-ui/src/icon/components/IconMicrosoftCalendar.tsx diff --git a/packages/twenty-ui/src/display/icon/components/IconMicrosoftOutlook.tsx b/packages/twenty-ui/src/icon/components/IconMicrosoftOutlook.tsx similarity index 100% rename from packages/twenty-ui/src/display/icon/components/IconMicrosoftOutlook.tsx rename to packages/twenty-ui/src/icon/components/IconMicrosoftOutlook.tsx diff --git a/packages/twenty-ui/src/display/icon/components/IconModelClaude.tsx b/packages/twenty-ui/src/icon/components/IconModelClaude.tsx similarity index 84% rename from packages/twenty-ui/src/display/icon/components/IconModelClaude.tsx rename to packages/twenty-ui/src/icon/components/IconModelClaude.tsx index fb2f64eb77..ebdc8d08a1 100644 --- a/packages/twenty-ui/src/display/icon/components/IconModelClaude.tsx +++ b/packages/twenty-ui/src/icon/components/IconModelClaude.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconModelClaudeRaw from '@assets/icons/claude.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconModelClaudeProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IconProviderOpenai.tsx b/packages/twenty-ui/src/icon/components/IconProviderOpenai.tsx similarity index 86% rename from packages/twenty-ui/src/display/icon/components/IconProviderOpenai.tsx rename to packages/twenty-ui/src/icon/components/IconProviderOpenai.tsx index ec64dc03ee..b2cfd06877 100644 --- a/packages/twenty-ui/src/display/icon/components/IconProviderOpenai.tsx +++ b/packages/twenty-ui/src/icon/components/IconProviderOpenai.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconOpenaiRaw from '@assets/icons/openai.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconProviderOpenaiProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IconRelationManyToOne.tsx b/packages/twenty-ui/src/icon/components/IconRelationManyToOne.tsx similarity index 87% rename from packages/twenty-ui/src/display/icon/components/IconRelationManyToOne.tsx rename to packages/twenty-ui/src/icon/components/IconRelationManyToOne.tsx index 0f20794181..c29ad2ef8e 100644 --- a/packages/twenty-ui/src/display/icon/components/IconRelationManyToOne.tsx +++ b/packages/twenty-ui/src/icon/components/IconRelationManyToOne.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconRelationManyToOneRaw from '@assets/icons/many-to-one.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconRelationManyToOneProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IconTrashXOff.tsx b/packages/twenty-ui/src/icon/components/IconTrashXOff.tsx similarity index 86% rename from packages/twenty-ui/src/display/icon/components/IconTrashXOff.tsx rename to packages/twenty-ui/src/icon/components/IconTrashXOff.tsx index 2d5aedfb5e..576ca872cd 100644 --- a/packages/twenty-ui/src/display/icon/components/IconTrashXOff.tsx +++ b/packages/twenty-ui/src/icon/components/IconTrashXOff.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconTrashXOffRaw from '@assets/icons/trash-x-off.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconTrashXOffProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IconTwentyStar.tsx b/packages/twenty-ui/src/icon/components/IconTwentyStar.tsx similarity index 86% rename from packages/twenty-ui/src/display/icon/components/IconTwentyStar.tsx rename to packages/twenty-ui/src/icon/components/IconTwentyStar.tsx index 7309bb0c2c..04ee48ec5e 100644 --- a/packages/twenty-ui/src/display/icon/components/IconTwentyStar.tsx +++ b/packages/twenty-ui/src/icon/components/IconTwentyStar.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconTwentyStarRaw from '@assets/icons/twenty-star.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconTwentyStarProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IconTwentyStarFilled.tsx b/packages/twenty-ui/src/icon/components/IconTwentyStarFilled.tsx similarity index 87% rename from packages/twenty-ui/src/display/icon/components/IconTwentyStarFilled.tsx rename to packages/twenty-ui/src/icon/components/IconTwentyStarFilled.tsx index 051c98fffb..10564ab4d6 100644 --- a/packages/twenty-ui/src/display/icon/components/IconTwentyStarFilled.tsx +++ b/packages/twenty-ui/src/icon/components/IconTwentyStarFilled.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; import IconTwentyStarFilledRaw from '@assets/icons/twenty-star-filled.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IconTwentyStarFilledProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconArray.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconArray.tsx similarity index 78% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconArray.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconArray.tsx index 17cf7c48a4..ecc730a065 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconArray.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconArray.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconArrayRaw from '@assets/icons/illustration-array.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconArrayProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconCalendarEvent.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconCalendarEvent.tsx similarity index 80% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconCalendarEvent.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconCalendarEvent.tsx index f622089925..aa3fb1904b 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconCalendarEvent.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconCalendarEvent.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconCalendarEventRaw from '@assets/icons/illustration-calendar-event.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconCalendarEventProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconCalendarTime.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconCalendarTime.tsx similarity index 80% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconCalendarTime.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconCalendarTime.tsx index 8027cb5048..ec963a74be 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconCalendarTime.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconCalendarTime.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconCalendarTimeRaw from '@assets/icons/illustration-calendar-time.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconCalendarTimeProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconCurrency.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconCurrency.tsx similarity index 79% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconCurrency.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconCurrency.tsx index 0a0ef60343..52e06af18f 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconCurrency.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconCurrency.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconCurrencyRaw from '@assets/icons/illustration-currency.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconCurrencyProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconFile.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconFile.tsx similarity index 78% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconFile.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconFile.tsx index 94be18214b..9b846e7e41 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconFile.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconFile.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconFileRaw from '@assets/icons/illustration-file.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconFileProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconJson.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconJson.tsx similarity index 78% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconJson.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconJson.tsx index c521ba4c8c..66a4377b85 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconJson.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconJson.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconJsonRaw from '@assets/icons/illustration-json.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconJsonProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconLink.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconLink.tsx similarity index 78% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconLink.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconLink.tsx index afaa9b1983..caee86596d 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconLink.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconLink.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconLinkRaw from '@assets/icons/illustration-link.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconLinkProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconMail.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconMail.tsx similarity index 78% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconMail.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconMail.tsx index 95f9ee133e..4cf10ad02b 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconMail.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconMail.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconMailRaw from '@assets/icons/illustration-mail.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconMailProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconManyToMany.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconManyToMany.tsx similarity index 79% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconManyToMany.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconManyToMany.tsx index 0fd8370f85..d7ee64bb3d 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconManyToMany.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconManyToMany.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconManyToManyRaw from '@assets/icons/illustration-many-to-many.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconManyToManyProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconMap.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconMap.tsx similarity index 78% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconMap.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconMap.tsx index 484ce4cd47..0474b6370c 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconMap.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconMap.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconMapRaw from '@assets/icons/illustration-map.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconMapProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconNumbers.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconNumbers.tsx similarity index 79% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconNumbers.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconNumbers.tsx index 0ac70a09fe..5d5a820c6e 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconNumbers.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconNumbers.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconNumbersRaw from '@assets/icons/illustration-numbers.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconNumbersProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconOneToMany.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconOneToMany.tsx similarity index 79% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconOneToMany.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconOneToMany.tsx index 7c8e50474f..8c2503b6eb 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconOneToMany.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconOneToMany.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconOneToManyRaw from '@assets/icons/illustration-one-to-many.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconOneToManyProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconOneToOne.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconOneToOne.tsx similarity index 79% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconOneToOne.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconOneToOne.tsx index 54da40e2b2..4307d64b82 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconOneToOne.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconOneToOne.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconOneToOneRaw from '@assets/icons/illustration-one-to-one.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconOneToOneProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconPhone.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconPhone.tsx similarity index 78% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconPhone.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconPhone.tsx index e06371bb9a..414ae0820e 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconPhone.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconPhone.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconPhoneRaw from '@assets/icons/illustration-phone.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconPhoneProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconSetting.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconSetting.tsx similarity index 79% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconSetting.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconSetting.tsx index 10c96b0e6d..795fbafbcf 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconSetting.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconSetting.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconSettingRaw from '@assets/icons/illustration-setting.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconSettingProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconStar.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconStar.tsx similarity index 78% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconStar.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconStar.tsx index e8c662c27f..5e69da23b4 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconStar.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconStar.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconStarRaw from '@assets/icons/illustration-star.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconStarProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconTag.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconTag.tsx similarity index 78% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconTag.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconTag.tsx index a45034ed09..f663914eba 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconTag.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconTag.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconTagRaw from '@assets/icons/illustration-tag.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconTagProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconTags.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconTags.tsx similarity index 78% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconTags.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconTags.tsx index 667a812740..bcd9d9c326 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconTags.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconTags.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconTagsRaw from '@assets/icons/illustration-tags.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconTagsProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconText.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconText.tsx similarity index 78% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconText.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconText.tsx index 9544e42ab6..0af7fc87f8 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconText.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconText.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconTextRaw from '@assets/icons/illustration-text.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconTextProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconToggle.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconToggle.tsx similarity index 78% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconToggle.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconToggle.tsx index 8dec6ec915..28ed2eb818 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconToggle.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconToggle.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconToggleRaw from '@assets/icons/illustration-toggle.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconToggleProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconUid.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconUid.tsx similarity index 78% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconUid.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconUid.tsx index 6c89066302..c2dfbbe042 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconUid.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconUid.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconUidRaw from '@assets/icons/illustration-uid.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconUidProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconUser.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconUser.tsx similarity index 78% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconUser.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconUser.tsx index e76856f2a0..42aea42c90 100644 --- a/packages/twenty-ui/src/display/icon/components/IllustrationIconUser.tsx +++ b/packages/twenty-ui/src/icon/components/IllustrationIconUser.tsx @@ -1,8 +1,8 @@ import { useContext } from 'react'; import IllustrationIconUserRaw from '@assets/icons/illustration-user.svg?react'; -import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { IllustrationIconWrapper } from '@ui/icon/components/IllustrationIconWrapper'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; type IllustrationIconUserProps = Pick; diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconWrapper.module.scss b/packages/twenty-ui/src/icon/components/IllustrationIconWrapper.module.scss similarity index 100% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconWrapper.module.scss rename to packages/twenty-ui/src/icon/components/IllustrationIconWrapper.module.scss diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconWrapper.module.scss.d.ts b/packages/twenty-ui/src/icon/components/IllustrationIconWrapper.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconWrapper.module.scss.d.ts rename to packages/twenty-ui/src/icon/components/IllustrationIconWrapper.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/icon/components/IllustrationIconWrapper.tsx b/packages/twenty-ui/src/icon/components/IllustrationIconWrapper.tsx similarity index 100% rename from packages/twenty-ui/src/display/icon/components/IllustrationIconWrapper.tsx rename to packages/twenty-ui/src/icon/components/IllustrationIconWrapper.tsx diff --git a/packages/twenty-ui/src/display/icon/components/TablerIcons.ts b/packages/twenty-ui/src/icon/components/TablerIcons.ts similarity index 100% rename from packages/twenty-ui/src/display/icon/components/TablerIcons.ts rename to packages/twenty-ui/src/icon/components/TablerIcons.ts diff --git a/packages/twenty-ui/src/display/icon/components/ThinkingOrbitLoaderIcon.tsx b/packages/twenty-ui/src/icon/components/ThinkingOrbitLoaderIcon.tsx similarity index 93% rename from packages/twenty-ui/src/display/icon/components/ThinkingOrbitLoaderIcon.tsx rename to packages/twenty-ui/src/icon/components/ThinkingOrbitLoaderIcon.tsx index af791e4b0b..a8f5531974 100644 --- a/packages/twenty-ui/src/display/icon/components/ThinkingOrbitLoaderIcon.tsx +++ b/packages/twenty-ui/src/icon/components/ThinkingOrbitLoaderIcon.tsx @@ -1,4 +1,4 @@ -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; type ThinkingOrbitLoaderIconProps = Pick< IconComponentProps, diff --git a/packages/twenty-ui/src/display/icon/components/__stories__/Icon.stories.tsx b/packages/twenty-ui/src/icon/components/__stories__/Icon.stories.tsx similarity index 90% rename from packages/twenty-ui/src/display/icon/components/__stories__/Icon.stories.tsx rename to packages/twenty-ui/src/icon/components/__stories__/Icon.stories.tsx index 91c92831b5..03ad27c0ce 100644 --- a/packages/twenty-ui/src/display/icon/components/__stories__/Icon.stories.tsx +++ b/packages/twenty-ui/src/icon/components/__stories__/Icon.stories.tsx @@ -1,13 +1,13 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconsProvider } from '@ui/display/icon/providers/IconsProvider'; +import { IconsProvider } from '@ui/icon/providers/IconsProvider'; import { ComponentDecorator } from '@ui/testing/decorators/ComponentDecorator'; import { JotaiRootDecorator } from '@ui/testing/decorators/JotaiRootDecorator'; import { Icon } from '../Icon'; const meta: Meta = { - title: 'UI/Display/Icon/Icon', + title: 'UI/Icon/Icon', component: Icon, decorators: [ ComponentDecorator, diff --git a/packages/twenty-ui/src/display/icon/hooks/__tests__/useIcons.test.ts b/packages/twenty-ui/src/icon/hooks/__tests__/useIcons.test.ts similarity index 92% rename from packages/twenty-ui/src/display/icon/hooks/__tests__/useIcons.test.ts rename to packages/twenty-ui/src/icon/hooks/__tests__/useIcons.test.ts index f12ce151fa..677878811c 100644 --- a/packages/twenty-ui/src/display/icon/hooks/__tests__/useIcons.test.ts +++ b/packages/twenty-ui/src/icon/hooks/__tests__/useIcons.test.ts @@ -5,8 +5,8 @@ import { Icon123, IconBuildingSkyscraper, IconUser, -} from '@ui/display/icon/components/TablerIcons'; -import { useIcons } from '@ui/display/icon/hooks/useIcons'; +} from '@ui/icon/components/TablerIcons'; +import { useIcons } from '@ui/icon/hooks/useIcons'; const mockedStateIcons = { IconUser, diff --git a/packages/twenty-ui/src/display/icon/hooks/useIcons.ts b/packages/twenty-ui/src/icon/hooks/useIcons.ts similarity index 75% rename from packages/twenty-ui/src/display/icon/hooks/useIcons.ts rename to packages/twenty-ui/src/icon/hooks/useIcons.ts index ff89b9717d..658c547c3d 100644 --- a/packages/twenty-ui/src/display/icon/hooks/useIcons.ts +++ b/packages/twenty-ui/src/icon/hooks/useIcons.ts @@ -1,7 +1,7 @@ import { useAtomValue } from 'jotai'; -import { Icon123 } from '@ui/display/icon/components/TablerIcons'; -import { iconsState } from '@ui/display/icon/states/iconsState'; +import { Icon123 } from '@ui/icon/components/TablerIcons'; +import { iconsState } from '@ui/icon/states/iconsState'; export const useIcons = () => { const icons = useAtomValue(iconsState); diff --git a/packages/twenty-ui/src/display/index.ts b/packages/twenty-ui/src/icon/index.ts similarity index 53% rename from packages/twenty-ui/src/display/index.ts rename to packages/twenty-ui/src/icon/index.ts index 245414e045..d4bf4f960a 100644 --- a/packages/twenty-ui/src/display/index.ts +++ b/packages/twenty-ui/src/icon/index.ts @@ -7,78 +7,52 @@ * |___/ */ -export type { AvatarProps } from './avatar/components/Avatar'; -export { Avatar } from './avatar/components/Avatar'; -export type { AvatarGroupProps } from './avatar/components/AvatarGroup'; -export { AvatarGroup } from './avatar/components/AvatarGroup'; -export { invalidAvatarUrlsAtomV2 } from './avatar/components/states/invalidAvatarUrlsAtomV2'; -export { AVATAR_PROPERTIES_BY_SIZE } from './avatar/constants/AvatarPropertiesBySize'; -export type { AvatarSize } from './avatar/types/AvatarSize'; -export type { AvatarType } from './avatar/types/AvatarType'; -export type { BannerColor, BannerVariant } from './banner/components/Banner'; -export { Banner } from './banner/components/Banner'; -export { InlineBanner } from './banner/components/InlineBanner'; -export type { SidePanelInformationBannerProps } from './banner/components/SidePanelInformationBanner'; -export { SidePanelInformationBanner } from './banner/components/SidePanelInformationBanner'; -export type { CalloutVariant, CalloutProps } from './callout/Callout'; -export { Callout } from './callout/Callout'; -export type { AnimatedCheckmarkProps } from './checkmark/components/AnimatedCheckmark'; -export { AnimatedCheckmark } from './checkmark/components/AnimatedCheckmark'; -export type { CheckmarkProps } from './checkmark/components/Checkmark'; -export { Checkmark } from './checkmark/components/Checkmark'; -export type { - ColorSampleVariant, - ColorSampleProps, -} from './color/components/ColorSample'; -export { ColorSample } from './color/components/ColorSample'; -export { CommandBlock } from './command-block/components/CommandBlock'; -export { LinkifiedText } from './components/LinkifiedText'; -export type { IconProps } from './icon/components/Icon'; -export { Icon } from './icon/components/Icon'; -export { IconAddressBook } from './icon/components/IconAddressBook'; -export { IconBrandAnthropic } from './icon/components/IconBrandAnthropic'; -export { IconBrandGemini } from './icon/components/IconBrandGemini'; -export { IconBrandGroq } from './icon/components/IconBrandGroq'; -export { IconBrandMistral } from './icon/components/IconBrandMistral'; -export { IconBrandXai } from './icon/components/IconBrandXai'; -export { IconChartBarHorizontal } from './icon/components/IconChartBarHorizontal'; -export { IconGmail } from './icon/components/IconGmail'; -export { IconGoogle } from './icon/components/IconGoogle'; -export { IconGoogleCalendar } from './icon/components/IconGoogleCalendar'; -export { IconLockCustom } from './icon/components/IconLock'; -export { IconMicrosoft } from './icon/components/IconMicrosoft'; -export { IconMicrosoftCalendar } from './icon/components/IconMicrosoftCalendar'; -export { IconMicrosoftOutlook } from './icon/components/IconMicrosoftOutlook'; -export { IconModelClaude } from './icon/components/IconModelClaude'; -export { IconProviderOpenai } from './icon/components/IconProviderOpenai'; -export { IconRelationManyToOne } from './icon/components/IconRelationManyToOne'; -export { IconTrashXOff } from './icon/components/IconTrashXOff'; -export { IconTwentyStar } from './icon/components/IconTwentyStar'; -export { IconTwentyStarFilled } from './icon/components/IconTwentyStarFilled'; -export { IllustrationIconArray } from './icon/components/IllustrationIconArray'; -export { IllustrationIconCalendarEvent } from './icon/components/IllustrationIconCalendarEvent'; -export { IllustrationIconCalendarTime } from './icon/components/IllustrationIconCalendarTime'; -export { IllustrationIconCurrency } from './icon/components/IllustrationIconCurrency'; -export { IllustrationIconFile } from './icon/components/IllustrationIconFile'; -export { IllustrationIconJson } from './icon/components/IllustrationIconJson'; -export { IllustrationIconLink } from './icon/components/IllustrationIconLink'; -export { IllustrationIconMail } from './icon/components/IllustrationIconMail'; -export { IllustrationIconManyToMany } from './icon/components/IllustrationIconManyToMany'; -export { IllustrationIconMap } from './icon/components/IllustrationIconMap'; -export { IllustrationIconNumbers } from './icon/components/IllustrationIconNumbers'; -export { IllustrationIconOneToMany } from './icon/components/IllustrationIconOneToMany'; -export { IllustrationIconOneToOne } from './icon/components/IllustrationIconOneToOne'; -export { IllustrationIconPhone } from './icon/components/IllustrationIconPhone'; -export { IllustrationIconSetting } from './icon/components/IllustrationIconSetting'; -export { IllustrationIconStar } from './icon/components/IllustrationIconStar'; -export { IllustrationIconTag } from './icon/components/IllustrationIconTag'; -export { IllustrationIconTags } from './icon/components/IllustrationIconTags'; -export { IllustrationIconText } from './icon/components/IllustrationIconText'; -export { IllustrationIconToggle } from './icon/components/IllustrationIconToggle'; -export { IllustrationIconUid } from './icon/components/IllustrationIconUid'; -export { IllustrationIconUser } from './icon/components/IllustrationIconUser'; -export { IllustrationIconWrapper } from './icon/components/IllustrationIconWrapper'; -export type { TablerIconsProps } from './icon/components/TablerIcons'; +export type { IconProps } from './components/Icon'; +export { Icon } from './components/Icon'; +export { IconAddressBook } from './components/IconAddressBook'; +export { IconBrandAnthropic } from './components/IconBrandAnthropic'; +export { IconBrandGemini } from './components/IconBrandGemini'; +export { IconBrandGroq } from './components/IconBrandGroq'; +export { IconBrandMistral } from './components/IconBrandMistral'; +export { IconBrandXai } from './components/IconBrandXai'; +export { IconChartBarHorizontal } from './components/IconChartBarHorizontal'; +export { IconGmail } from './components/IconGmail'; +export { IconGoogle } from './components/IconGoogle'; +export { IconGoogleCalendar } from './components/IconGoogleCalendar'; +export { IconLockCustom } from './components/IconLock'; +export { IconMicrosoft } from './components/IconMicrosoft'; +export { IconMicrosoftCalendar } from './components/IconMicrosoftCalendar'; +export { IconMicrosoftOutlook } from './components/IconMicrosoftOutlook'; +export { IconModelClaude } from './components/IconModelClaude'; +export { IconProviderOpenai } from './components/IconProviderOpenai'; +export { IconRelationManyToOne } from './components/IconRelationManyToOne'; +export { IconTrashXOff } from './components/IconTrashXOff'; +export { IconTwentyStar } from './components/IconTwentyStar'; +export { IconTwentyStarFilled } from './components/IconTwentyStarFilled'; +export { IllustrationIconArray } from './components/IllustrationIconArray'; +export { IllustrationIconCalendarEvent } from './components/IllustrationIconCalendarEvent'; +export { IllustrationIconCalendarTime } from './components/IllustrationIconCalendarTime'; +export { IllustrationIconCurrency } from './components/IllustrationIconCurrency'; +export { IllustrationIconFile } from './components/IllustrationIconFile'; +export { IllustrationIconJson } from './components/IllustrationIconJson'; +export { IllustrationIconLink } from './components/IllustrationIconLink'; +export { IllustrationIconMail } from './components/IllustrationIconMail'; +export { IllustrationIconManyToMany } from './components/IllustrationIconManyToMany'; +export { IllustrationIconMap } from './components/IllustrationIconMap'; +export { IllustrationIconNumbers } from './components/IllustrationIconNumbers'; +export { IllustrationIconOneToMany } from './components/IllustrationIconOneToMany'; +export { IllustrationIconOneToOne } from './components/IllustrationIconOneToOne'; +export { IllustrationIconPhone } from './components/IllustrationIconPhone'; +export { IllustrationIconSetting } from './components/IllustrationIconSetting'; +export { IllustrationIconStar } from './components/IllustrationIconStar'; +export { IllustrationIconTag } from './components/IllustrationIconTag'; +export { IllustrationIconTags } from './components/IllustrationIconTags'; +export { IllustrationIconText } from './components/IllustrationIconText'; +export { IllustrationIconToggle } from './components/IllustrationIconToggle'; +export { IllustrationIconUid } from './components/IllustrationIconUid'; +export { IllustrationIconUser } from './components/IllustrationIconUser'; +export { IllustrationIconWrapper } from './components/IllustrationIconWrapper'; +export type { TablerIconsProps } from './components/TablerIcons'; export { Icon123, IconAdjustments, @@ -511,39 +485,9 @@ export { IconWindow, IconWorld, IconX, -} from './icon/components/TablerIcons'; -export { ThinkingOrbitLoaderIcon } from './icon/components/ThinkingOrbitLoaderIcon'; -export { useIcons } from './icon/hooks/useIcons'; -export { IconsProvider } from './icon/providers/IconsProvider'; -export { iconsState } from './icon/states/iconsState'; -export type { - IconComponentProps, - IconComponent, -} from './icon/types/IconComponent'; -export type { InfoAccent, InfoProps } from './info/components/Info'; -export { Info } from './info/components/Info'; -export { Status } from './status/components/Status'; -export { HorizontalSeparator } from './text/components/HorizontalSeparator'; -export { SeparatorLineText } from './text/components/SeparatorLineText'; -export { StyledTintedIconTileContainer } from './tinted-icon-tile/components/StyledTintedIconTileContainer'; -export type { TintedIconTileProps } from './tinted-icon-tile/components/TintedIconTile'; -export { TintedIconTile } from './tinted-icon-tile/components/TintedIconTile'; -export type { IconTileColorShades } from './tinted-icon-tile/utils/getIconTileColorShades'; -export { getIconTileColorShades } from './tinted-icon-tile/utils/getIconTileColorShades'; -export type { AppTooltipProps } from './tooltip/AppTooltip'; -export { - TooltipPosition, - TooltipDelay, - AppTooltip, -} from './tooltip/AppTooltip'; -export { OverflowingTextWithTooltip } from './tooltip/OverflowingTextWithTooltip'; -export { H1TitleFontColor, H1Title } from './typography/components/H1Title'; -export { H2Title } from './typography/components/H2Title'; -export { H3Title } from './typography/components/H3Title'; -export type { LabelVariant } from './typography/components/Label'; -export { Label } from './typography/components/Label'; -export { - StyledTextContent, - StyledTextWrapper, - StyledText, -} from './typography/components/StyledText'; +} from './components/TablerIcons'; +export { ThinkingOrbitLoaderIcon } from './components/ThinkingOrbitLoaderIcon'; +export { useIcons } from './hooks/useIcons'; +export { IconsProvider } from './providers/IconsProvider'; +export { iconsState } from './states/iconsState'; +export type { IconComponentProps, IconComponent } from './types/IconComponent'; diff --git a/packages/twenty-ui/src/display/icon/providers/IconsProvider.tsx b/packages/twenty-ui/src/icon/providers/IconsProvider.tsx similarity index 86% rename from packages/twenty-ui/src/display/icon/providers/IconsProvider.tsx rename to packages/twenty-ui/src/icon/providers/IconsProvider.tsx index 1e93a39f99..aaa2c6e896 100644 --- a/packages/twenty-ui/src/display/icon/providers/IconsProvider.tsx +++ b/packages/twenty-ui/src/icon/providers/IconsProvider.tsx @@ -1,7 +1,7 @@ import { useSetAtom } from 'jotai'; import { type JSX, useEffect } from 'react'; -import { iconsState } from '@ui/display/icon/states/iconsState'; +import { iconsState } from '@ui/icon/states/iconsState'; type IconsProviderProps = { children: JSX.Element; diff --git a/packages/twenty-ui/src/display/icon/providers/internal/AllIcons.ts b/packages/twenty-ui/src/icon/providers/internal/AllIcons.ts similarity index 100% rename from packages/twenty-ui/src/display/icon/providers/internal/AllIcons.ts rename to packages/twenty-ui/src/icon/providers/internal/AllIcons.ts diff --git a/packages/twenty-ui/src/display/icon/states/iconsState.ts b/packages/twenty-ui/src/icon/states/iconsState.ts similarity index 64% rename from packages/twenty-ui/src/display/icon/states/iconsState.ts rename to packages/twenty-ui/src/icon/states/iconsState.ts index 4a88b2cf07..f4cbea163e 100644 --- a/packages/twenty-ui/src/display/icon/states/iconsState.ts +++ b/packages/twenty-ui/src/icon/states/iconsState.ts @@ -1,6 +1,6 @@ import { atom } from 'jotai'; -import { type IconComponent } from '@ui/display/icon/types/IconComponent'; +import { type IconComponent } from '@ui/icon/types/IconComponent'; export const iconsState = atom>({}); iconsState.debugLabel = 'iconsState'; diff --git a/packages/twenty-ui/src/display/icon/types/IconComponent.ts b/packages/twenty-ui/src/icon/types/IconComponent.ts similarity index 100% rename from packages/twenty-ui/src/display/icon/types/IconComponent.ts rename to packages/twenty-ui/src/icon/types/IconComponent.ts diff --git a/packages/twenty-ui/src/index.ts b/packages/twenty-ui/src/index.ts index d0de71b2ae..4bfda57bb1 100644 --- a/packages/twenty-ui/src/index.ts +++ b/packages/twenty-ui/src/index.ts @@ -1,4 +1,24 @@ -// Side-effect import: the reset must ship exactly once in the aggregated style.css. +/* + * _____ _ + *|_ _|_ _____ _ __ | |_ _ _ + * | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file + * | | \ V V / __/ | | | |_| |_| | Any edits to this will be overridden + * |_| \_/\_/ \___|_| |_|\__|\__, | + * |___/ + */ + import './styles/base/reset.scss'; -export {}; +export * from './accessibility'; +export * from './data-display'; +export * from './feedback'; +export * from './icon'; +export * from './input'; +export * from './json-visualizer'; +export * from './layout'; +export * from './navigation'; +export * from './surfaces'; +export * from './theme'; +export * from './theme-constants'; +export * from './typography'; +export * from './utilities'; diff --git a/packages/twenty-ui/src/individual-entry.ts b/packages/twenty-ui/src/individual-entry.ts index 2702c9d8db..cf51652719 100644 --- a/packages/twenty-ui/src/individual-entry.ts +++ b/packages/twenty-ui/src/individual-entry.ts @@ -1,15 +1,22 @@ -// Entry point for the individual/self-contained build (vite.config.individual.ts). -// Re-exports all public modules so a single bundle contains every component with -// internal deps bundled, while React stays external for the consumer's bundler. +/* + * _____ _ + *|_ _|_ _____ _ __ | |_ _ _ + * | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file + * | | \ V V / __/ | | | |_| |_| | Any edits to this will be overridden + * |_| \_/\_/ \___|_| |_|\__|\__, | + * |___/ + */ export * from './accessibility'; -export * from './components'; -export * from './display'; +export * from './data-display'; export * from './feedback'; +export * from './icon'; export * from './input'; export * from './json-visualizer'; export * from './layout'; export * from './navigation'; +export * from './surfaces'; export * from './theme'; export * from './theme-constants'; +export * from './typography'; export * from './utilities'; diff --git a/packages/twenty-ui/src/navigation/link/components/AdvancedSettingsToggle.module.scss b/packages/twenty-ui/src/input/AdvancedSettingsToggle/AdvancedSettingsToggle.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/AdvancedSettingsToggle.module.scss rename to packages/twenty-ui/src/input/AdvancedSettingsToggle/AdvancedSettingsToggle.module.scss diff --git a/packages/twenty-ui/src/navigation/link/components/AdvancedSettingsToggle.module.scss.d.ts b/packages/twenty-ui/src/input/AdvancedSettingsToggle/AdvancedSettingsToggle.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/AdvancedSettingsToggle.module.scss.d.ts rename to packages/twenty-ui/src/input/AdvancedSettingsToggle/AdvancedSettingsToggle.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/link/components/AdvancedSettingsToggle.tsx b/packages/twenty-ui/src/input/AdvancedSettingsToggle/AdvancedSettingsToggle.tsx similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/AdvancedSettingsToggle.tsx rename to packages/twenty-ui/src/input/AdvancedSettingsToggle/AdvancedSettingsToggle.tsx diff --git a/packages/twenty-ui/src/input/button/components/AnimatedButton.module.scss b/packages/twenty-ui/src/input/AnimatedButton/AnimatedButton.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/AnimatedButton.module.scss rename to packages/twenty-ui/src/input/AnimatedButton/AnimatedButton.module.scss diff --git a/packages/twenty-ui/src/input/button/components/AnimatedButton.module.scss.d.ts b/packages/twenty-ui/src/input/AnimatedButton/AnimatedButton.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/AnimatedButton.module.scss.d.ts rename to packages/twenty-ui/src/input/AnimatedButton/AnimatedButton.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/AnimatedButton.tsx b/packages/twenty-ui/src/input/AnimatedButton/AnimatedButton.tsx similarity index 99% rename from packages/twenty-ui/src/input/button/components/AnimatedButton.tsx rename to packages/twenty-ui/src/input/AnimatedButton/AnimatedButton.tsx index 59236332da..2653c7a2e1 100644 --- a/packages/twenty-ui/src/input/button/components/AnimatedButton.tsx +++ b/packages/twenty-ui/src/input/AnimatedButton/AnimatedButton.tsx @@ -3,7 +3,7 @@ import { type MotionProps, motion } from 'framer-motion'; import React, { useContext, useMemo } from 'react'; import { Link } from 'react-router-dom'; -import { Pill } from '@ui/components/Pill/Pill'; +import { Pill } from '@ui/data-display/Pill/Pill'; import { ThemeContext, themeCssVariables } from '@ui/theme-constants'; import { GRAY_SCALE_LIGHT } from '@ui/theme/constants/GrayScaleLight'; import { useIsMobile } from '@ui/utilities'; @@ -13,7 +13,7 @@ import { type ButtonPosition, type ButtonProps, type ButtonVariant, -} from './Button/Button'; +} from '@ui/input/Button/Button'; import styles from './AnimatedButton.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/AnimatedLightIconButton.module.scss b/packages/twenty-ui/src/input/AnimatedLightIconButton/AnimatedLightIconButton.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/AnimatedLightIconButton.module.scss rename to packages/twenty-ui/src/input/AnimatedLightIconButton/AnimatedLightIconButton.module.scss diff --git a/packages/twenty-ui/src/input/button/components/AnimatedLightIconButton.module.scss.d.ts b/packages/twenty-ui/src/input/AnimatedLightIconButton/AnimatedLightIconButton.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/AnimatedLightIconButton.module.scss.d.ts rename to packages/twenty-ui/src/input/AnimatedLightIconButton/AnimatedLightIconButton.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/AnimatedLightIconButton.tsx b/packages/twenty-ui/src/input/AnimatedLightIconButton/AnimatedLightIconButton.tsx similarity index 94% rename from packages/twenty-ui/src/input/button/components/AnimatedLightIconButton.tsx rename to packages/twenty-ui/src/input/AnimatedLightIconButton/AnimatedLightIconButton.tsx index 7828b847f4..ec590c47c5 100644 --- a/packages/twenty-ui/src/input/button/components/AnimatedLightIconButton.tsx +++ b/packages/twenty-ui/src/input/AnimatedLightIconButton/AnimatedLightIconButton.tsx @@ -2,11 +2,11 @@ import { clsx } from 'clsx'; import { motion, type MotionProps } from 'framer-motion'; import { type ComponentProps, type MouseEvent, useContext } from 'react'; -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { type LightIconButtonAccent, type LightIconButtonSize, -} from '@ui/input/button/components/LightIconButton'; +} from '@ui/input/LightIconButton/LightIconButton'; import { ThemeContext } from '@ui/theme-constants'; import styles from './AnimatedLightIconButton.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/__stories__/AnimatedLightIconButton.stories.tsx b/packages/twenty-ui/src/input/AnimatedLightIconButton/__stories__/AnimatedLightIconButton.stories.tsx similarity index 93% rename from packages/twenty-ui/src/input/button/components/__stories__/AnimatedLightIconButton.stories.tsx rename to packages/twenty-ui/src/input/AnimatedLightIconButton/__stories__/AnimatedLightIconButton.stories.tsx index c9f4a8e2b2..3fad775eb8 100644 --- a/packages/twenty-ui/src/input/button/components/__stories__/AnimatedLightIconButton.stories.tsx +++ b/packages/twenty-ui/src/input/AnimatedLightIconButton/__stories__/AnimatedLightIconButton.stories.tsx @@ -1,15 +1,15 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconSearch } from '@ui/display'; +import { IconSearch } from '@ui/icon'; import { type LightIconButtonAccent, type LightIconButtonSize, -} from '@ui/input/button/components/LightIconButton'; +} from '@ui/input/LightIconButton/LightIconButton'; import { CatalogDecorator, type CatalogStory, ComponentDecorator, } from '@ui/testing'; -import { AnimatedLightIconButton } from '../AnimatedLightIconButton'; +import { AnimatedLightIconButton } from '@ui/input/AnimatedLightIconButton/AnimatedLightIconButton'; const meta: Meta = { title: 'UI/Input/Button/AnimatedLightIconButton', diff --git a/packages/twenty-ui/src/input/button/components/Button/Button.module.scss b/packages/twenty-ui/src/input/Button/Button.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/Button/Button.module.scss rename to packages/twenty-ui/src/input/Button/Button.module.scss diff --git a/packages/twenty-ui/src/input/button/components/Button/Button.module.scss.d.ts b/packages/twenty-ui/src/input/Button/Button.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/Button/Button.module.scss.d.ts rename to packages/twenty-ui/src/input/Button/Button.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/Button/Button.tsx b/packages/twenty-ui/src/input/Button/Button.tsx similarity index 90% rename from packages/twenty-ui/src/input/button/components/Button/Button.tsx rename to packages/twenty-ui/src/input/Button/Button.tsx index 70960a2093..9a6f9e583e 100644 --- a/packages/twenty-ui/src/input/button/components/Button/Button.tsx +++ b/packages/twenty-ui/src/input/Button/Button.tsx @@ -3,13 +3,13 @@ import React, { useState } from 'react'; import { Link } from 'react-router-dom'; import { isDefined } from '@ui/utilities/utils/isDefined'; -import { type IconComponent } from '@ui/display/icon/types/IconComponent'; -import { ButtonHotkeys } from '@ui/input/button/components/Button/internal/ButtonHotKeys'; -import { ButtonIcon } from '@ui/input/button/components/Button/internal/ButtonIcon'; -import { ButtonSoon } from '@ui/input/button/components/Button/internal/ButtonSoon'; +import { type IconComponent } from '@ui/icon/types/IconComponent'; +import { ButtonHotkeys } from '@ui/input/Button/internal/ButtonHotKeys'; +import { ButtonIcon } from '@ui/input/Button/internal/ButtonIcon'; +import { ButtonSoon } from '@ui/input/Button/internal/ButtonSoon'; import { useIsMobile } from '@ui/utilities'; import { type ClickOutsideAttributes } from '@ui/utilities/types/ClickOutsideAttributes'; -import { ButtonText } from './internal/ButtonText'; +import { ButtonText } from '@ui/input/Button/internal/ButtonText'; import styles from './Button.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/__stories__/Button.stories.tsx b/packages/twenty-ui/src/input/Button/__stories__/Button.stories.tsx similarity index 99% rename from packages/twenty-ui/src/input/button/components/__stories__/Button.stories.tsx rename to packages/twenty-ui/src/input/Button/__stories__/Button.stories.tsx index 9de181ff91..9d9379b2bf 100644 --- a/packages/twenty-ui/src/input/button/components/__stories__/Button.stories.tsx +++ b/packages/twenty-ui/src/input/Button/__stories__/Button.stories.tsx @@ -1,5 +1,5 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconReload, IconSearch } from '@ui/display'; +import { IconReload, IconSearch } from '@ui/icon'; import { CatalogDecorator, type CatalogStory, @@ -11,7 +11,7 @@ import { type ButtonPosition, type ButtonSize, type ButtonVariant, -} from '../Button/Button'; +} from '@ui/input/Button/Button'; const meta: Meta = { title: 'UI/Input/Button/Button', diff --git a/packages/twenty-ui/src/input/button/components/Button/constant.ts b/packages/twenty-ui/src/input/Button/constant.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/Button/constant.ts rename to packages/twenty-ui/src/input/Button/constant.ts diff --git a/packages/twenty-ui/src/input/button/components/Button/internal/ButtonHotKeys.module.scss b/packages/twenty-ui/src/input/Button/internal/ButtonHotKeys.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/Button/internal/ButtonHotKeys.module.scss rename to packages/twenty-ui/src/input/Button/internal/ButtonHotKeys.module.scss diff --git a/packages/twenty-ui/src/input/button/components/Button/internal/ButtonHotKeys.module.scss.d.ts b/packages/twenty-ui/src/input/Button/internal/ButtonHotKeys.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/Button/internal/ButtonHotKeys.module.scss.d.ts rename to packages/twenty-ui/src/input/Button/internal/ButtonHotKeys.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/Button/internal/ButtonHotKeys.tsx b/packages/twenty-ui/src/input/Button/internal/ButtonHotKeys.tsx similarity index 92% rename from packages/twenty-ui/src/input/button/components/Button/internal/ButtonHotKeys.tsx rename to packages/twenty-ui/src/input/Button/internal/ButtonHotKeys.tsx index 07ab119c99..0e0178eb7e 100644 --- a/packages/twenty-ui/src/input/button/components/Button/internal/ButtonHotKeys.tsx +++ b/packages/twenty-ui/src/input/Button/internal/ButtonHotKeys.tsx @@ -2,7 +2,7 @@ import { type ButtonAccent, type ButtonSize, type ButtonVariant, -} from '@ui/input/button/components/Button/Button'; +} from '@ui/input/Button/Button'; import { getOsShortcutSeparator } from '@ui/utilities'; import styles from './ButtonHotKeys.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/Button/internal/ButtonIcon.module.scss b/packages/twenty-ui/src/input/Button/internal/ButtonIcon.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/Button/internal/ButtonIcon.module.scss rename to packages/twenty-ui/src/input/Button/internal/ButtonIcon.module.scss diff --git a/packages/twenty-ui/src/input/button/components/Button/internal/ButtonIcon.module.scss.d.ts b/packages/twenty-ui/src/input/Button/internal/ButtonIcon.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/Button/internal/ButtonIcon.module.scss.d.ts rename to packages/twenty-ui/src/input/Button/internal/ButtonIcon.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/Button/internal/ButtonIcon.tsx b/packages/twenty-ui/src/input/Button/internal/ButtonIcon.tsx similarity index 93% rename from packages/twenty-ui/src/input/button/components/Button/internal/ButtonIcon.tsx rename to packages/twenty-ui/src/input/Button/internal/ButtonIcon.tsx index 8d8f5fb1f9..e5fdc5f09a 100644 --- a/packages/twenty-ui/src/input/button/components/Button/internal/ButtonIcon.tsx +++ b/packages/twenty-ui/src/input/Button/internal/ButtonIcon.tsx @@ -1,4 +1,4 @@ -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { Loader } from '@ui/feedback'; import { ThemeContext } from '@ui/theme-constants'; import { useContext } from 'react'; diff --git a/packages/twenty-ui/src/input/button/components/Button/internal/ButtonSoon.module.scss b/packages/twenty-ui/src/input/Button/internal/ButtonSoon.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/Button/internal/ButtonSoon.module.scss rename to packages/twenty-ui/src/input/Button/internal/ButtonSoon.module.scss diff --git a/packages/twenty-ui/src/input/button/components/Button/internal/ButtonSoon.module.scss.d.ts b/packages/twenty-ui/src/input/Button/internal/ButtonSoon.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/Button/internal/ButtonSoon.module.scss.d.ts rename to packages/twenty-ui/src/input/Button/internal/ButtonSoon.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/Button/internal/ButtonSoon.tsx b/packages/twenty-ui/src/input/Button/internal/ButtonSoon.tsx similarity index 85% rename from packages/twenty-ui/src/input/button/components/Button/internal/ButtonSoon.tsx rename to packages/twenty-ui/src/input/Button/internal/ButtonSoon.tsx index 50abfde4e0..9cf0dd1540 100644 --- a/packages/twenty-ui/src/input/button/components/Button/internal/ButtonSoon.tsx +++ b/packages/twenty-ui/src/input/Button/internal/ButtonSoon.tsx @@ -1,4 +1,4 @@ -import { Pill } from '@ui/components'; +import { Pill } from '@ui/data-display'; import styles from './ButtonSoon.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/Button/internal/ButtonText.module.scss b/packages/twenty-ui/src/input/Button/internal/ButtonText.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/Button/internal/ButtonText.module.scss rename to packages/twenty-ui/src/input/Button/internal/ButtonText.module.scss diff --git a/packages/twenty-ui/src/input/button/components/Button/internal/ButtonText.module.scss.d.ts b/packages/twenty-ui/src/input/Button/internal/ButtonText.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/Button/internal/ButtonText.module.scss.d.ts rename to packages/twenty-ui/src/input/Button/internal/ButtonText.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/Button/internal/ButtonText.tsx b/packages/twenty-ui/src/input/Button/internal/ButtonText.tsx similarity index 100% rename from packages/twenty-ui/src/input/button/components/Button/internal/ButtonText.tsx rename to packages/twenty-ui/src/input/Button/internal/ButtonText.tsx diff --git a/packages/twenty-ui/src/input/button/components/ButtonGroup.module.scss b/packages/twenty-ui/src/input/ButtonGroup/ButtonGroup.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/ButtonGroup.module.scss rename to packages/twenty-ui/src/input/ButtonGroup/ButtonGroup.module.scss diff --git a/packages/twenty-ui/src/input/button/components/ButtonGroup.module.scss.d.ts b/packages/twenty-ui/src/input/ButtonGroup/ButtonGroup.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/ButtonGroup.module.scss.d.ts rename to packages/twenty-ui/src/input/ButtonGroup/ButtonGroup.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/ButtonGroup.tsx b/packages/twenty-ui/src/input/ButtonGroup/ButtonGroup.tsx similarity index 94% rename from packages/twenty-ui/src/input/button/components/ButtonGroup.tsx rename to packages/twenty-ui/src/input/ButtonGroup/ButtonGroup.tsx index d612400206..b005b2a7c2 100644 --- a/packages/twenty-ui/src/input/button/components/ButtonGroup.tsx +++ b/packages/twenty-ui/src/input/ButtonGroup/ButtonGroup.tsx @@ -2,7 +2,7 @@ import { clsx } from 'clsx'; import React, { type ReactNode } from 'react'; import { isDefined } from '@ui/utilities/utils/isDefined'; -import { type ButtonPosition, type ButtonProps } from './Button/Button'; +import { type ButtonPosition, type ButtonProps } from '@ui/input/Button/Button'; import styles from './ButtonGroup.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/__stories__/ButtonGroup.stories.tsx b/packages/twenty-ui/src/input/ButtonGroup/__stories__/ButtonGroup.stories.tsx similarity index 95% rename from packages/twenty-ui/src/input/button/components/__stories__/ButtonGroup.stories.tsx rename to packages/twenty-ui/src/input/ButtonGroup/__stories__/ButtonGroup.stories.tsx index ef2ddea9da..74bd98a3cb 100644 --- a/packages/twenty-ui/src/input/button/components/__stories__/ButtonGroup.stories.tsx +++ b/packages/twenty-ui/src/input/ButtonGroup/__stories__/ButtonGroup.stories.tsx @@ -1,5 +1,5 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconCheckbox, IconNotes, IconTimelineEvent } from '@ui/display'; +import { IconCheckbox, IconNotes, IconTimelineEvent } from '@ui/icon'; import { CatalogDecorator, type CatalogStory, @@ -10,8 +10,8 @@ import { type ButtonAccent, type ButtonSize, type ButtonVariant, -} from '../Button/Button'; -import { ButtonGroup } from '../ButtonGroup'; +} from '@ui/input/Button/Button'; +import { ButtonGroup } from '@ui/input/ButtonGroup/ButtonGroup'; const meta: Meta = { title: 'UI/Input/Button/ButtonGroup', diff --git a/packages/twenty-ui/src/input/components/CardPicker.module.scss b/packages/twenty-ui/src/input/CardPicker/CardPicker.module.scss similarity index 100% rename from packages/twenty-ui/src/input/components/CardPicker.module.scss rename to packages/twenty-ui/src/input/CardPicker/CardPicker.module.scss diff --git a/packages/twenty-ui/src/input/components/CardPicker.module.scss.d.ts b/packages/twenty-ui/src/input/CardPicker/CardPicker.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/components/CardPicker.module.scss.d.ts rename to packages/twenty-ui/src/input/CardPicker/CardPicker.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/components/CardPicker.tsx b/packages/twenty-ui/src/input/CardPicker/CardPicker.tsx similarity index 91% rename from packages/twenty-ui/src/input/components/CardPicker.tsx rename to packages/twenty-ui/src/input/CardPicker/CardPicker.tsx index a061508a20..49207e2695 100644 --- a/packages/twenty-ui/src/input/components/CardPicker.tsx +++ b/packages/twenty-ui/src/input/CardPicker/CardPicker.tsx @@ -1,7 +1,7 @@ import React from 'react'; import styles from './CardPicker.module.scss'; -import { Radio } from './Radio'; +import { Radio } from '@ui/input/Radio/Radio'; type CardPickerProps = { children: React.ReactNode; diff --git a/packages/twenty-ui/src/input/components/Checkbox.module.scss b/packages/twenty-ui/src/input/Checkbox/Checkbox.module.scss similarity index 100% rename from packages/twenty-ui/src/input/components/Checkbox.module.scss rename to packages/twenty-ui/src/input/Checkbox/Checkbox.module.scss diff --git a/packages/twenty-ui/src/input/components/Checkbox.module.scss.d.ts b/packages/twenty-ui/src/input/Checkbox/Checkbox.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/components/Checkbox.module.scss.d.ts rename to packages/twenty-ui/src/input/Checkbox/Checkbox.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/components/Checkbox.tsx b/packages/twenty-ui/src/input/Checkbox/Checkbox.tsx similarity index 96% rename from packages/twenty-ui/src/input/components/Checkbox.tsx rename to packages/twenty-ui/src/input/Checkbox/Checkbox.tsx index b93f38e6b9..4057c8bc6d 100644 --- a/packages/twenty-ui/src/input/components/Checkbox.tsx +++ b/packages/twenty-ui/src/input/Checkbox/Checkbox.tsx @@ -2,7 +2,7 @@ import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox'; import { clsx } from 'clsx'; import * as React from 'react'; -import { IconCheck, IconMinus } from '@ui/display/icon/components/TablerIcons'; +import { IconCheck, IconMinus } from '@ui/icon/components/TablerIcons'; import styles from './Checkbox.module.scss'; diff --git a/packages/twenty-ui/src/input/components/__stories__/Checkbox.stories.tsx b/packages/twenty-ui/src/input/Checkbox/__stories__/Checkbox.stories.tsx similarity index 98% rename from packages/twenty-ui/src/input/components/__stories__/Checkbox.stories.tsx rename to packages/twenty-ui/src/input/Checkbox/__stories__/Checkbox.stories.tsx index efdab51fe1..93105dfe3e 100644 --- a/packages/twenty-ui/src/input/components/__stories__/Checkbox.stories.tsx +++ b/packages/twenty-ui/src/input/Checkbox/__stories__/Checkbox.stories.tsx @@ -11,7 +11,7 @@ import { CheckboxShape, CheckboxSize, CheckboxVariant, -} from '../Checkbox'; +} from '@ui/input/Checkbox/Checkbox'; const meta: Meta = { title: 'UI/Input/Checkbox/Checkbox', diff --git a/packages/twenty-ui/src/input/code-editor/components/CodeEditor.module.scss b/packages/twenty-ui/src/input/CodeEditor/CodeEditor.module.scss similarity index 100% rename from packages/twenty-ui/src/input/code-editor/components/CodeEditor.module.scss rename to packages/twenty-ui/src/input/CodeEditor/CodeEditor.module.scss diff --git a/packages/twenty-ui/src/input/code-editor/components/CodeEditor.module.scss.d.ts b/packages/twenty-ui/src/input/CodeEditor/CodeEditor.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/code-editor/components/CodeEditor.module.scss.d.ts rename to packages/twenty-ui/src/input/CodeEditor/CodeEditor.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/code-editor/components/CodeEditor.tsx b/packages/twenty-ui/src/input/CodeEditor/CodeEditor.tsx similarity index 93% rename from packages/twenty-ui/src/input/code-editor/components/CodeEditor.tsx rename to packages/twenty-ui/src/input/CodeEditor/CodeEditor.tsx index 54e7734c70..2c2fa84101 100644 --- a/packages/twenty-ui/src/input/code-editor/components/CodeEditor.tsx +++ b/packages/twenty-ui/src/input/CodeEditor/CodeEditor.tsx @@ -1,9 +1,9 @@ import Editor, { type EditorProps, type Monaco } from '@monaco-editor/react'; -import { Loader } from '@ui/feedback/loader/components/Loader'; -import { BASE_CODE_EDITOR_THEME_ID } from '@ui/input/code-editor/constants/BaseCodeEditorThemeId'; -import { getBaseCodeEditorTheme } from '@ui/input/code-editor/theme/utils/getBaseCodeEditorTheme'; -import { ResizeHandle } from '@ui/layout/resize-handle/components/ResizeHandle'; -import { useResizeHandle } from '@ui/layout/resize-handle/hooks/useResizeHandle'; +import { Loader } from '@ui/feedback/Loader/Loader'; +import { BASE_CODE_EDITOR_THEME_ID } from '@ui/input/CodeEditor/constants/BaseCodeEditorThemeId'; +import { getBaseCodeEditorTheme } from '@ui/input/CodeEditor/utils/getBaseCodeEditorTheme'; +import { ResizeHandle } from '@ui/layout/ResizeHandle/ResizeHandle'; +import { useResizeHandle } from '@ui/layout/ResizeHandle/hooks/useResizeHandle'; import { ThemeContext, type ThemeType } from '@ui/theme-constants'; import { type editor } from 'monaco-editor'; import { type KeyboardEvent, useContext, useEffect, useState } from 'react'; diff --git a/packages/twenty-ui/src/input/code-editor/constants/BaseCodeEditorThemeId.ts b/packages/twenty-ui/src/input/CodeEditor/constants/BaseCodeEditorThemeId.ts similarity index 100% rename from packages/twenty-ui/src/input/code-editor/constants/BaseCodeEditorThemeId.ts rename to packages/twenty-ui/src/input/CodeEditor/constants/BaseCodeEditorThemeId.ts diff --git a/packages/twenty-ui/src/input/code-editor/theme/utils/getBaseCodeEditorTheme.ts b/packages/twenty-ui/src/input/CodeEditor/utils/getBaseCodeEditorTheme.ts similarity index 100% rename from packages/twenty-ui/src/input/code-editor/theme/utils/getBaseCodeEditorTheme.ts rename to packages/twenty-ui/src/input/CodeEditor/utils/getBaseCodeEditorTheme.ts diff --git a/packages/twenty-ui/src/input/code-editor/components/CodeEditorHeader.module.scss b/packages/twenty-ui/src/input/CodeEditorHeader/CodeEditorHeader.module.scss similarity index 100% rename from packages/twenty-ui/src/input/code-editor/components/CodeEditorHeader.module.scss rename to packages/twenty-ui/src/input/CodeEditorHeader/CodeEditorHeader.module.scss diff --git a/packages/twenty-ui/src/input/code-editor/components/CodeEditorHeader.module.scss.d.ts b/packages/twenty-ui/src/input/CodeEditorHeader/CodeEditorHeader.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/code-editor/components/CodeEditorHeader.module.scss.d.ts rename to packages/twenty-ui/src/input/CodeEditorHeader/CodeEditorHeader.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/code-editor/components/CodeEditorHeader.tsx b/packages/twenty-ui/src/input/CodeEditorHeader/CodeEditorHeader.tsx similarity index 100% rename from packages/twenty-ui/src/input/code-editor/components/CodeEditorHeader.tsx rename to packages/twenty-ui/src/input/CodeEditorHeader/CodeEditorHeader.tsx diff --git a/packages/twenty-ui/src/input/button/components/ColorPickerButton.module.scss b/packages/twenty-ui/src/input/ColorPickerButton/ColorPickerButton.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/ColorPickerButton.module.scss rename to packages/twenty-ui/src/input/ColorPickerButton/ColorPickerButton.module.scss diff --git a/packages/twenty-ui/src/input/button/components/ColorPickerButton.module.scss.d.ts b/packages/twenty-ui/src/input/ColorPickerButton/ColorPickerButton.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/ColorPickerButton.module.scss.d.ts rename to packages/twenty-ui/src/input/ColorPickerButton/ColorPickerButton.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/ColorPickerButton.tsx b/packages/twenty-ui/src/input/ColorPickerButton/ColorPickerButton.tsx similarity index 83% rename from packages/twenty-ui/src/input/button/components/ColorPickerButton.tsx rename to packages/twenty-ui/src/input/ColorPickerButton/ColorPickerButton.tsx index 842e8977f7..b9d451811b 100644 --- a/packages/twenty-ui/src/input/button/components/ColorPickerButton.tsx +++ b/packages/twenty-ui/src/input/ColorPickerButton/ColorPickerButton.tsx @@ -1,8 +1,8 @@ -import { ColorSample, type ColorSampleProps } from '@ui/display'; +import { ColorSample, type ColorSampleProps } from '@ui/data-display'; import { LightIconButton, type LightIconButtonProps, -} from '@ui/input/button/components/LightIconButton'; +} from '@ui/input/LightIconButton/LightIconButton'; import styles from './ColorPickerButton.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/__stories__/ColorPickerButton.stories.tsx b/packages/twenty-ui/src/input/ColorPickerButton/__stories__/ColorPickerButton.stories.tsx similarity index 89% rename from packages/twenty-ui/src/input/button/components/__stories__/ColorPickerButton.stories.tsx rename to packages/twenty-ui/src/input/ColorPickerButton/__stories__/ColorPickerButton.stories.tsx index 9f9aa13396..63540cae6a 100644 --- a/packages/twenty-ui/src/input/button/components/__stories__/ColorPickerButton.stories.tsx +++ b/packages/twenty-ui/src/input/ColorPickerButton/__stories__/ColorPickerButton.stories.tsx @@ -1,6 +1,6 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { ComponentDecorator } from '@ui/testing'; -import { ColorPickerButton } from '../ColorPickerButton'; +import { ColorPickerButton } from '@ui/input/ColorPickerButton/ColorPickerButton'; const meta: Meta = { title: 'UI/Input/Button/ColorPickerButton', diff --git a/packages/twenty-ui/src/input/color-scheme/components/ColorSchemeCard.module.scss b/packages/twenty-ui/src/input/ColorSchemeCard/ColorSchemeCard.module.scss similarity index 100% rename from packages/twenty-ui/src/input/color-scheme/components/ColorSchemeCard.module.scss rename to packages/twenty-ui/src/input/ColorSchemeCard/ColorSchemeCard.module.scss diff --git a/packages/twenty-ui/src/input/color-scheme/components/ColorSchemeCard.module.scss.d.ts b/packages/twenty-ui/src/input/ColorSchemeCard/ColorSchemeCard.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/color-scheme/components/ColorSchemeCard.module.scss.d.ts rename to packages/twenty-ui/src/input/ColorSchemeCard/ColorSchemeCard.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/color-scheme/components/ColorSchemeCard.tsx b/packages/twenty-ui/src/input/ColorSchemeCard/ColorSchemeCard.tsx similarity index 97% rename from packages/twenty-ui/src/input/color-scheme/components/ColorSchemeCard.tsx rename to packages/twenty-ui/src/input/ColorSchemeCard/ColorSchemeCard.tsx index e23d2a115a..c8ba03f5bd 100644 --- a/packages/twenty-ui/src/input/color-scheme/components/ColorSchemeCard.tsx +++ b/packages/twenty-ui/src/input/ColorSchemeCard/ColorSchemeCard.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { clsx } from 'clsx'; import { type AnimationControls } from 'framer-motion'; -import { Checkmark } from '@ui/display/checkmark/components/Checkmark'; +import { Checkmark } from '@ui/data-display/Checkmark/Checkmark'; import { type ColorScheme } from '@ui/input/types/ColorScheme'; import { GRAY_SCALE_DARK } from '@ui/theme/constants/GrayScaleDark'; import { GRAY_SCALE_LIGHT } from '@ui/theme/constants/GrayScaleLight'; diff --git a/packages/twenty-ui/src/input/color-scheme/components/__stories__/ColorSchemeCard.stories.module.scss b/packages/twenty-ui/src/input/ColorSchemeCard/__stories__/ColorSchemeCard.stories.module.scss similarity index 100% rename from packages/twenty-ui/src/input/color-scheme/components/__stories__/ColorSchemeCard.stories.module.scss rename to packages/twenty-ui/src/input/ColorSchemeCard/__stories__/ColorSchemeCard.stories.module.scss diff --git a/packages/twenty-ui/src/input/color-scheme/components/__stories__/ColorSchemeCard.stories.module.scss.d.ts b/packages/twenty-ui/src/input/ColorSchemeCard/__stories__/ColorSchemeCard.stories.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/color-scheme/components/__stories__/ColorSchemeCard.stories.module.scss.d.ts rename to packages/twenty-ui/src/input/ColorSchemeCard/__stories__/ColorSchemeCard.stories.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/color-scheme/components/__stories__/ColorSchemeCard.stories.tsx b/packages/twenty-ui/src/input/ColorSchemeCard/__stories__/ColorSchemeCard.stories.tsx similarity index 92% rename from packages/twenty-ui/src/input/color-scheme/components/__stories__/ColorSchemeCard.stories.tsx rename to packages/twenty-ui/src/input/ColorSchemeCard/__stories__/ColorSchemeCard.stories.tsx index c41978265f..6b2a95758b 100644 --- a/packages/twenty-ui/src/input/color-scheme/components/__stories__/ColorSchemeCard.stories.tsx +++ b/packages/twenty-ui/src/input/ColorSchemeCard/__stories__/ColorSchemeCard.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { ComponentDecorator } from '@ui/testing'; -import { ColorSchemeCard } from '../ColorSchemeCard'; +import { ColorSchemeCard } from '@ui/input/ColorSchemeCard/ColorSchemeCard'; import styles from './ColorSchemeCard.stories.module.scss'; diff --git a/packages/twenty-ui/src/input/color-scheme/components/ColorSchemePicker.module.scss b/packages/twenty-ui/src/input/ColorSchemePicker/ColorSchemePicker.module.scss similarity index 100% rename from packages/twenty-ui/src/input/color-scheme/components/ColorSchemePicker.module.scss rename to packages/twenty-ui/src/input/ColorSchemePicker/ColorSchemePicker.module.scss diff --git a/packages/twenty-ui/src/input/color-scheme/components/ColorSchemePicker.module.scss.d.ts b/packages/twenty-ui/src/input/ColorSchemePicker/ColorSchemePicker.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/color-scheme/components/ColorSchemePicker.module.scss.d.ts rename to packages/twenty-ui/src/input/ColorSchemePicker/ColorSchemePicker.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/color-scheme/components/ColorSchemePicker.tsx b/packages/twenty-ui/src/input/ColorSchemePicker/ColorSchemePicker.tsx similarity index 94% rename from packages/twenty-ui/src/input/color-scheme/components/ColorSchemePicker.tsx rename to packages/twenty-ui/src/input/ColorSchemePicker/ColorSchemePicker.tsx index 72c977bbdd..111e214c0e 100644 --- a/packages/twenty-ui/src/input/color-scheme/components/ColorSchemePicker.tsx +++ b/packages/twenty-ui/src/input/ColorSchemePicker/ColorSchemePicker.tsx @@ -2,7 +2,7 @@ import { clsx } from 'clsx'; import { type ColorScheme } from '@ui/input/types/ColorScheme'; -import { ColorSchemeCard } from './ColorSchemeCard'; +import { ColorSchemeCard } from '@ui/input/ColorSchemeCard/ColorSchemeCard'; import styles from './ColorSchemePicker.module.scss'; export type ColorSchemePickerProps = { diff --git a/packages/twenty-ui/src/input/button/components/FloatingButton.module.scss b/packages/twenty-ui/src/input/FloatingButton/FloatingButton.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/FloatingButton.module.scss rename to packages/twenty-ui/src/input/FloatingButton/FloatingButton.module.scss diff --git a/packages/twenty-ui/src/input/button/components/FloatingButton.module.scss.d.ts b/packages/twenty-ui/src/input/FloatingButton/FloatingButton.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/FloatingButton.module.scss.d.ts rename to packages/twenty-ui/src/input/FloatingButton/FloatingButton.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/FloatingButton.tsx b/packages/twenty-ui/src/input/FloatingButton/FloatingButton.tsx similarity index 97% rename from packages/twenty-ui/src/input/button/components/FloatingButton.tsx rename to packages/twenty-ui/src/input/FloatingButton/FloatingButton.tsx index a3970b3563..6a97ee5764 100644 --- a/packages/twenty-ui/src/input/button/components/FloatingButton.tsx +++ b/packages/twenty-ui/src/input/FloatingButton/FloatingButton.tsx @@ -2,7 +2,7 @@ import { clsx } from 'clsx'; import { useContext } from 'react'; import { Link } from 'react-router-dom'; -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { ThemeContext } from '@ui/theme-constants'; import styles from './FloatingButton.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/__stories__/FloatingButton.stories.tsx b/packages/twenty-ui/src/input/FloatingButton/__stories__/FloatingButton.stories.tsx similarity index 93% rename from packages/twenty-ui/src/input/button/components/__stories__/FloatingButton.stories.tsx rename to packages/twenty-ui/src/input/FloatingButton/__stories__/FloatingButton.stories.tsx index 704044977b..532dda1866 100644 --- a/packages/twenty-ui/src/input/button/components/__stories__/FloatingButton.stories.tsx +++ b/packages/twenty-ui/src/input/FloatingButton/__stories__/FloatingButton.stories.tsx @@ -1,11 +1,14 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconSearch } from '@ui/display'; +import { IconSearch } from '@ui/icon'; import { CatalogDecorator, type CatalogStory, ComponentDecorator, } from '@ui/testing'; -import { FloatingButton, type FloatingButtonSize } from '../FloatingButton'; +import { + FloatingButton, + type FloatingButtonSize, +} from '@ui/input/FloatingButton/FloatingButton'; const meta: Meta = { title: 'UI/Input/Button/FloatingButton', diff --git a/packages/twenty-ui/src/input/button/components/FloatingButtonGroup.module.scss b/packages/twenty-ui/src/input/FloatingButtonGroup/FloatingButtonGroup.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/FloatingButtonGroup.module.scss rename to packages/twenty-ui/src/input/FloatingButtonGroup/FloatingButtonGroup.module.scss diff --git a/packages/twenty-ui/src/input/button/components/FloatingButtonGroup.module.scss.d.ts b/packages/twenty-ui/src/input/FloatingButtonGroup/FloatingButtonGroup.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/FloatingButtonGroup.module.scss.d.ts rename to packages/twenty-ui/src/input/FloatingButtonGroup/FloatingButtonGroup.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/FloatingButtonGroup.tsx b/packages/twenty-ui/src/input/FloatingButtonGroup/FloatingButtonGroup.tsx similarity index 96% rename from packages/twenty-ui/src/input/button/components/FloatingButtonGroup.tsx rename to packages/twenty-ui/src/input/FloatingButtonGroup/FloatingButtonGroup.tsx index 74d48ef76e..41085b6456 100644 --- a/packages/twenty-ui/src/input/button/components/FloatingButtonGroup.tsx +++ b/packages/twenty-ui/src/input/FloatingButtonGroup/FloatingButtonGroup.tsx @@ -5,7 +5,7 @@ import { isDefined } from '@ui/utilities/utils/isDefined'; import { type FloatingButtonPosition, type FloatingButtonProps, -} from './FloatingButton'; +} from '@ui/input/FloatingButton/FloatingButton'; import styles from './FloatingButtonGroup.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/__stories__/FloatingButtonGroup.stories.tsx b/packages/twenty-ui/src/input/FloatingButtonGroup/__stories__/FloatingButtonGroup.stories.tsx similarity index 89% rename from packages/twenty-ui/src/input/button/components/__stories__/FloatingButtonGroup.stories.tsx rename to packages/twenty-ui/src/input/FloatingButtonGroup/__stories__/FloatingButtonGroup.stories.tsx index f9293485e3..0be3985fbb 100644 --- a/packages/twenty-ui/src/input/button/components/__stories__/FloatingButtonGroup.stories.tsx +++ b/packages/twenty-ui/src/input/FloatingButtonGroup/__stories__/FloatingButtonGroup.stories.tsx @@ -1,12 +1,15 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconCheckbox, IconNotes, IconTimelineEvent } from '@ui/display'; +import { IconCheckbox, IconNotes, IconTimelineEvent } from '@ui/icon'; import { CatalogDecorator, type CatalogStory, ComponentDecorator, } from '@ui/testing'; -import { FloatingButton, type FloatingButtonSize } from '../FloatingButton'; -import { FloatingButtonGroup } from '../FloatingButtonGroup'; +import { + FloatingButton, + type FloatingButtonSize, +} from '@ui/input/FloatingButton/FloatingButton'; +import { FloatingButtonGroup } from '@ui/input/FloatingButtonGroup/FloatingButtonGroup'; const meta: Meta = { title: 'UI/Input/Button/FloatingButtonGroup', diff --git a/packages/twenty-ui/src/input/button/components/FloatingIconButton.module.scss b/packages/twenty-ui/src/input/FloatingIconButton/FloatingIconButton.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/FloatingIconButton.module.scss rename to packages/twenty-ui/src/input/FloatingIconButton/FloatingIconButton.module.scss diff --git a/packages/twenty-ui/src/input/button/components/FloatingIconButton.module.scss.d.ts b/packages/twenty-ui/src/input/FloatingIconButton/FloatingIconButton.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/FloatingIconButton.module.scss.d.ts rename to packages/twenty-ui/src/input/FloatingIconButton/FloatingIconButton.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/FloatingIconButton.tsx b/packages/twenty-ui/src/input/FloatingIconButton/FloatingIconButton.tsx similarity index 96% rename from packages/twenty-ui/src/input/button/components/FloatingIconButton.tsx rename to packages/twenty-ui/src/input/FloatingIconButton/FloatingIconButton.tsx index 1a9a816f87..c60cc40a9c 100644 --- a/packages/twenty-ui/src/input/button/components/FloatingIconButton.tsx +++ b/packages/twenty-ui/src/input/FloatingIconButton/FloatingIconButton.tsx @@ -1,7 +1,7 @@ import { clsx } from 'clsx'; import React, { useContext } from 'react'; -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { ThemeContext } from '@ui/theme-constants'; import styles from './FloatingIconButton.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/__stories__/FloatingIconButton.stories.tsx b/packages/twenty-ui/src/input/FloatingIconButton/__stories__/FloatingIconButton.stories.tsx similarity index 95% rename from packages/twenty-ui/src/input/button/components/__stories__/FloatingIconButton.stories.tsx rename to packages/twenty-ui/src/input/FloatingIconButton/__stories__/FloatingIconButton.stories.tsx index e81fe23585..c1a226eee4 100644 --- a/packages/twenty-ui/src/input/button/components/__stories__/FloatingIconButton.stories.tsx +++ b/packages/twenty-ui/src/input/FloatingIconButton/__stories__/FloatingIconButton.stories.tsx @@ -1,5 +1,5 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconSearch } from '@ui/display'; +import { IconSearch } from '@ui/icon'; import { CatalogDecorator, type CatalogStory, @@ -8,7 +8,7 @@ import { import { FloatingIconButton, type FloatingIconButtonSize, -} from '../FloatingIconButton'; +} from '@ui/input/FloatingIconButton/FloatingIconButton'; const meta: Meta = { title: 'UI/Input/Button/FloatingIconButton', diff --git a/packages/twenty-ui/src/input/button/components/FloatingIconButtonGroup.module.scss b/packages/twenty-ui/src/input/FloatingIconButtonGroup/FloatingIconButtonGroup.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/FloatingIconButtonGroup.module.scss rename to packages/twenty-ui/src/input/FloatingIconButtonGroup/FloatingIconButtonGroup.module.scss diff --git a/packages/twenty-ui/src/input/button/components/FloatingIconButtonGroup.module.scss.d.ts b/packages/twenty-ui/src/input/FloatingIconButtonGroup/FloatingIconButtonGroup.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/FloatingIconButtonGroup.module.scss.d.ts rename to packages/twenty-ui/src/input/FloatingIconButtonGroup/FloatingIconButtonGroup.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/FloatingIconButtonGroup.tsx b/packages/twenty-ui/src/input/FloatingIconButtonGroup/FloatingIconButtonGroup.tsx similarity index 93% rename from packages/twenty-ui/src/input/button/components/FloatingIconButtonGroup.tsx rename to packages/twenty-ui/src/input/FloatingIconButtonGroup/FloatingIconButtonGroup.tsx index 05f0c24a5d..c728551a8d 100644 --- a/packages/twenty-ui/src/input/button/components/FloatingIconButtonGroup.tsx +++ b/packages/twenty-ui/src/input/FloatingIconButtonGroup/FloatingIconButtonGroup.tsx @@ -1,13 +1,13 @@ import { clsx } from 'clsx'; import { type MouseEvent } from 'react'; -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { FloatingIconButton, type FloatingIconButtonPosition, type FloatingIconButtonProps, -} from './FloatingIconButton'; +} from '@ui/input/FloatingIconButton/FloatingIconButton'; import styles from './FloatingIconButtonGroup.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/__stories__/FloatingIconButtonGroup.stories.tsx b/packages/twenty-ui/src/input/FloatingIconButtonGroup/__stories__/FloatingIconButtonGroup.stories.tsx similarity index 87% rename from packages/twenty-ui/src/input/button/components/__stories__/FloatingIconButtonGroup.stories.tsx rename to packages/twenty-ui/src/input/FloatingIconButtonGroup/__stories__/FloatingIconButtonGroup.stories.tsx index e0d8ce998a..d2082db341 100644 --- a/packages/twenty-ui/src/input/button/components/__stories__/FloatingIconButtonGroup.stories.tsx +++ b/packages/twenty-ui/src/input/FloatingIconButtonGroup/__stories__/FloatingIconButtonGroup.stories.tsx @@ -1,12 +1,12 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconCheckbox, IconNotes, IconTimelineEvent } from '@ui/display'; +import { IconCheckbox, IconNotes, IconTimelineEvent } from '@ui/icon'; import { CatalogDecorator, type CatalogStory, ComponentDecorator, } from '@ui/testing'; -import { type FloatingIconButtonSize } from '../FloatingIconButton'; -import { FloatingIconButtonGroup } from '../FloatingIconButtonGroup'; +import { type FloatingIconButtonSize } from '@ui/input/FloatingIconButton/FloatingIconButton'; +import { FloatingIconButtonGroup } from '@ui/input/FloatingIconButtonGroup/FloatingIconButtonGroup'; const meta: Meta = { title: 'UI/Input/Button/FloatingIconButtonGroup', diff --git a/packages/twenty-ui/src/input/button/components/IconButton.module.scss b/packages/twenty-ui/src/input/IconButton/IconButton.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/IconButton.module.scss rename to packages/twenty-ui/src/input/IconButton/IconButton.module.scss diff --git a/packages/twenty-ui/src/input/button/components/IconButton.module.scss.d.ts b/packages/twenty-ui/src/input/IconButton/IconButton.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/IconButton.module.scss.d.ts rename to packages/twenty-ui/src/input/IconButton/IconButton.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/IconButton.tsx b/packages/twenty-ui/src/input/IconButton/IconButton.tsx similarity index 97% rename from packages/twenty-ui/src/input/button/components/IconButton.tsx rename to packages/twenty-ui/src/input/IconButton/IconButton.tsx index bcf985b3d9..a0d3005799 100644 --- a/packages/twenty-ui/src/input/button/components/IconButton.tsx +++ b/packages/twenty-ui/src/input/IconButton/IconButton.tsx @@ -1,7 +1,7 @@ import { clsx } from 'clsx'; import React, { useContext } from 'react'; -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { ThemeContext } from '@ui/theme-constants'; import styles from './IconButton.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/__stories__/IconButton.stories.tsx b/packages/twenty-ui/src/input/IconButton/__stories__/IconButton.stories.tsx similarity index 98% rename from packages/twenty-ui/src/input/button/components/__stories__/IconButton.stories.tsx rename to packages/twenty-ui/src/input/IconButton/__stories__/IconButton.stories.tsx index 06e6b40c9a..ba5f1acc78 100644 --- a/packages/twenty-ui/src/input/button/components/__stories__/IconButton.stories.tsx +++ b/packages/twenty-ui/src/input/IconButton/__stories__/IconButton.stories.tsx @@ -1,5 +1,5 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconSearch } from '@ui/display'; +import { IconSearch } from '@ui/icon'; import { CatalogDecorator, type CatalogStory, @@ -11,7 +11,7 @@ import { type IconButtonPosition, type IconButtonSize, type IconButtonVariant, -} from '../IconButton'; +} from '@ui/input/IconButton/IconButton'; const meta: Meta = { title: 'UI/Input/Button/IconButton', diff --git a/packages/twenty-ui/src/input/button/components/IconButtonGroup.module.scss b/packages/twenty-ui/src/input/IconButtonGroup/IconButtonGroup.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/IconButtonGroup.module.scss rename to packages/twenty-ui/src/input/IconButtonGroup/IconButtonGroup.module.scss diff --git a/packages/twenty-ui/src/input/button/components/IconButtonGroup.module.scss.d.ts b/packages/twenty-ui/src/input/IconButtonGroup/IconButtonGroup.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/IconButtonGroup.module.scss.d.ts rename to packages/twenty-ui/src/input/IconButtonGroup/IconButtonGroup.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/IconButtonGroup.tsx b/packages/twenty-ui/src/input/IconButtonGroup/IconButtonGroup.tsx similarity index 87% rename from packages/twenty-ui/src/input/button/components/IconButtonGroup.tsx rename to packages/twenty-ui/src/input/IconButtonGroup/IconButtonGroup.tsx index 9bb9c01613..1f8cf134ee 100644 --- a/packages/twenty-ui/src/input/button/components/IconButtonGroup.tsx +++ b/packages/twenty-ui/src/input/IconButtonGroup/IconButtonGroup.tsx @@ -1,8 +1,8 @@ import { clsx } from 'clsx'; import { type MouseEvent } from 'react'; -import { type IconComponent } from '@ui/display'; -import { InsideButton } from '@ui/input/button/components/InsideButton'; +import { type IconComponent } from '@ui/icon'; +import { InsideButton } from '@ui/input/InsideButton/InsideButton'; import styles from './IconButtonGroup.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/__stories__/IconButtonGroup.stories.tsx b/packages/twenty-ui/src/input/IconButtonGroup/__stories__/IconButtonGroup.stories.tsx similarity index 94% rename from packages/twenty-ui/src/input/button/components/__stories__/IconButtonGroup.stories.tsx rename to packages/twenty-ui/src/input/IconButtonGroup/__stories__/IconButtonGroup.stories.tsx index b1d40258ab..fc6fc25985 100644 --- a/packages/twenty-ui/src/input/button/components/__stories__/IconButtonGroup.stories.tsx +++ b/packages/twenty-ui/src/input/IconButtonGroup/__stories__/IconButtonGroup.stories.tsx @@ -1,12 +1,12 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconCheckbox, IconNotes, IconTimelineEvent } from '@ui/display'; +import { IconCheckbox, IconNotes, IconTimelineEvent } from '@ui/icon'; import { CatalogDecorator, type CatalogStory, ComponentDecorator, } from '@ui/testing'; -import { IconButtonGroup } from '../IconButtonGroup'; +import { IconButtonGroup } from '@ui/input/IconButtonGroup/IconButtonGroup'; const meta: Meta = { title: 'UI/Input/Button/IconButtonGroup', diff --git a/packages/twenty-ui/src/input/components/IconListViewGrip.tsx b/packages/twenty-ui/src/input/IconListViewGrip/IconListViewGrip.tsx similarity index 81% rename from packages/twenty-ui/src/input/components/IconListViewGrip.tsx rename to packages/twenty-ui/src/input/IconListViewGrip/IconListViewGrip.tsx index c7f4b344bf..4b60c016ba 100644 --- a/packages/twenty-ui/src/input/components/IconListViewGrip.tsx +++ b/packages/twenty-ui/src/input/IconListViewGrip/IconListViewGrip.tsx @@ -1,5 +1,5 @@ import IconListViewGripRaw from '@assets/misc/list-view-grip.svg?react'; -import { type IconComponentProps } from '@ui/display/icon/types/IconComponent'; +import { type IconComponentProps } from '@ui/icon/types/IconComponent'; type IconListViewGripProps = Pick; diff --git a/packages/twenty-ui/src/input/button/components/InsideButton.module.scss b/packages/twenty-ui/src/input/InsideButton/InsideButton.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/InsideButton.module.scss rename to packages/twenty-ui/src/input/InsideButton/InsideButton.module.scss diff --git a/packages/twenty-ui/src/input/button/components/InsideButton.module.scss.d.ts b/packages/twenty-ui/src/input/InsideButton/InsideButton.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/InsideButton.module.scss.d.ts rename to packages/twenty-ui/src/input/InsideButton/InsideButton.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/InsideButton.tsx b/packages/twenty-ui/src/input/InsideButton/InsideButton.tsx similarity index 93% rename from packages/twenty-ui/src/input/button/components/InsideButton.tsx rename to packages/twenty-ui/src/input/InsideButton/InsideButton.tsx index 7edb37ac79..e24853c31f 100644 --- a/packages/twenty-ui/src/input/button/components/InsideButton.tsx +++ b/packages/twenty-ui/src/input/InsideButton/InsideButton.tsx @@ -1,7 +1,7 @@ import { clsx } from 'clsx'; import React, { useContext } from 'react'; -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { ThemeContext } from '@ui/theme-constants'; import styles from './InsideButton.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/LightButton.module.scss b/packages/twenty-ui/src/input/LightButton/LightButton.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/LightButton.module.scss rename to packages/twenty-ui/src/input/LightButton/LightButton.module.scss diff --git a/packages/twenty-ui/src/input/button/components/LightButton.module.scss.d.ts b/packages/twenty-ui/src/input/LightButton/LightButton.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/LightButton.module.scss.d.ts rename to packages/twenty-ui/src/input/LightButton/LightButton.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/LightButton.tsx b/packages/twenty-ui/src/input/LightButton/LightButton.tsx similarity index 95% rename from packages/twenty-ui/src/input/button/components/LightButton.tsx rename to packages/twenty-ui/src/input/LightButton/LightButton.tsx index 118afaae8b..54b67a3fd5 100644 --- a/packages/twenty-ui/src/input/button/components/LightButton.tsx +++ b/packages/twenty-ui/src/input/LightButton/LightButton.tsx @@ -1,7 +1,7 @@ import { clsx } from 'clsx'; import { type MouseEvent, useContext } from 'react'; -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { ThemeContext } from '@ui/theme-constants'; import styles from './LightButton.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/__stories__/LightButton.stories.tsx b/packages/twenty-ui/src/input/LightButton/__stories__/LightButton.stories.tsx similarity index 94% rename from packages/twenty-ui/src/input/button/components/__stories__/LightButton.stories.tsx rename to packages/twenty-ui/src/input/LightButton/__stories__/LightButton.stories.tsx index a16b79c196..61775d4340 100644 --- a/packages/twenty-ui/src/input/button/components/__stories__/LightButton.stories.tsx +++ b/packages/twenty-ui/src/input/LightButton/__stories__/LightButton.stories.tsx @@ -1,11 +1,14 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconSearch } from '@ui/display'; +import { IconSearch } from '@ui/icon'; import { CatalogDecorator, type CatalogStory, ComponentDecorator, } from '@ui/testing'; -import { LightButton, type LightButtonAccent } from '../LightButton'; +import { + LightButton, + type LightButtonAccent, +} from '@ui/input/LightButton/LightButton'; const meta: Meta = { title: 'UI/Input/Button/LightButton', diff --git a/packages/twenty-ui/src/input/button/components/LightIconButton.module.scss b/packages/twenty-ui/src/input/LightIconButton/LightIconButton.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/LightIconButton.module.scss rename to packages/twenty-ui/src/input/LightIconButton/LightIconButton.module.scss diff --git a/packages/twenty-ui/src/input/button/components/LightIconButton.module.scss.d.ts b/packages/twenty-ui/src/input/LightIconButton/LightIconButton.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/LightIconButton.module.scss.d.ts rename to packages/twenty-ui/src/input/LightIconButton/LightIconButton.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/LightIconButton.tsx b/packages/twenty-ui/src/input/LightIconButton/LightIconButton.tsx similarity index 96% rename from packages/twenty-ui/src/input/button/components/LightIconButton.tsx rename to packages/twenty-ui/src/input/LightIconButton/LightIconButton.tsx index 7092d18a71..02c793d045 100644 --- a/packages/twenty-ui/src/input/button/components/LightIconButton.tsx +++ b/packages/twenty-ui/src/input/LightIconButton/LightIconButton.tsx @@ -1,7 +1,7 @@ import { clsx } from 'clsx'; import { type ComponentProps, type MouseEvent, useContext } from 'react'; -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { ThemeContext } from '@ui/theme-constants'; import styles from './LightIconButton.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/__stories__/LightIconButton.stories.tsx b/packages/twenty-ui/src/input/LightIconButton/__stories__/LightIconButton.stories.tsx similarity index 96% rename from packages/twenty-ui/src/input/button/components/__stories__/LightIconButton.stories.tsx rename to packages/twenty-ui/src/input/LightIconButton/__stories__/LightIconButton.stories.tsx index bb9c10ee1a..c0f9324195 100644 --- a/packages/twenty-ui/src/input/button/components/__stories__/LightIconButton.stories.tsx +++ b/packages/twenty-ui/src/input/LightIconButton/__stories__/LightIconButton.stories.tsx @@ -1,5 +1,5 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconSearch } from '@ui/display'; +import { IconSearch } from '@ui/icon'; import { CatalogDecorator, type CatalogStory, @@ -9,7 +9,7 @@ import { LightIconButton, type LightIconButtonAccent, type LightIconButtonSize, -} from '../LightIconButton'; +} from '@ui/input/LightIconButton/LightIconButton'; const meta: Meta = { title: 'UI/Input/Button/LightIconButton', diff --git a/packages/twenty-ui/src/input/button/components/LightIconButtonGroup.module.scss b/packages/twenty-ui/src/input/LightIconButtonGroup/LightIconButtonGroup.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/LightIconButtonGroup.module.scss rename to packages/twenty-ui/src/input/LightIconButtonGroup/LightIconButtonGroup.module.scss diff --git a/packages/twenty-ui/src/input/button/components/LightIconButtonGroup.module.scss.d.ts b/packages/twenty-ui/src/input/LightIconButtonGroup/LightIconButtonGroup.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/LightIconButtonGroup.module.scss.d.ts rename to packages/twenty-ui/src/input/LightIconButtonGroup/LightIconButtonGroup.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/LightIconButtonGroup.tsx b/packages/twenty-ui/src/input/LightIconButtonGroup/LightIconButtonGroup.tsx similarity index 90% rename from packages/twenty-ui/src/input/button/components/LightIconButtonGroup.tsx rename to packages/twenty-ui/src/input/LightIconButtonGroup/LightIconButtonGroup.tsx index b4a0847f88..8b605dc439 100644 --- a/packages/twenty-ui/src/input/button/components/LightIconButtonGroup.tsx +++ b/packages/twenty-ui/src/input/LightIconButtonGroup/LightIconButtonGroup.tsx @@ -4,10 +4,13 @@ import { type ReactElement, } from 'react'; -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { clsx } from 'clsx'; -import { LightIconButton, type LightIconButtonProps } from './LightIconButton'; +import { + LightIconButton, + type LightIconButtonProps, +} from '@ui/input/LightIconButton/LightIconButton'; import styles from './LightIconButtonGroup.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/MainButton.module.scss b/packages/twenty-ui/src/input/MainButton/MainButton.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/MainButton.module.scss rename to packages/twenty-ui/src/input/MainButton/MainButton.module.scss diff --git a/packages/twenty-ui/src/input/button/components/MainButton.module.scss.d.ts b/packages/twenty-ui/src/input/MainButton/MainButton.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/MainButton.module.scss.d.ts rename to packages/twenty-ui/src/input/MainButton/MainButton.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/MainButton.tsx b/packages/twenty-ui/src/input/MainButton/MainButton.tsx similarity index 96% rename from packages/twenty-ui/src/input/button/components/MainButton.tsx rename to packages/twenty-ui/src/input/MainButton/MainButton.tsx index 24ca26c40e..f564e97112 100644 --- a/packages/twenty-ui/src/input/button/components/MainButton.tsx +++ b/packages/twenty-ui/src/input/MainButton/MainButton.tsx @@ -1,7 +1,7 @@ import { clsx } from 'clsx'; import React, { type FunctionComponent, useContext } from 'react'; -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { ThemeContext } from '@ui/theme-constants'; import styles from './MainButton.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/__stories__/MainButton.stories.tsx b/packages/twenty-ui/src/input/MainButton/__stories__/MainButton.stories.tsx similarity index 93% rename from packages/twenty-ui/src/input/button/components/__stories__/MainButton.stories.tsx rename to packages/twenty-ui/src/input/MainButton/__stories__/MainButton.stories.tsx index b1f68b1f51..ff86cf7983 100644 --- a/packages/twenty-ui/src/input/button/components/__stories__/MainButton.stories.tsx +++ b/packages/twenty-ui/src/input/MainButton/__stories__/MainButton.stories.tsx @@ -1,8 +1,8 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconBrandGoogle } from '@ui/display'; +import { IconBrandGoogle } from '@ui/icon'; import { ComponentDecorator } from '@ui/testing'; import { expect, fn, userEvent, within } from 'storybook/test'; -import { MainButton } from '../MainButton'; +import { MainButton } from '@ui/input/MainButton/MainButton'; const clickJestFn = fn(); diff --git a/packages/twenty-ui/src/input/components/Radio.module.scss b/packages/twenty-ui/src/input/Radio/Radio.module.scss similarity index 100% rename from packages/twenty-ui/src/input/components/Radio.module.scss rename to packages/twenty-ui/src/input/Radio/Radio.module.scss diff --git a/packages/twenty-ui/src/input/components/Radio.module.scss.d.ts b/packages/twenty-ui/src/input/Radio/Radio.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/components/Radio.module.scss.d.ts rename to packages/twenty-ui/src/input/Radio/Radio.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/components/Radio.tsx b/packages/twenty-ui/src/input/Radio/Radio.tsx similarity index 97% rename from packages/twenty-ui/src/input/components/Radio.tsx rename to packages/twenty-ui/src/input/Radio/Radio.tsx index 79be597cc1..ed652dc145 100644 --- a/packages/twenty-ui/src/input/components/Radio.tsx +++ b/packages/twenty-ui/src/input/Radio/Radio.tsx @@ -4,7 +4,7 @@ import { clsx } from 'clsx'; import * as React from 'react'; import styles from './Radio.module.scss'; -import { RadioGroup } from './RadioGroup'; +import { RadioGroup } from '@ui/input/RadioGroup/RadioGroup'; export enum RadioSize { Large = 'large', diff --git a/packages/twenty-ui/src/input/components/__stories__/Radio.stories.tsx b/packages/twenty-ui/src/input/Radio/__stories__/Radio.stories.tsx similarity index 95% rename from packages/twenty-ui/src/input/components/__stories__/Radio.stories.tsx rename to packages/twenty-ui/src/input/Radio/__stories__/Radio.stories.tsx index 763587b74e..c55cb23cd9 100644 --- a/packages/twenty-ui/src/input/components/__stories__/Radio.stories.tsx +++ b/packages/twenty-ui/src/input/Radio/__stories__/Radio.stories.tsx @@ -5,7 +5,7 @@ import { ComponentDecorator, } from '@ui/testing'; -import { LabelPosition, Radio, RadioSize } from '../Radio'; +import { LabelPosition, Radio, RadioSize } from '@ui/input/Radio/Radio'; const meta: Meta = { title: 'UI/Input/Radio/Radio', diff --git a/packages/twenty-ui/src/input/components/RadioGroup.tsx b/packages/twenty-ui/src/input/RadioGroup/RadioGroup.tsx similarity index 94% rename from packages/twenty-ui/src/input/components/RadioGroup.tsx rename to packages/twenty-ui/src/input/RadioGroup/RadioGroup.tsx index 2c9a3ede74..4c2f021d5c 100644 --- a/packages/twenty-ui/src/input/components/RadioGroup.tsx +++ b/packages/twenty-ui/src/input/RadioGroup/RadioGroup.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { themeCssVariables } from '@ui/theme-constants'; -import { type RadioProps } from './Radio'; +import { type RadioProps } from '@ui/input/Radio/Radio'; type RadioGroupProps = React.PropsWithChildren & { value?: string; diff --git a/packages/twenty-ui/src/input/button/components/RoundedIconButton.module.scss b/packages/twenty-ui/src/input/RoundedIconButton/RoundedIconButton.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/RoundedIconButton.module.scss rename to packages/twenty-ui/src/input/RoundedIconButton/RoundedIconButton.module.scss diff --git a/packages/twenty-ui/src/input/button/components/RoundedIconButton.module.scss.d.ts b/packages/twenty-ui/src/input/RoundedIconButton/RoundedIconButton.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/RoundedIconButton.module.scss.d.ts rename to packages/twenty-ui/src/input/RoundedIconButton/RoundedIconButton.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/RoundedIconButton.tsx b/packages/twenty-ui/src/input/RoundedIconButton/RoundedIconButton.tsx similarity index 93% rename from packages/twenty-ui/src/input/button/components/RoundedIconButton.tsx rename to packages/twenty-ui/src/input/RoundedIconButton/RoundedIconButton.tsx index a37a58e1fd..562671b289 100644 --- a/packages/twenty-ui/src/input/button/components/RoundedIconButton.tsx +++ b/packages/twenty-ui/src/input/RoundedIconButton/RoundedIconButton.tsx @@ -1,7 +1,7 @@ import { clsx } from 'clsx'; import React, { useContext } from 'react'; -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { ThemeContext } from '@ui/theme-constants'; import styles from './RoundedIconButton.module.scss'; diff --git a/packages/twenty-ui/src/input/button/components/__stories__/RoundedIconButton.stories.tsx b/packages/twenty-ui/src/input/RoundedIconButton/__stories__/RoundedIconButton.stories.tsx similarity index 88% rename from packages/twenty-ui/src/input/button/components/__stories__/RoundedIconButton.stories.tsx rename to packages/twenty-ui/src/input/RoundedIconButton/__stories__/RoundedIconButton.stories.tsx index b8da41752a..752455b0dd 100644 --- a/packages/twenty-ui/src/input/button/components/__stories__/RoundedIconButton.stories.tsx +++ b/packages/twenty-ui/src/input/RoundedIconButton/__stories__/RoundedIconButton.stories.tsx @@ -1,8 +1,8 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconArrowRight } from '@ui/display'; +import { IconArrowRight } from '@ui/icon'; import { ComponentDecorator } from '@ui/testing'; import { expect, fn, userEvent, within } from 'storybook/test'; -import { RoundedIconButton } from '../RoundedIconButton'; +import { RoundedIconButton } from '@ui/input/RoundedIconButton/RoundedIconButton'; const clickJestFn = fn(); diff --git a/packages/twenty-ui/src/input/components/SearchInput.module.scss b/packages/twenty-ui/src/input/SearchInput/SearchInput.module.scss similarity index 100% rename from packages/twenty-ui/src/input/components/SearchInput.module.scss rename to packages/twenty-ui/src/input/SearchInput/SearchInput.module.scss diff --git a/packages/twenty-ui/src/input/components/SearchInput.module.scss.d.ts b/packages/twenty-ui/src/input/SearchInput/SearchInput.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/components/SearchInput.module.scss.d.ts rename to packages/twenty-ui/src/input/SearchInput/SearchInput.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/components/SearchInput.tsx b/packages/twenty-ui/src/input/SearchInput/SearchInput.tsx similarity index 92% rename from packages/twenty-ui/src/input/components/SearchInput.tsx rename to packages/twenty-ui/src/input/SearchInput/SearchInput.tsx index 55c7a3f71f..951b8aa11d 100644 --- a/packages/twenty-ui/src/input/components/SearchInput.tsx +++ b/packages/twenty-ui/src/input/SearchInput/SearchInput.tsx @@ -2,8 +2,8 @@ import { Input } from '@base-ui/react/input'; import { clsx } from 'clsx'; import { type ReactNode, useContext, useState } from 'react'; -import { IconFilter, IconSearch } from '@ui/display'; -import { IconButton } from '@ui/input/button/components/IconButton'; +import { IconFilter, IconSearch } from '@ui/icon'; +import { IconButton } from '@ui/input/IconButton/IconButton'; import { ThemeContext } from '@ui/theme-constants'; import styles from './SearchInput.module.scss'; diff --git a/packages/twenty-ui/src/input/components/__stories__/SearchInput.stories.tsx b/packages/twenty-ui/src/input/SearchInput/__stories__/SearchInput.stories.tsx similarity index 94% rename from packages/twenty-ui/src/input/components/__stories__/SearchInput.stories.tsx rename to packages/twenty-ui/src/input/SearchInput/__stories__/SearchInput.stories.tsx index e454a75fc0..b6593b3a8c 100644 --- a/packages/twenty-ui/src/input/components/__stories__/SearchInput.stories.tsx +++ b/packages/twenty-ui/src/input/SearchInput/__stories__/SearchInput.stories.tsx @@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { ComponentDecorator } from '@ui/testing'; import { useState } from 'react'; -import { SearchInput } from '../SearchInput'; +import { SearchInput } from '@ui/input/SearchInput/SearchInput'; type InteractiveSearchInputProps = { placeholder?: string; diff --git a/packages/twenty-ui/src/input/button/components/TabButton/TabButton.module.scss b/packages/twenty-ui/src/input/TabButton/TabButton.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/TabButton/TabButton.module.scss rename to packages/twenty-ui/src/input/TabButton/TabButton.module.scss diff --git a/packages/twenty-ui/src/input/button/components/TabButton/TabButton.module.scss.d.ts b/packages/twenty-ui/src/input/TabButton/TabButton.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/TabButton/TabButton.module.scss.d.ts rename to packages/twenty-ui/src/input/TabButton/TabButton.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/TabButton/TabButton.tsx b/packages/twenty-ui/src/input/TabButton/TabButton.tsx similarity index 80% rename from packages/twenty-ui/src/input/button/components/TabButton/TabButton.tsx rename to packages/twenty-ui/src/input/TabButton/TabButton.tsx index 94c305f755..5b392b0dce 100644 --- a/packages/twenty-ui/src/input/button/components/TabButton/TabButton.tsx +++ b/packages/twenty-ui/src/input/TabButton/TabButton.tsx @@ -1,10 +1,20 @@ -import { AppTooltip, type IconComponent, TooltipDelay } from '@ui/display'; -import { StyledTabButton } from '@ui/input/button/components/TabButton/internals/components/StyledTabBase'; -import { TabContent } from '@ui/input/button/components/TabButton/internals/components/TabContent'; +import { type IconComponent } from '@ui/icon'; +import { AppTooltip, TooltipDelay } from '@ui/surfaces'; +import { + StyledTabButton, + StyledTabContainer, +} from '@ui/input/TabButton/parts/StyledTabBase'; +import { + TabContent, + type TabContentProps, +} from '@ui/input/TabButton/parts/TabContent'; import { type ReactElement } from 'react'; import styles from './TabButton.module.scss'; +export { StyledTabContainer, TabContent }; +export type { TabContentProps }; + type TabButtonProps = { id: string; active?: boolean; diff --git a/packages/twenty-ui/src/input/button/components/__stories__/TabButton.stories.module.scss b/packages/twenty-ui/src/input/TabButton/__stories__/TabButton.stories.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/__stories__/TabButton.stories.module.scss rename to packages/twenty-ui/src/input/TabButton/__stories__/TabButton.stories.module.scss diff --git a/packages/twenty-ui/src/input/button/components/__stories__/TabButton.stories.module.scss.d.ts b/packages/twenty-ui/src/input/TabButton/__stories__/TabButton.stories.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/__stories__/TabButton.stories.module.scss.d.ts rename to packages/twenty-ui/src/input/TabButton/__stories__/TabButton.stories.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/__stories__/TabButton.stories.tsx b/packages/twenty-ui/src/input/TabButton/__stories__/TabButton.stories.tsx similarity index 98% rename from packages/twenty-ui/src/input/button/components/__stories__/TabButton.stories.tsx rename to packages/twenty-ui/src/input/TabButton/__stories__/TabButton.stories.tsx index bb04e200fa..2960650048 100644 --- a/packages/twenty-ui/src/input/button/components/__stories__/TabButton.stories.tsx +++ b/packages/twenty-ui/src/input/TabButton/__stories__/TabButton.stories.tsx @@ -7,8 +7,8 @@ import { IconSearch, IconSettings, IconUser, -} from '@ui/display'; -import { TabButton } from '@ui/input/button/components/TabButton/TabButton'; +} from '@ui/icon'; +import { TabButton } from '@ui/input/TabButton/TabButton'; import { AVATAR_URL_MOCK, CatalogDecorator, diff --git a/packages/twenty-ui/src/input/button/components/TabButton/internals/components/StyledTabBase.module.scss b/packages/twenty-ui/src/input/TabButton/parts/StyledTabBase.module.scss similarity index 100% rename from packages/twenty-ui/src/input/button/components/TabButton/internals/components/StyledTabBase.module.scss rename to packages/twenty-ui/src/input/TabButton/parts/StyledTabBase.module.scss diff --git a/packages/twenty-ui/src/input/button/components/TabButton/internals/components/StyledTabBase.module.scss.d.ts b/packages/twenty-ui/src/input/TabButton/parts/StyledTabBase.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/button/components/TabButton/internals/components/StyledTabBase.module.scss.d.ts rename to packages/twenty-ui/src/input/TabButton/parts/StyledTabBase.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/button/components/TabButton/internals/components/StyledTabBase.tsx b/packages/twenty-ui/src/input/TabButton/parts/StyledTabBase.tsx similarity index 100% rename from packages/twenty-ui/src/input/button/components/TabButton/internals/components/StyledTabBase.tsx rename to packages/twenty-ui/src/input/TabButton/parts/StyledTabBase.tsx diff --git a/packages/twenty-ui/src/input/button/components/TabButton/internals/components/TabContent.tsx b/packages/twenty-ui/src/input/TabButton/parts/TabContent.tsx similarity index 84% rename from packages/twenty-ui/src/input/button/components/TabButton/internals/components/TabContent.tsx rename to packages/twenty-ui/src/input/TabButton/parts/TabContent.tsx index 9ca002675e..699510e52f 100644 --- a/packages/twenty-ui/src/input/button/components/TabButton/internals/components/TabContent.tsx +++ b/packages/twenty-ui/src/input/TabButton/parts/TabContent.tsx @@ -1,8 +1,9 @@ -import { Pill } from '@ui/components/Pill/Pill'; -import { Avatar, type IconComponent } from '@ui/display'; +import { Pill } from '@ui/data-display/Pill/Pill'; +import { Avatar } from '@ui/data-display'; +import { type IconComponent } from '@ui/icon'; import { ThemeContext } from '@ui/theme-constants'; import { type ReactElement, useContext } from 'react'; -import { StyledTabHover } from './StyledTabBase'; +import { StyledTabHover } from '@ui/input/TabButton/parts/StyledTabBase'; export type TabContentProps = { id: string; diff --git a/packages/twenty-ui/src/input/components/Toggle.module.scss b/packages/twenty-ui/src/input/Toggle/Toggle.module.scss similarity index 100% rename from packages/twenty-ui/src/input/components/Toggle.module.scss rename to packages/twenty-ui/src/input/Toggle/Toggle.module.scss diff --git a/packages/twenty-ui/src/input/components/Toggle.module.scss.d.ts b/packages/twenty-ui/src/input/Toggle/Toggle.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/input/components/Toggle.module.scss.d.ts rename to packages/twenty-ui/src/input/Toggle/Toggle.module.scss.d.ts diff --git a/packages/twenty-ui/src/input/components/Toggle.tsx b/packages/twenty-ui/src/input/Toggle/Toggle.tsx similarity index 100% rename from packages/twenty-ui/src/input/components/Toggle.tsx rename to packages/twenty-ui/src/input/Toggle/Toggle.tsx diff --git a/packages/twenty-ui/src/input/components/__stories__/Toggle.stories.tsx b/packages/twenty-ui/src/input/Toggle/__stories__/Toggle.stories.tsx similarity index 97% rename from packages/twenty-ui/src/input/components/__stories__/Toggle.stories.tsx rename to packages/twenty-ui/src/input/Toggle/__stories__/Toggle.stories.tsx index 6a0c708d00..7cddb3d528 100644 --- a/packages/twenty-ui/src/input/components/__stories__/Toggle.stories.tsx +++ b/packages/twenty-ui/src/input/Toggle/__stories__/Toggle.stories.tsx @@ -7,7 +7,7 @@ import { import { themeCssVariables } from '@ui/theme-constants'; import { useState } from 'react'; -import { Toggle, type ToggleSize } from '../Toggle'; +import { Toggle, type ToggleSize } from '@ui/input/Toggle/Toggle'; type InteractiveToggleProps = { initialValue?: boolean; diff --git a/packages/twenty-ui/src/input/index.ts b/packages/twenty-ui/src/input/index.ts index 0e148b1653..c03c4a3255 100644 --- a/packages/twenty-ui/src/input/index.ts +++ b/packages/twenty-ui/src/input/index.ts @@ -7,102 +7,101 @@ * |___/ */ -export type { AnimatedButtonProps } from './button/components/AnimatedButton'; -export { AnimatedButton } from './button/components/AnimatedButton'; -export type { AnimatedLightIconButtonProps } from './button/components/AnimatedLightIconButton'; -export { AnimatedLightIconButton } from './button/components/AnimatedLightIconButton'; +export { AdvancedSettingsToggle } from './AdvancedSettingsToggle/AdvancedSettingsToggle'; +export type { AnimatedButtonProps } from './AnimatedButton/AnimatedButton'; +export { AnimatedButton } from './AnimatedButton/AnimatedButton'; +export type { AnimatedLightIconButtonProps } from './AnimatedLightIconButton/AnimatedLightIconButton'; +export { AnimatedLightIconButton } from './AnimatedLightIconButton/AnimatedLightIconButton'; export type { ButtonSize, ButtonPosition, ButtonVariant, ButtonAccent, ButtonProps, -} from './button/components/Button/Button'; -export { Button } from './button/components/Button/Button'; -export { baseTransitionTiming } from './button/components/Button/constant'; -export type { ButtonGroupProps } from './button/components/ButtonGroup'; -export { ButtonGroup } from './button/components/ButtonGroup'; -export { ColorPickerButton } from './button/components/ColorPickerButton'; -export type { - FloatingButtonSize, - FloatingButtonPosition, - FloatingButtonProps, -} from './button/components/FloatingButton'; -export { FloatingButton } from './button/components/FloatingButton'; -export type { FloatingButtonGroupProps } from './button/components/FloatingButtonGroup'; -export { FloatingButtonGroup } from './button/components/FloatingButtonGroup'; -export type { - FloatingIconButtonSize, - FloatingIconButtonPosition, - FloatingIconButtonProps, -} from './button/components/FloatingIconButton'; -export { FloatingIconButton } from './button/components/FloatingIconButton'; -export type { FloatingIconButtonGroupProps } from './button/components/FloatingIconButtonGroup'; -export { FloatingIconButtonGroup } from './button/components/FloatingIconButtonGroup'; -export type { - IconButtonSize, - IconButtonPosition, - IconButtonVariant, - IconButtonAccent, - IconButtonProps, -} from './button/components/IconButton'; -export { IconButton } from './button/components/IconButton'; -export type { IconButtonGroupProps } from './button/components/IconButtonGroup'; -export { IconButtonGroup } from './button/components/IconButtonGroup'; -export type { InsideButtonProps } from './button/components/InsideButton'; -export { InsideButton } from './button/components/InsideButton'; -export type { - LightButtonAccent, - LightButtonProps, -} from './button/components/LightButton'; -export { LightButton } from './button/components/LightButton'; -export type { - LightIconButtonAccent, - LightIconButtonSize, - LightIconButtonProps, -} from './button/components/LightIconButton'; -export { LightIconButton } from './button/components/LightIconButton'; -export type { LightIconButtonGroupProps } from './button/components/LightIconButtonGroup'; -export { LightIconButtonGroup } from './button/components/LightIconButtonGroup'; -export type { MainButtonVariant } from './button/components/MainButton'; -export { MainButton } from './button/components/MainButton'; -export type { RoundedIconButtonSize } from './button/components/RoundedIconButton'; -export { RoundedIconButton } from './button/components/RoundedIconButton'; -export { - StyledTabButton, - StyledTabContainer, - StyledTabHover, -} from './button/components/TabButton/internals/components/StyledTabBase'; -export type { TabContentProps } from './button/components/TabButton/internals/components/TabContent'; -export { TabContent } from './button/components/TabButton/internals/components/TabContent'; -export { TabButton } from './button/components/TabButton/TabButton'; -export { CodeEditor } from './code-editor/components/CodeEditor'; -export type { CoreEditorHeaderProps } from './code-editor/components/CodeEditorHeader'; -export { CoreEditorHeader } from './code-editor/components/CodeEditorHeader'; -export { BASE_CODE_EDITOR_THEME_ID } from './code-editor/constants/BaseCodeEditorThemeId'; -export { getBaseCodeEditorTheme } from './code-editor/theme/utils/getBaseCodeEditorTheme'; -export type { - ColorSchemeSegmentProps, - ColorSchemeCardProps, -} from './color-scheme/components/ColorSchemeCard'; -export { ColorSchemeCard } from './color-scheme/components/ColorSchemeCard'; -export type { ColorSchemePickerProps } from './color-scheme/components/ColorSchemePicker'; -export { ColorSchemePicker } from './color-scheme/components/ColorSchemePicker'; -export { CardPicker } from './components/CardPicker'; +} from './Button/Button'; +export { Button } from './Button/Button'; +export { baseTransitionTiming } from './Button/constant'; +export type { ButtonGroupProps } from './ButtonGroup/ButtonGroup'; +export { ButtonGroup } from './ButtonGroup/ButtonGroup'; +export { CardPicker } from './CardPicker/CardPicker'; export { CheckboxVariant, CheckboxShape, CheckboxSize, CheckboxAccent, Checkbox, -} from './components/Checkbox'; -export { IconListViewGrip } from './components/IconListViewGrip'; -export type { RadioProps } from './components/Radio'; -export { RadioSize, LabelPosition, Radio } from './components/Radio'; -export { RadioGroup } from './components/RadioGroup'; -export type { SearchInputProps } from './components/SearchInput'; -export { SearchInput } from './components/SearchInput'; -export type { ToggleSize, ToggleProps } from './components/Toggle'; -export { Toggle } from './components/Toggle'; +} from './Checkbox/Checkbox'; +export { CodeEditor } from './CodeEditor/CodeEditor'; +export { BASE_CODE_EDITOR_THEME_ID } from './CodeEditor/constants/BaseCodeEditorThemeId'; +export { getBaseCodeEditorTheme } from './CodeEditor/utils/getBaseCodeEditorTheme'; +export type { CoreEditorHeaderProps } from './CodeEditorHeader/CodeEditorHeader'; +export { CoreEditorHeader } from './CodeEditorHeader/CodeEditorHeader'; +export { ColorPickerButton } from './ColorPickerButton/ColorPickerButton'; +export type { + ColorSchemeSegmentProps, + ColorSchemeCardProps, +} from './ColorSchemeCard/ColorSchemeCard'; +export { ColorSchemeCard } from './ColorSchemeCard/ColorSchemeCard'; +export type { ColorSchemePickerProps } from './ColorSchemePicker/ColorSchemePicker'; +export { ColorSchemePicker } from './ColorSchemePicker/ColorSchemePicker'; +export type { + FloatingButtonSize, + FloatingButtonPosition, + FloatingButtonProps, +} from './FloatingButton/FloatingButton'; +export { FloatingButton } from './FloatingButton/FloatingButton'; +export type { FloatingButtonGroupProps } from './FloatingButtonGroup/FloatingButtonGroup'; +export { FloatingButtonGroup } from './FloatingButtonGroup/FloatingButtonGroup'; +export type { + FloatingIconButtonSize, + FloatingIconButtonPosition, + FloatingIconButtonProps, +} from './FloatingIconButton/FloatingIconButton'; +export { FloatingIconButton } from './FloatingIconButton/FloatingIconButton'; +export type { FloatingIconButtonGroupProps } from './FloatingIconButtonGroup/FloatingIconButtonGroup'; +export { FloatingIconButtonGroup } from './FloatingIconButtonGroup/FloatingIconButtonGroup'; +export type { + IconButtonSize, + IconButtonPosition, + IconButtonVariant, + IconButtonAccent, + IconButtonProps, +} from './IconButton/IconButton'; +export { IconButton } from './IconButton/IconButton'; +export type { IconButtonGroupProps } from './IconButtonGroup/IconButtonGroup'; +export { IconButtonGroup } from './IconButtonGroup/IconButtonGroup'; +export { IconListViewGrip } from './IconListViewGrip/IconListViewGrip'; +export type { InsideButtonProps } from './InsideButton/InsideButton'; +export { InsideButton } from './InsideButton/InsideButton'; +export type { + LightButtonAccent, + LightButtonProps, +} from './LightButton/LightButton'; +export { LightButton } from './LightButton/LightButton'; +export type { + LightIconButtonAccent, + LightIconButtonSize, + LightIconButtonProps, +} from './LightIconButton/LightIconButton'; +export { LightIconButton } from './LightIconButton/LightIconButton'; +export type { LightIconButtonGroupProps } from './LightIconButtonGroup/LightIconButtonGroup'; +export { LightIconButtonGroup } from './LightIconButtonGroup/LightIconButtonGroup'; +export type { MainButtonVariant } from './MainButton/MainButton'; +export { MainButton } from './MainButton/MainButton'; +export type { RadioProps } from './Radio/Radio'; +export { RadioSize, LabelPosition, Radio } from './Radio/Radio'; +export { RadioGroup } from './RadioGroup/RadioGroup'; +export type { RoundedIconButtonSize } from './RoundedIconButton/RoundedIconButton'; +export { RoundedIconButton } from './RoundedIconButton/RoundedIconButton'; +export type { SearchInputProps } from './SearchInput/SearchInput'; +export { SearchInput } from './SearchInput/SearchInput'; +export type { TabContentProps } from './TabButton/TabButton'; +export { + StyledTabContainer, + TabContent, + TabButton, +} from './TabButton/TabButton'; +export type { ToggleSize, ToggleProps } from './Toggle/Toggle'; +export { Toggle } from './Toggle/Toggle'; export type { ColorScheme } from './types/ColorScheme'; export type { SelectOption } from './types/SelectOption'; diff --git a/packages/twenty-ui/src/input/types/SelectOption.ts b/packages/twenty-ui/src/input/types/SelectOption.ts index e2a5190f18..21b80a01a8 100644 --- a/packages/twenty-ui/src/input/types/SelectOption.ts +++ b/packages/twenty-ui/src/input/types/SelectOption.ts @@ -1,4 +1,4 @@ -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { type ThemeColor } from '@ui/theme'; export type SelectOption< diff --git a/packages/twenty-ui/src/json-visualizer/components/JsonArrayNode.tsx b/packages/twenty-ui/src/json-visualizer/components/JsonArrayNode.tsx index 14278f0455..49f06e8e6d 100644 --- a/packages/twenty-ui/src/json-visualizer/components/JsonArrayNode.tsx +++ b/packages/twenty-ui/src/json-visualizer/components/JsonArrayNode.tsx @@ -1,4 +1,4 @@ -import { IconBrackets } from '@ui/display'; +import { IconBrackets } from '@ui/icon'; import { JsonNestedNode } from '@ui/json-visualizer/components/JsonNestedNode'; import { useJsonTreeContextOrThrow } from '@ui/json-visualizer/hooks/useJsonTreeContextOrThrow'; import { type JsonNodeHighlighting } from '@ui/json-visualizer/types/JsonNodeHighlighting'; diff --git a/packages/twenty-ui/src/json-visualizer/components/JsonNestedNode.tsx b/packages/twenty-ui/src/json-visualizer/components/JsonNestedNode.tsx index 442cf5ea13..31f17c7102 100644 --- a/packages/twenty-ui/src/json-visualizer/components/JsonNestedNode.tsx +++ b/packages/twenty-ui/src/json-visualizer/components/JsonNestedNode.tsx @@ -5,7 +5,7 @@ import { useState } from 'react'; import { isDefined } from '@ui/utilities/utils/isDefined'; import { type JsonValue } from 'type-fest'; -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { JsonArrow } from '@ui/json-visualizer/components/internal/JsonArrow'; import { JsonNodeLabel } from '@ui/json-visualizer/components/internal/JsonNodeLabel'; import { JsonNodeValue } from '@ui/json-visualizer/components/internal/JsonNodeValue'; diff --git a/packages/twenty-ui/src/json-visualizer/components/JsonNode.tsx b/packages/twenty-ui/src/json-visualizer/components/JsonNode.tsx index 427a76363e..153b5a3601 100644 --- a/packages/twenty-ui/src/json-visualizer/components/JsonNode.tsx +++ b/packages/twenty-ui/src/json-visualizer/components/JsonNode.tsx @@ -9,7 +9,7 @@ import { IconCircleOff, IconNumber9, IconTypography, -} from '@ui/display'; +} from '@ui/icon'; import { JsonArrayNode } from '@ui/json-visualizer/components/JsonArrayNode'; import { JsonObjectNode } from '@ui/json-visualizer/components/JsonObjectNode'; import { JsonValueNode } from '@ui/json-visualizer/components/JsonValueNode'; diff --git a/packages/twenty-ui/src/json-visualizer/components/JsonObjectNode.tsx b/packages/twenty-ui/src/json-visualizer/components/JsonObjectNode.tsx index e83919d051..fe7da9efe6 100644 --- a/packages/twenty-ui/src/json-visualizer/components/JsonObjectNode.tsx +++ b/packages/twenty-ui/src/json-visualizer/components/JsonObjectNode.tsx @@ -1,4 +1,4 @@ -import { IconCube } from '@ui/display'; +import { IconCube } from '@ui/icon'; import { JsonNestedNode } from '@ui/json-visualizer/components/JsonNestedNode'; import { useJsonTreeContextOrThrow } from '@ui/json-visualizer/hooks/useJsonTreeContextOrThrow'; import { type JsonNodeHighlighting } from '@ui/json-visualizer/types/JsonNodeHighlighting'; diff --git a/packages/twenty-ui/src/json-visualizer/components/JsonValueNode.tsx b/packages/twenty-ui/src/json-visualizer/components/JsonValueNode.tsx index fc5bed8c7b..c416b549ba 100644 --- a/packages/twenty-ui/src/json-visualizer/components/JsonValueNode.tsx +++ b/packages/twenty-ui/src/json-visualizer/components/JsonValueNode.tsx @@ -1,4 +1,4 @@ -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { JsonNodeLabel } from '@ui/json-visualizer/components/internal/JsonNodeLabel'; import { JsonNodeValue } from '@ui/json-visualizer/components/internal/JsonNodeValue'; import { type JsonNodeHighlighting } from '@ui/json-visualizer/types/JsonNodeHighlighting'; diff --git a/packages/twenty-ui/src/json-visualizer/components/internal/JsonArrow.tsx b/packages/twenty-ui/src/json-visualizer/components/internal/JsonArrow.tsx index 8ce1f32495..5d1a18455c 100644 --- a/packages/twenty-ui/src/json-visualizer/components/internal/JsonArrow.tsx +++ b/packages/twenty-ui/src/json-visualizer/components/internal/JsonArrow.tsx @@ -1,5 +1,5 @@ import { VisibilityHidden } from '@ui/accessibility'; -import { IconChevronDown } from '@ui/display'; +import { IconChevronDown } from '@ui/icon'; import { useJsonTreeContextOrThrow } from '@ui/json-visualizer/hooks/useJsonTreeContextOrThrow'; import { ThemeContext, themeCssVariables } from '@ui/theme-constants'; import { clsx } from 'clsx'; diff --git a/packages/twenty-ui/src/json-visualizer/components/internal/JsonNodeLabel.tsx b/packages/twenty-ui/src/json-visualizer/components/internal/JsonNodeLabel.tsx index 8e3fbd0457..5dbd95f633 100644 --- a/packages/twenty-ui/src/json-visualizer/components/internal/JsonNodeLabel.tsx +++ b/packages/twenty-ui/src/json-visualizer/components/internal/JsonNodeLabel.tsx @@ -1,4 +1,4 @@ -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { type JsonNodeHighlighting } from '@ui/json-visualizer/types/JsonNodeHighlighting'; import { ThemeContext } from '@ui/theme-constants'; import { clsx } from 'clsx'; diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedCircleLoading.module.scss b/packages/twenty-ui/src/layout/AnimatedCircleLoading/AnimatedCircleLoading.module.scss similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedCircleLoading.module.scss rename to packages/twenty-ui/src/layout/AnimatedCircleLoading/AnimatedCircleLoading.module.scss diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedCircleLoading.module.scss.d.ts b/packages/twenty-ui/src/layout/AnimatedCircleLoading/AnimatedCircleLoading.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedCircleLoading.module.scss.d.ts rename to packages/twenty-ui/src/layout/AnimatedCircleLoading/AnimatedCircleLoading.module.scss.d.ts diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedCircleLoading.tsx b/packages/twenty-ui/src/layout/AnimatedCircleLoading/AnimatedCircleLoading.tsx similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedCircleLoading.tsx rename to packages/twenty-ui/src/layout/AnimatedCircleLoading/AnimatedCircleLoading.tsx diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedContainer.tsx b/packages/twenty-ui/src/layout/AnimatedContainer/AnimatedContainer.tsx similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedContainer.tsx rename to packages/twenty-ui/src/layout/AnimatedContainer/AnimatedContainer.tsx diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedEaseIn.tsx b/packages/twenty-ui/src/layout/AnimatedEaseIn/AnimatedEaseIn.tsx similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedEaseIn.tsx rename to packages/twenty-ui/src/layout/AnimatedEaseIn/AnimatedEaseIn.tsx diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedEaseInOut.tsx b/packages/twenty-ui/src/layout/AnimatedEaseInOut/AnimatedEaseInOut.tsx similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedEaseInOut.tsx rename to packages/twenty-ui/src/layout/AnimatedEaseInOut/AnimatedEaseInOut.tsx diff --git a/packages/twenty-ui/src/layout/animated-expandable-container/components/AnimatedExpandableContainer.tsx b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/AnimatedExpandableContainer.tsx similarity index 76% rename from packages/twenty-ui/src/layout/animated-expandable-container/components/AnimatedExpandableContainer.tsx rename to packages/twenty-ui/src/layout/AnimatedExpandableContainer/AnimatedExpandableContainer.tsx index afc7e0a9d6..9d6291bee7 100644 --- a/packages/twenty-ui/src/layout/animated-expandable-container/components/AnimatedExpandableContainer.tsx +++ b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/AnimatedExpandableContainer.tsx @@ -1,9 +1,9 @@ -import { type AnimationDimension } from '@ui/layout/animated-expandable-container/types/AnimationDimension'; -import { type AnimationDurationObject } from '@ui/layout/animated-expandable-container/types/AnimationDurationObject'; -import { type AnimationDurations } from '@ui/layout/animated-expandable-container/types/AnimationDurations'; -import { type AnimationMode } from '@ui/layout/animated-expandable-container/types/AnimationMode'; -import { type AnimationSize } from '@ui/layout/animated-expandable-container/types/AnimationSize'; -import { getExpandableAnimationConfig } from '@ui/layout/animated-expandable-container/utils/getExpandableAnimationConfig'; +import { type AnimationDimension } from '@ui/layout/AnimatedExpandableContainer/types/AnimationDimension'; +import { type AnimationDurationObject } from '@ui/layout/AnimatedExpandableContainer/types/AnimationDurationObject'; +import { type AnimationDurations } from '@ui/layout/AnimatedExpandableContainer/types/AnimationDurations'; +import { type AnimationMode } from '@ui/layout/AnimatedExpandableContainer/types/AnimationMode'; +import { type AnimationSize } from '@ui/layout/AnimatedExpandableContainer/types/AnimationSize'; +import { getExpandableAnimationConfig } from '@ui/layout/AnimatedExpandableContainer/utils/getExpandableAnimationConfig'; import { ThemeContext } from '@ui/theme-constants'; import { AnimatePresence, motion } from 'framer-motion'; import { type ReactNode, useContext, useRef, useState } from 'react'; diff --git a/packages/twenty-ui/src/layout/animated-expandable-container/__stories__/AnimatedExpandableContainer.stories.module.scss b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/__stories__/AnimatedExpandableContainer.stories.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/animated-expandable-container/__stories__/AnimatedExpandableContainer.stories.module.scss rename to packages/twenty-ui/src/layout/AnimatedExpandableContainer/__stories__/AnimatedExpandableContainer.stories.module.scss diff --git a/packages/twenty-ui/src/layout/animated-expandable-container/__stories__/AnimatedExpandableContainer.stories.module.scss.d.ts b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/__stories__/AnimatedExpandableContainer.stories.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/animated-expandable-container/__stories__/AnimatedExpandableContainer.stories.module.scss.d.ts rename to packages/twenty-ui/src/layout/AnimatedExpandableContainer/__stories__/AnimatedExpandableContainer.stories.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/animated-expandable-container/__stories__/AnimatedExpandableContainer.stories.tsx b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/__stories__/AnimatedExpandableContainer.stories.tsx similarity index 97% rename from packages/twenty-ui/src/layout/animated-expandable-container/__stories__/AnimatedExpandableContainer.stories.tsx rename to packages/twenty-ui/src/layout/AnimatedExpandableContainer/__stories__/AnimatedExpandableContainer.stories.tsx index 75d16cb3a9..b954217e24 100644 --- a/packages/twenty-ui/src/layout/animated-expandable-container/__stories__/AnimatedExpandableContainer.stories.tsx +++ b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/__stories__/AnimatedExpandableContainer.stories.tsx @@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { ComponentDecorator } from '@ui/testing'; import { clsx } from 'clsx'; import { useState } from 'react'; -import { AnimatedExpandableContainer } from '../components/AnimatedExpandableContainer'; +import { AnimatedExpandableContainer } from '@ui/layout/AnimatedExpandableContainer/AnimatedExpandableContainer'; import styles from './AnimatedExpandableContainer.stories.module.scss'; diff --git a/packages/twenty-ui/src/layout/animated-expandable-container/types/AnimationDimension.ts b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/types/AnimationDimension.ts similarity index 100% rename from packages/twenty-ui/src/layout/animated-expandable-container/types/AnimationDimension.ts rename to packages/twenty-ui/src/layout/AnimatedExpandableContainer/types/AnimationDimension.ts diff --git a/packages/twenty-ui/src/layout/animated-expandable-container/types/AnimationDurationObject.ts b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/types/AnimationDurationObject.ts similarity index 100% rename from packages/twenty-ui/src/layout/animated-expandable-container/types/AnimationDurationObject.ts rename to packages/twenty-ui/src/layout/AnimatedExpandableContainer/types/AnimationDurationObject.ts diff --git a/packages/twenty-ui/src/layout/AnimatedExpandableContainer/types/AnimationDurations.ts b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/types/AnimationDurations.ts new file mode 100644 index 0000000000..fe5e8e8405 --- /dev/null +++ b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/types/AnimationDurations.ts @@ -0,0 +1,3 @@ +import { type AnimationDurationObject } from '@ui/layout/AnimatedExpandableContainer/types/AnimationDurationObject'; + +export type AnimationDurations = AnimationDurationObject | 'default'; diff --git a/packages/twenty-ui/src/layout/animated-expandable-container/types/AnimationMode.ts b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/types/AnimationMode.ts similarity index 100% rename from packages/twenty-ui/src/layout/animated-expandable-container/types/AnimationMode.ts rename to packages/twenty-ui/src/layout/AnimatedExpandableContainer/types/AnimationMode.ts diff --git a/packages/twenty-ui/src/layout/animated-expandable-container/types/AnimationSize.ts b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/types/AnimationSize.ts similarity index 100% rename from packages/twenty-ui/src/layout/animated-expandable-container/types/AnimationSize.ts rename to packages/twenty-ui/src/layout/AnimatedExpandableContainer/types/AnimationSize.ts diff --git a/packages/twenty-ui/src/layout/animated-expandable-container/utils/getCommonStyles.ts b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/utils/getCommonStyles.ts similarity index 51% rename from packages/twenty-ui/src/layout/animated-expandable-container/utils/getCommonStyles.ts rename to packages/twenty-ui/src/layout/AnimatedExpandableContainer/utils/getCommonStyles.ts index 0a7e82ff16..3a98a4f7c1 100644 --- a/packages/twenty-ui/src/layout/animated-expandable-container/utils/getCommonStyles.ts +++ b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/utils/getCommonStyles.ts @@ -1,5 +1,5 @@ -import { type AnimationDimension } from '@ui/layout/animated-expandable-container/types/AnimationDimension'; -import { getTransitionValues } from '@ui/layout/animated-expandable-container/utils/getTransitionValues'; +import { type AnimationDimension } from '@ui/layout/AnimatedExpandableContainer/types/AnimationDimension'; +import { getTransitionValues } from '@ui/layout/AnimatedExpandableContainer/utils/getTransitionValues'; export const getCommonStyles = ( dimension: AnimationDimension, diff --git a/packages/twenty-ui/src/layout/animated-expandable-container/utils/getExpandableAnimationConfig.ts b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/utils/getExpandableAnimationConfig.ts similarity index 60% rename from packages/twenty-ui/src/layout/animated-expandable-container/utils/getExpandableAnimationConfig.ts rename to packages/twenty-ui/src/layout/AnimatedExpandableContainer/utils/getExpandableAnimationConfig.ts index 59e2cc5e22..6727db613d 100644 --- a/packages/twenty-ui/src/layout/animated-expandable-container/utils/getExpandableAnimationConfig.ts +++ b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/utils/getExpandableAnimationConfig.ts @@ -1,7 +1,7 @@ -import { type AnimationDimension } from '@ui/layout/animated-expandable-container/types/AnimationDimension'; -import { type AnimationSize } from '@ui/layout/animated-expandable-container/types/AnimationSize'; -import { getCommonStyles } from '@ui/layout/animated-expandable-container/utils/getCommonStyles'; -import { getTransitionValues } from '@ui/layout/animated-expandable-container/utils/getTransitionValues'; +import { type AnimationDimension } from '@ui/layout/AnimatedExpandableContainer/types/AnimationDimension'; +import { type AnimationSize } from '@ui/layout/AnimatedExpandableContainer/types/AnimationSize'; +import { getCommonStyles } from '@ui/layout/AnimatedExpandableContainer/utils/getCommonStyles'; +import { getTransitionValues } from '@ui/layout/AnimatedExpandableContainer/utils/getTransitionValues'; export const getExpandableAnimationConfig = ( isExpanded: boolean, diff --git a/packages/twenty-ui/src/layout/animated-expandable-container/utils/getTransitionValues.ts b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/utils/getTransitionValues.ts similarity index 74% rename from packages/twenty-ui/src/layout/animated-expandable-container/utils/getTransitionValues.ts rename to packages/twenty-ui/src/layout/AnimatedExpandableContainer/utils/getTransitionValues.ts index 420966dbd4..abf6d5b654 100644 --- a/packages/twenty-ui/src/layout/animated-expandable-container/utils/getTransitionValues.ts +++ b/packages/twenty-ui/src/layout/AnimatedExpandableContainer/utils/getTransitionValues.ts @@ -1,4 +1,4 @@ -import { type AnimationDimension } from '@ui/layout/animated-expandable-container/types/AnimationDimension'; +import { type AnimationDimension } from '@ui/layout/AnimatedExpandableContainer/types/AnimationDimension'; export const getTransitionValues = ( dimension: AnimationDimension, diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedFadeOut.tsx b/packages/twenty-ui/src/layout/AnimatedFadeOut/AnimatedFadeOut.tsx similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedFadeOut.tsx rename to packages/twenty-ui/src/layout/AnimatedFadeOut/AnimatedFadeOut.tsx diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedIconCrossfade.module.scss b/packages/twenty-ui/src/layout/AnimatedIconCrossfade/AnimatedIconCrossfade.module.scss similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedIconCrossfade.module.scss rename to packages/twenty-ui/src/layout/AnimatedIconCrossfade/AnimatedIconCrossfade.module.scss diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedIconCrossfade.module.scss.d.ts b/packages/twenty-ui/src/layout/AnimatedIconCrossfade/AnimatedIconCrossfade.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedIconCrossfade.module.scss.d.ts rename to packages/twenty-ui/src/layout/AnimatedIconCrossfade/AnimatedIconCrossfade.module.scss.d.ts diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedIconCrossfade.tsx b/packages/twenty-ui/src/layout/AnimatedIconCrossfade/AnimatedIconCrossfade.tsx similarity index 95% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedIconCrossfade.tsx rename to packages/twenty-ui/src/layout/AnimatedIconCrossfade/AnimatedIconCrossfade.tsx index a91d695c49..db283578ab 100644 --- a/packages/twenty-ui/src/utilities/animation/components/AnimatedIconCrossfade.tsx +++ b/packages/twenty-ui/src/layout/AnimatedIconCrossfade/AnimatedIconCrossfade.tsx @@ -1,7 +1,7 @@ import { motion } from 'framer-motion'; import React, { useContext } from 'react'; -import { type IconComponent } from '@ui/display/icon/types/IconComponent'; +import { type IconComponent } from '@ui/icon/types/IconComponent'; import { ThemeContext } from '@ui/theme-constants'; import styles from './AnimatedIconCrossfade.module.scss'; diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedRotate.module.scss b/packages/twenty-ui/src/layout/AnimatedRotate/AnimatedRotate.module.scss similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedRotate.module.scss rename to packages/twenty-ui/src/layout/AnimatedRotate/AnimatedRotate.module.scss diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedRotate.module.scss.d.ts b/packages/twenty-ui/src/layout/AnimatedRotate/AnimatedRotate.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedRotate.module.scss.d.ts rename to packages/twenty-ui/src/layout/AnimatedRotate/AnimatedRotate.module.scss.d.ts diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedRotate.tsx b/packages/twenty-ui/src/layout/AnimatedRotate/AnimatedRotate.tsx similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedRotate.tsx rename to packages/twenty-ui/src/layout/AnimatedRotate/AnimatedRotate.tsx diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedTextWord.module.scss b/packages/twenty-ui/src/layout/AnimatedTextWord/AnimatedTextWord.module.scss similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedTextWord.module.scss rename to packages/twenty-ui/src/layout/AnimatedTextWord/AnimatedTextWord.module.scss diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedTextWord.module.scss.d.ts b/packages/twenty-ui/src/layout/AnimatedTextWord/AnimatedTextWord.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedTextWord.module.scss.d.ts rename to packages/twenty-ui/src/layout/AnimatedTextWord/AnimatedTextWord.module.scss.d.ts diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedTextWord.tsx b/packages/twenty-ui/src/layout/AnimatedTextWord/AnimatedTextWord.tsx similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedTextWord.tsx rename to packages/twenty-ui/src/layout/AnimatedTextWord/AnimatedTextWord.tsx diff --git a/packages/twenty-ui/src/utilities/animation/components/AnimatedTranslation.tsx b/packages/twenty-ui/src/layout/AnimatedTranslation/AnimatedTranslation.tsx similarity index 100% rename from packages/twenty-ui/src/utilities/animation/components/AnimatedTranslation.tsx rename to packages/twenty-ui/src/layout/AnimatedTranslation/AnimatedTranslation.tsx diff --git a/packages/twenty-ui/src/utilities/dimensions/components/AutogrowWrapper.module.scss b/packages/twenty-ui/src/layout/AutogrowWrapper/AutogrowWrapper.module.scss similarity index 100% rename from packages/twenty-ui/src/utilities/dimensions/components/AutogrowWrapper.module.scss rename to packages/twenty-ui/src/layout/AutogrowWrapper/AutogrowWrapper.module.scss diff --git a/packages/twenty-ui/src/utilities/dimensions/components/AutogrowWrapper.module.scss.d.ts b/packages/twenty-ui/src/layout/AutogrowWrapper/AutogrowWrapper.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/utilities/dimensions/components/AutogrowWrapper.module.scss.d.ts rename to packages/twenty-ui/src/layout/AutogrowWrapper/AutogrowWrapper.module.scss.d.ts diff --git a/packages/twenty-ui/src/utilities/dimensions/components/AutogrowWrapper.tsx b/packages/twenty-ui/src/layout/AutogrowWrapper/AutogrowWrapper.tsx similarity index 100% rename from packages/twenty-ui/src/utilities/dimensions/components/AutogrowWrapper.tsx rename to packages/twenty-ui/src/layout/AutogrowWrapper/AutogrowWrapper.tsx diff --git a/packages/twenty-ui/src/display/text/components/HorizontalSeparator.module.scss b/packages/twenty-ui/src/layout/HorizontalSeparator/HorizontalSeparator.module.scss similarity index 100% rename from packages/twenty-ui/src/display/text/components/HorizontalSeparator.module.scss rename to packages/twenty-ui/src/layout/HorizontalSeparator/HorizontalSeparator.module.scss diff --git a/packages/twenty-ui/src/display/text/components/HorizontalSeparator.module.scss.d.ts b/packages/twenty-ui/src/layout/HorizontalSeparator/HorizontalSeparator.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/text/components/HorizontalSeparator.module.scss.d.ts rename to packages/twenty-ui/src/layout/HorizontalSeparator/HorizontalSeparator.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/text/components/HorizontalSeparator.tsx b/packages/twenty-ui/src/layout/HorizontalSeparator/HorizontalSeparator.tsx similarity index 96% rename from packages/twenty-ui/src/display/text/components/HorizontalSeparator.tsx rename to packages/twenty-ui/src/layout/HorizontalSeparator/HorizontalSeparator.tsx index bc47161ae9..2bafb35e1f 100644 --- a/packages/twenty-ui/src/display/text/components/HorizontalSeparator.tsx +++ b/packages/twenty-ui/src/layout/HorizontalSeparator/HorizontalSeparator.tsx @@ -1,6 +1,6 @@ import { type JSX } from 'react'; -import { Label } from '@ui/display'; +import { Label } from '@ui/typography'; import styles from './HorizontalSeparator.module.scss'; diff --git a/packages/twenty-ui/src/display/text/components/__stories__/HorizontalSeparator.stories.tsx b/packages/twenty-ui/src/layout/HorizontalSeparator/__stories__/HorizontalSeparator.stories.tsx similarity index 72% rename from packages/twenty-ui/src/display/text/components/__stories__/HorizontalSeparator.stories.tsx rename to packages/twenty-ui/src/layout/HorizontalSeparator/__stories__/HorizontalSeparator.stories.tsx index 2b72597e1c..c59658aa45 100644 --- a/packages/twenty-ui/src/display/text/components/__stories__/HorizontalSeparator.stories.tsx +++ b/packages/twenty-ui/src/layout/HorizontalSeparator/__stories__/HorizontalSeparator.stories.tsx @@ -1,10 +1,10 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { ComponentDecorator } from '@ui/testing'; -import { HorizontalSeparator } from '../HorizontalSeparator'; +import { HorizontalSeparator } from '@ui/layout/HorizontalSeparator/HorizontalSeparator'; const meta: Meta = { - title: 'UI/Display/Text/HorizontalSeparator', + title: 'UI/Layout/HorizontalSeparator', component: HorizontalSeparator, decorators: [ComponentDecorator], }; diff --git a/packages/twenty-ui/src/layout/resize-handle/components/ResizeHandle.module.scss b/packages/twenty-ui/src/layout/ResizeHandle/ResizeHandle.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/resize-handle/components/ResizeHandle.module.scss rename to packages/twenty-ui/src/layout/ResizeHandle/ResizeHandle.module.scss diff --git a/packages/twenty-ui/src/layout/resize-handle/components/ResizeHandle.module.scss.d.ts b/packages/twenty-ui/src/layout/ResizeHandle/ResizeHandle.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/resize-handle/components/ResizeHandle.module.scss.d.ts rename to packages/twenty-ui/src/layout/ResizeHandle/ResizeHandle.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/resize-handle/components/ResizeHandle.tsx b/packages/twenty-ui/src/layout/ResizeHandle/ResizeHandle.tsx similarity index 100% rename from packages/twenty-ui/src/layout/resize-handle/components/ResizeHandle.tsx rename to packages/twenty-ui/src/layout/ResizeHandle/ResizeHandle.tsx diff --git a/packages/twenty-ui/src/layout/resize-handle/components/__stories__/ResizeHandle.stories.tsx b/packages/twenty-ui/src/layout/ResizeHandle/__stories__/ResizeHandle.stories.tsx similarity index 92% rename from packages/twenty-ui/src/layout/resize-handle/components/__stories__/ResizeHandle.stories.tsx rename to packages/twenty-ui/src/layout/ResizeHandle/__stories__/ResizeHandle.stories.tsx index 727ba5f8ad..72bf06f6b0 100644 --- a/packages/twenty-ui/src/layout/resize-handle/components/__stories__/ResizeHandle.stories.tsx +++ b/packages/twenty-ui/src/layout/ResizeHandle/__stories__/ResizeHandle.stories.tsx @@ -1,10 +1,10 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { useResizeHandle } from '@ui/layout/resize-handle/hooks/useResizeHandle'; +import { useResizeHandle } from '@ui/layout/ResizeHandle/hooks/useResizeHandle'; import { ComponentDecorator } from '@ui/testing'; import { themeCssVariables } from '@ui/theme-constants'; import { expect, userEvent, within } from 'storybook/test'; -import { ResizeHandle } from '../ResizeHandle'; +import { ResizeHandle } from '@ui/layout/ResizeHandle/ResizeHandle'; const INITIAL_HEIGHT = 150; diff --git a/packages/twenty-ui/src/layout/resize-handle/hooks/useResizeHandle.ts b/packages/twenty-ui/src/layout/ResizeHandle/hooks/useResizeHandle.ts similarity index 100% rename from packages/twenty-ui/src/layout/resize-handle/hooks/useResizeHandle.ts rename to packages/twenty-ui/src/layout/ResizeHandle/hooks/useResizeHandle.ts diff --git a/packages/twenty-ui/src/layout/section/components/Section.module.scss b/packages/twenty-ui/src/layout/Section/Section.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/section/components/Section.module.scss rename to packages/twenty-ui/src/layout/Section/Section.module.scss diff --git a/packages/twenty-ui/src/layout/section/components/Section.module.scss.d.ts b/packages/twenty-ui/src/layout/Section/Section.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/section/components/Section.module.scss.d.ts rename to packages/twenty-ui/src/layout/Section/Section.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/section/components/Section.tsx b/packages/twenty-ui/src/layout/Section/Section.tsx similarity index 100% rename from packages/twenty-ui/src/layout/section/components/Section.tsx rename to packages/twenty-ui/src/layout/Section/Section.tsx diff --git a/packages/twenty-ui/src/layout/section/components/__stories__/Section.stories.tsx b/packages/twenty-ui/src/layout/Section/__stories__/Section.stories.tsx similarity index 87% rename from packages/twenty-ui/src/layout/section/components/__stories__/Section.stories.tsx rename to packages/twenty-ui/src/layout/Section/__stories__/Section.stories.tsx index 82a844e638..23ebee521d 100644 --- a/packages/twenty-ui/src/layout/section/components/__stories__/Section.stories.tsx +++ b/packages/twenty-ui/src/layout/Section/__stories__/Section.stories.tsx @@ -1,7 +1,11 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { ComponentDecorator } from '@ui/testing'; -import { Section, SectionAlignment, SectionFontColor } from '../Section'; +import { + Section, + SectionAlignment, + SectionFontColor, +} from '@ui/layout/Section/Section'; const meta: Meta = { title: 'UI/Layout/Section', diff --git a/packages/twenty-ui/src/layout/animated-expandable-container/types/AnimationDurations.ts b/packages/twenty-ui/src/layout/animated-expandable-container/types/AnimationDurations.ts deleted file mode 100644 index c3006aaf10..0000000000 --- a/packages/twenty-ui/src/layout/animated-expandable-container/types/AnimationDurations.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { type AnimationDurationObject } from '@ui/layout/animated-expandable-container/types/AnimationDurationObject'; - -export type AnimationDurations = AnimationDurationObject | 'default'; diff --git a/packages/twenty-ui/src/layout/animated-placeholder/index.ts b/packages/twenty-ui/src/layout/animated-placeholder/index.ts deleted file mode 100644 index 74da7bd40c..0000000000 --- a/packages/twenty-ui/src/layout/animated-placeholder/index.ts +++ /dev/null @@ -1,7 +0,0 @@ -export * from './components/AnimatedPlaceholder'; -export * from './components/EmptyPlaceholderStyled'; -export * from './components/ErrorPlaceholderStyled'; -export * from './constants/Background'; -export * from './constants/DarkBackground'; -export * from './constants/DarkMovingImage'; -export * from './constants/MovingImage'; diff --git a/packages/twenty-ui/src/layout/index.ts b/packages/twenty-ui/src/layout/index.ts index eb65aac5cf..198245d635 100644 --- a/packages/twenty-ui/src/layout/index.ts +++ b/packages/twenty-ui/src/layout/index.ts @@ -7,54 +7,26 @@ * |___/ */ -export { AnimatedExpandableContainer } from './animated-expandable-container/components/AnimatedExpandableContainer'; -export type { AnimationDimension } from './animated-expandable-container/types/AnimationDimension'; -export type { AnimationDurationObject } from './animated-expandable-container/types/AnimationDurationObject'; -export type { AnimationDurations } from './animated-expandable-container/types/AnimationDurations'; -export type { AnimationMode } from './animated-expandable-container/types/AnimationMode'; -export type { AnimationSize } from './animated-expandable-container/types/AnimationSize'; -export { getCommonStyles } from './animated-expandable-container/utils/getCommonStyles'; -export { getExpandableAnimationConfig } from './animated-expandable-container/utils/getExpandableAnimationConfig'; -export { getTransitionValues } from './animated-expandable-container/utils/getTransitionValues'; -export type { AnimatedPlaceholderType } from './animated-placeholder/components/AnimatedPlaceholder'; -export { AnimatedPlaceholder } from './animated-placeholder/components/AnimatedPlaceholder'; -export { - AnimatedPlaceholderEmptyContainer, - EMPTY_PLACEHOLDER_TRANSITION_PROPS, - AnimatedPlaceholderEmptyTextContainer, - AnimatedPlaceholderEmptyTitle, - AnimatedPlaceholderEmptySubTitle, -} from './animated-placeholder/components/EmptyPlaceholderStyled'; -export { - AnimatedPlaceholderErrorContainer, - AnimatedPlaceholderErrorTextContainer, - AnimatedPlaceholderErrorTitle, - AnimatedPlaceholderErrorSubTitle, -} from './animated-placeholder/components/ErrorPlaceholderStyled'; -export { BACKGROUND } from './animated-placeholder/constants/Background'; -export { DARK_BACKGROUND } from './animated-placeholder/constants/DarkBackground'; -export { DARK_MOVING_IMAGE } from './animated-placeholder/constants/DarkMovingImage'; -export { MOVING_IMAGE } from './animated-placeholder/constants/MovingImage'; -export { Card } from './card/components/Card'; -export { CardContent } from './card/components/CardContent'; -export { CardFooter } from './card/components/CardFooter'; -export { CardHeader } from './card/components/CardHeader'; -export { Modal } from './modal/components/Modal'; -export { ModalBackdrop } from './modal/components/ModalBackdrop'; -export type { ModalContentProps } from './modal/components/ModalContent'; -export { ModalContent } from './modal/components/ModalContent'; -export type { ModalFooterProps } from './modal/components/ModalFooter'; -export { ModalFooter } from './modal/components/ModalFooter'; -export type { ModalHeaderProps } from './modal/components/ModalHeader'; -export { ModalHeader } from './modal/components/ModalHeader'; -export type { ModalOverlay } from './modal/types/ModalOverlay'; -export type { ModalPadding } from './modal/types/ModalPadding'; -export type { ModalProps } from './modal/types/ModalProps'; -export type { ModalSize } from './modal/types/ModalSize'; -export { ResizeHandle } from './resize-handle/components/ResizeHandle'; -export { useResizeHandle } from './resize-handle/hooks/useResizeHandle'; -export { - SectionAlignment, - SectionFontColor, - Section, -} from './section/components/Section'; +export { AnimatedCircleLoading } from './AnimatedCircleLoading/AnimatedCircleLoading'; +export { AnimatedContainer } from './AnimatedContainer/AnimatedContainer'; +export { AnimatedEaseIn } from './AnimatedEaseIn/AnimatedEaseIn'; +export { AnimatedEaseInOut } from './AnimatedEaseInOut/AnimatedEaseInOut'; +export { AnimatedExpandableContainer } from './AnimatedExpandableContainer/AnimatedExpandableContainer'; +export type { AnimationDimension } from './AnimatedExpandableContainer/types/AnimationDimension'; +export type { AnimationDurationObject } from './AnimatedExpandableContainer/types/AnimationDurationObject'; +export type { AnimationDurations } from './AnimatedExpandableContainer/types/AnimationDurations'; +export type { AnimationMode } from './AnimatedExpandableContainer/types/AnimationMode'; +export type { AnimationSize } from './AnimatedExpandableContainer/types/AnimationSize'; +export { getCommonStyles } from './AnimatedExpandableContainer/utils/getCommonStyles'; +export { getExpandableAnimationConfig } from './AnimatedExpandableContainer/utils/getExpandableAnimationConfig'; +export { getTransitionValues } from './AnimatedExpandableContainer/utils/getTransitionValues'; +export { AnimatedFadeOut } from './AnimatedFadeOut/AnimatedFadeOut'; +export { AnimatedIconCrossfade } from './AnimatedIconCrossfade/AnimatedIconCrossfade'; +export { AnimatedRotate } from './AnimatedRotate/AnimatedRotate'; +export { AnimatedTextWord } from './AnimatedTextWord/AnimatedTextWord'; +export { AnimatedTranslation } from './AnimatedTranslation/AnimatedTranslation'; +export { AutogrowWrapper } from './AutogrowWrapper/AutogrowWrapper'; +export { HorizontalSeparator } from './HorizontalSeparator/HorizontalSeparator'; +export { useResizeHandle } from './ResizeHandle/hooks/useResizeHandle'; +export { ResizeHandle } from './ResizeHandle/ResizeHandle'; +export { SectionAlignment, SectionFontColor, Section } from './Section/Section'; diff --git a/packages/twenty-ui/src/navigation/link/components/ClickToActionLink.module.scss b/packages/twenty-ui/src/navigation/ClickToActionLink/ClickToActionLink.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/ClickToActionLink.module.scss rename to packages/twenty-ui/src/navigation/ClickToActionLink/ClickToActionLink.module.scss diff --git a/packages/twenty-ui/src/navigation/link/components/ClickToActionLink.module.scss.d.ts b/packages/twenty-ui/src/navigation/ClickToActionLink/ClickToActionLink.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/ClickToActionLink.module.scss.d.ts rename to packages/twenty-ui/src/navigation/ClickToActionLink/ClickToActionLink.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/link/components/ClickToActionLink.tsx b/packages/twenty-ui/src/navigation/ClickToActionLink/ClickToActionLink.tsx similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/ClickToActionLink.tsx rename to packages/twenty-ui/src/navigation/ClickToActionLink/ClickToActionLink.tsx diff --git a/packages/twenty-ui/src/navigation/link/components/__stories__/ClickToActionLink.stories.tsx b/packages/twenty-ui/src/navigation/ClickToActionLink/__stories__/ClickToActionLink.stories.tsx similarity index 84% rename from packages/twenty-ui/src/navigation/link/components/__stories__/ClickToActionLink.stories.tsx rename to packages/twenty-ui/src/navigation/ClickToActionLink/__stories__/ClickToActionLink.stories.tsx index 52d12a502c..222c5612d6 100644 --- a/packages/twenty-ui/src/navigation/link/components/__stories__/ClickToActionLink.stories.tsx +++ b/packages/twenty-ui/src/navigation/ClickToActionLink/__stories__/ClickToActionLink.stories.tsx @@ -1,9 +1,9 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { ClickToActionLink } from '@ui/navigation/link/components/ClickToActionLink'; +import { ClickToActionLink } from '@ui/navigation/ClickToActionLink/ClickToActionLink'; import { ComponentDecorator } from '@ui/testing'; const meta: Meta = { - title: 'UI/navigation/link/ClickToActionLink', + title: 'UI/Navigation/ClickToActionLink', component: ClickToActionLink, }; diff --git a/packages/twenty-ui/src/navigation/link/components/ContactLink.module.scss b/packages/twenty-ui/src/navigation/ContactLink/ContactLink.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/ContactLink.module.scss rename to packages/twenty-ui/src/navigation/ContactLink/ContactLink.module.scss diff --git a/packages/twenty-ui/src/navigation/link/components/ContactLink.module.scss.d.ts b/packages/twenty-ui/src/navigation/ContactLink/ContactLink.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/ContactLink.module.scss.d.ts rename to packages/twenty-ui/src/navigation/ContactLink/ContactLink.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/link/components/ContactLink.tsx b/packages/twenty-ui/src/navigation/ContactLink/ContactLink.tsx similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/ContactLink.tsx rename to packages/twenty-ui/src/navigation/ContactLink/ContactLink.tsx diff --git a/packages/twenty-ui/src/navigation/link/components/__stories__/ContactLink.stories.tsx b/packages/twenty-ui/src/navigation/ContactLink/__stories__/ContactLink.stories.tsx similarity index 91% rename from packages/twenty-ui/src/navigation/link/components/__stories__/ContactLink.stories.tsx rename to packages/twenty-ui/src/navigation/ContactLink/__stories__/ContactLink.stories.tsx index a4f931d496..12af5f9d28 100644 --- a/packages/twenty-ui/src/navigation/link/components/__stories__/ContactLink.stories.tsx +++ b/packages/twenty-ui/src/navigation/ContactLink/__stories__/ContactLink.stories.tsx @@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { fn } from 'storybook/test'; import { ComponentWithRouterDecorator } from '@ui/testing'; -import { ContactLink } from '../ContactLink'; +import { ContactLink } from '@ui/navigation/ContactLink/ContactLink'; const meta: Meta = { title: 'UI/Navigation/Link/ContactLink', diff --git a/packages/twenty-ui/src/navigation/link/components/GithubVersionLink.tsx b/packages/twenty-ui/src/navigation/GithubVersionLink/GithubVersionLink.tsx similarity index 69% rename from packages/twenty-ui/src/navigation/link/components/GithubVersionLink.tsx rename to packages/twenty-ui/src/navigation/GithubVersionLink/GithubVersionLink.tsx index d045e5bf12..3eb654e875 100644 --- a/packages/twenty-ui/src/navigation/link/components/GithubVersionLink.tsx +++ b/packages/twenty-ui/src/navigation/GithubVersionLink/GithubVersionLink.tsx @@ -1,6 +1,6 @@ -import { IconBrandGithub } from '@ui/display'; -import { ClickToActionLink } from '@ui/navigation/link/components/ClickToActionLink'; -import { GITHUB_LINK } from '../constants/GithubLink'; +import { IconBrandGithub } from '@ui/icon'; +import { ClickToActionLink } from '@ui/navigation/ClickToActionLink/ClickToActionLink'; +import { GITHUB_LINK } from '@ui/navigation/Link/constants/GithubLink'; import { ThemeContext } from '@ui/theme-constants'; import { useContext } from 'react'; diff --git a/packages/twenty-ui/src/navigation/link/components/__stories__/GithubVersionLink.stories.tsx b/packages/twenty-ui/src/navigation/GithubVersionLink/__stories__/GithubVersionLink.stories.tsx similarity index 85% rename from packages/twenty-ui/src/navigation/link/components/__stories__/GithubVersionLink.stories.tsx rename to packages/twenty-ui/src/navigation/GithubVersionLink/__stories__/GithubVersionLink.stories.tsx index 33726d6834..9e4d34ef15 100644 --- a/packages/twenty-ui/src/navigation/link/components/__stories__/GithubVersionLink.stories.tsx +++ b/packages/twenty-ui/src/navigation/GithubVersionLink/__stories__/GithubVersionLink.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { ComponentWithRouterDecorator } from '@ui/testing'; -import { GithubVersionLink } from '../GithubVersionLink'; +import { GithubVersionLink } from '@ui/navigation/GithubVersionLink/GithubVersionLink'; const meta: Meta = { title: 'UI/Navigation/Link/GithubVersionLink', diff --git a/packages/twenty-ui/src/navigation/link/constants/Cal.ts b/packages/twenty-ui/src/navigation/Link/constants/Cal.ts similarity index 100% rename from packages/twenty-ui/src/navigation/link/constants/Cal.ts rename to packages/twenty-ui/src/navigation/Link/constants/Cal.ts diff --git a/packages/twenty-ui/src/navigation/link/constants/GithubLink.ts b/packages/twenty-ui/src/navigation/Link/constants/GithubLink.ts similarity index 100% rename from packages/twenty-ui/src/navigation/link/constants/GithubLink.ts rename to packages/twenty-ui/src/navigation/Link/constants/GithubLink.ts diff --git a/packages/twenty-ui/src/navigation/link/constants/TwentyPricingLink.ts b/packages/twenty-ui/src/navigation/Link/constants/TwentyPricingLink.ts similarity index 100% rename from packages/twenty-ui/src/navigation/link/constants/TwentyPricingLink.ts rename to packages/twenty-ui/src/navigation/Link/constants/TwentyPricingLink.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItem.module.scss b/packages/twenty-ui/src/navigation/MenuItem/MenuItem.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItem.module.scss rename to packages/twenty-ui/src/navigation/MenuItem/MenuItem.module.scss diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItem.module.scss.d.ts b/packages/twenty-ui/src/navigation/MenuItem/MenuItem.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItem.module.scss.d.ts rename to packages/twenty-ui/src/navigation/MenuItem/MenuItem.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItem.tsx b/packages/twenty-ui/src/navigation/MenuItem/MenuItem.tsx similarity index 84% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItem.tsx rename to packages/twenty-ui/src/navigation/MenuItem/MenuItem.tsx index 6f4dc3d636..2e39ce760f 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItem.tsx +++ b/packages/twenty-ui/src/navigation/MenuItem/MenuItem.tsx @@ -1,6 +1,6 @@ -import { IconChevronRight, type IconComponent } from '@ui/display'; -import { type LightIconButtonProps } from '@ui/input/button/components/LightIconButton'; -import { LightIconButtonGroup } from '@ui/input/button/components/LightIconButtonGroup'; +import { IconChevronRight, type IconComponent } from '@ui/icon'; +import { type LightIconButtonProps } from '@ui/input/LightIconButton/LightIconButton'; +import { LightIconButtonGroup } from '@ui/input/LightIconButtonGroup/LightIconButtonGroup'; import { type FunctionComponent, type MouseEvent, @@ -9,20 +9,31 @@ import { useContext, } from 'react'; -import { MenuItemHotKeys } from '@ui/navigation/menu/menu-item/components/MenuItemHotKeys'; +import { MenuItemHotKeys } from '@ui/navigation/MenuItemHotKeys/MenuItemHotKeys'; import { type ThemeColor } from '@ui/theme'; import { ThemeContext } from '@ui/theme-constants'; import { clsx } from 'clsx'; import { type Nullable } from '@ui/utilities/types/Nullable'; -import { MenuItemLeftContent } from '../internals/components/MenuItemLeftContent'; +import { MenuItemLeftContent } from '@ui/navigation/MenuItem/parts/MenuItemLeftContent'; import { StyledHoverableMenuItemBase, + StyledMenuItemIconCheck, + StyledMenuItemLabel, + StyledMenuItemLeftContent, StyledMenuItemRightContent, -} from '../internals/components/StyledMenuItemBase'; -import { type MenuItemAccent } from '../types/MenuItemAccent'; +} from '@ui/navigation/MenuItem/parts/StyledMenuItemBase'; +import { type MenuItemAccent } from '@ui/navigation/MenuItem/types/MenuItemAccent'; import styles from './MenuItem.module.scss'; +export { + MenuItemLeftContent, + StyledHoverableMenuItemBase, + StyledMenuItemIconCheck, + StyledMenuItemLabel, + StyledMenuItemLeftContent, +}; + export type MenuItemIconButton = { Wrapper?: FunctionComponent<{ iconButton: ReactElement }>; Icon: IconComponent; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItem.stories.tsx b/packages/twenty-ui/src/navigation/MenuItem/__stories__/MenuItem.stories.tsx similarity index 98% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItem.stories.tsx rename to packages/twenty-ui/src/navigation/MenuItem/__stories__/MenuItem.stories.tsx index 2fc2f7761c..1a6752864d 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItem.stories.tsx +++ b/packages/twenty-ui/src/navigation/MenuItem/__stories__/MenuItem.stories.tsx @@ -1,14 +1,14 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { action } from 'storybook/actions'; -import { IconBell } from '@ui/display'; +import { IconBell } from '@ui/icon'; import { CatalogDecorator, type CatalogStory, ComponentDecorator, } from '@ui/testing'; -import { type MenuItemAccent } from '../../types/MenuItemAccent'; -import { MenuItem } from '../MenuItem'; +import { type MenuItemAccent } from '@ui/navigation/MenuItem/types/MenuItemAccent'; +import { MenuItem } from '@ui/navigation/MenuItem/MenuItem'; const meta: Meta = { title: 'UI/Navigation/Menu/MenuItem/MenuItem', diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/constants/DefaultColorLabels.ts b/packages/twenty-ui/src/navigation/MenuItem/constants/DefaultColorLabels.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/constants/DefaultColorLabels.ts rename to packages/twenty-ui/src/navigation/MenuItem/constants/DefaultColorLabels.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIcon.tsx b/packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIcon.tsx similarity index 85% rename from packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIcon.tsx rename to packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIcon.tsx index 4667780a88..71a20d92e6 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIcon.tsx +++ b/packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIcon.tsx @@ -1,9 +1,10 @@ -import { type IconComponent, TintedIconTile } from '@ui/display'; +import { TintedIconTile } from '@ui/data-display'; +import { type IconComponent } from '@ui/icon'; import { type ThemeColor } from '@ui/theme'; import { ThemeContext } from '@ui/theme-constants'; import { useContext } from 'react'; import { isDefined } from '@ui/utilities/utils/isDefined'; -import { MenuItemIconBoxContainer } from './MenuItemIconBoxContainer'; +import { MenuItemIconBoxContainer } from '@ui/navigation/MenuItem/parts/MenuItemIconBoxContainer'; export type MenuItemIconProps = { Icon: IconComponent | null | undefined; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIconBoxContainer.module.scss b/packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIconBoxContainer.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIconBoxContainer.module.scss rename to packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIconBoxContainer.module.scss diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIconBoxContainer.module.scss.d.ts b/packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIconBoxContainer.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIconBoxContainer.module.scss.d.ts rename to packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIconBoxContainer.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIconBoxContainer.tsx b/packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIconBoxContainer.tsx similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIconBoxContainer.tsx rename to packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIconBoxContainer.tsx diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIconWithGripSwap.module.scss b/packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIconWithGripSwap.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIconWithGripSwap.module.scss rename to packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIconWithGripSwap.module.scss diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIconWithGripSwap.module.scss.d.ts b/packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIconWithGripSwap.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIconWithGripSwap.module.scss.d.ts rename to packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIconWithGripSwap.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIconWithGripSwap.tsx b/packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIconWithGripSwap.tsx similarity index 88% rename from packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIconWithGripSwap.tsx rename to packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIconWithGripSwap.tsx index d5589b2107..20e16c8b9a 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemIconWithGripSwap.tsx +++ b/packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemIconWithGripSwap.tsx @@ -1,14 +1,11 @@ -import { - type IconComponent, - IconGripVertical, - TintedIconTile, -} from '@ui/display'; +import { TintedIconTile } from '@ui/data-display'; +import { type IconComponent, IconGripVertical } from '@ui/icon'; import { type ThemeColor } from '@ui/theme'; import { ThemeContext } from '@ui/theme-constants'; import { clsx } from 'clsx'; import { useContext } from 'react'; import { isDefined } from '@ui/utilities/utils/isDefined'; -import { MenuItemIconBoxContainer } from './MenuItemIconBoxContainer'; +import { MenuItemIconBoxContainer } from '@ui/navigation/MenuItem/parts/MenuItemIconBoxContainer'; import styles from './MenuItemIconWithGripSwap.module.scss'; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemLeftContent.module.scss b/packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemLeftContent.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemLeftContent.module.scss rename to packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemLeftContent.module.scss diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemLeftContent.module.scss.d.ts b/packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemLeftContent.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemLeftContent.module.scss.d.ts rename to packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemLeftContent.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemLeftContent.tsx b/packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemLeftContent.tsx similarity index 87% rename from packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemLeftContent.tsx rename to packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemLeftContent.tsx index 9830e57a76..16c0d4a8bb 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/MenuItemLeftContent.tsx +++ b/packages/twenty-ui/src/navigation/MenuItem/parts/MenuItemLeftContent.tsx @@ -1,24 +1,21 @@ import { isNonEmptyString, isString } from '@sniptt/guards'; import { type ReactNode, useContext } from 'react'; -import { - type IconComponent, - IconGripVertical, - OverflowingTextWithTooltip, -} from '@ui/display'; +import { type IconComponent, IconGripVertical } from '@ui/icon'; +import { OverflowingTextWithTooltip } from '@ui/surfaces'; import { type ThemeColor } from '@ui/theme'; import { ThemeContext, themeCssVariables } from '@ui/theme-constants'; -import { type MenuItemDraggableGripMode } from '../../types/MenuItemDraggableGripMode'; -import { MenuItemIcon } from './MenuItemIcon'; -import { MenuItemIconBoxContainer } from './MenuItemIconBoxContainer'; -import { MenuItemIconWithGripSwap } from './MenuItemIconWithGripSwap'; +import { type MenuItemDraggableGripMode } from '@ui/navigation/MenuItem/types/MenuItemDraggableGripMode'; +import { MenuItemIcon } from '@ui/navigation/MenuItem/parts/MenuItemIcon'; +import { MenuItemIconBoxContainer } from '@ui/navigation/MenuItem/parts/MenuItemIconBoxContainer'; +import { MenuItemIconWithGripSwap } from '@ui/navigation/MenuItem/parts/MenuItemIconWithGripSwap'; import { StyledDraggableItem, StyledMenuItemContextualText, StyledMenuItemLabel, StyledMenuItemLeftContent, StyledRightMenuItemContextualText, -} from './StyledMenuItemBase'; +} from '@ui/navigation/MenuItem/parts/StyledMenuItemBase'; import styles from './MenuItemLeftContent.module.scss'; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/StyledMenuItemBase.module.scss b/packages/twenty-ui/src/navigation/MenuItem/parts/StyledMenuItemBase.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/internals/components/StyledMenuItemBase.module.scss rename to packages/twenty-ui/src/navigation/MenuItem/parts/StyledMenuItemBase.module.scss diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/StyledMenuItemBase.module.scss.d.ts b/packages/twenty-ui/src/navigation/MenuItem/parts/StyledMenuItemBase.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/internals/components/StyledMenuItemBase.module.scss.d.ts rename to packages/twenty-ui/src/navigation/MenuItem/parts/StyledMenuItemBase.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/StyledMenuItemBase.tsx b/packages/twenty-ui/src/navigation/MenuItem/parts/StyledMenuItemBase.tsx similarity index 97% rename from packages/twenty-ui/src/navigation/menu/menu-item/internals/components/StyledMenuItemBase.tsx rename to packages/twenty-ui/src/navigation/MenuItem/parts/StyledMenuItemBase.tsx index d81b35c234..5b058d5a65 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/internals/components/StyledMenuItemBase.tsx +++ b/packages/twenty-ui/src/navigation/MenuItem/parts/StyledMenuItemBase.tsx @@ -1,8 +1,8 @@ import { clsx } from 'clsx'; import { type ComponentPropsWithoutRef, forwardRef } from 'react'; -import { IconCheck } from '@ui/display'; -import { type MenuItemAccent } from '../../types/MenuItemAccent'; +import { IconCheck } from '@ui/icon'; +import { type MenuItemAccent } from '@ui/navigation/MenuItem/types/MenuItemAccent'; import styles from './StyledMenuItemBase.module.scss'; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/types/MenuItemAccent.ts b/packages/twenty-ui/src/navigation/MenuItem/types/MenuItemAccent.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/types/MenuItemAccent.ts rename to packages/twenty-ui/src/navigation/MenuItem/types/MenuItemAccent.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/types/MenuItemDraggableGripMode.ts b/packages/twenty-ui/src/navigation/MenuItem/types/MenuItemDraggableGripMode.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/types/MenuItemDraggableGripMode.ts rename to packages/twenty-ui/src/navigation/MenuItem/types/MenuItemDraggableGripMode.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemAvatar.tsx b/packages/twenty-ui/src/navigation/MenuItemAvatar/MenuItemAvatar.tsx similarity index 90% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemAvatar.tsx rename to packages/twenty-ui/src/navigation/MenuItemAvatar/MenuItemAvatar.tsx index 920a5f47fd..47f01ad270 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemAvatar.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemAvatar/MenuItemAvatar.tsx @@ -1,11 +1,11 @@ -import { Avatar, type AvatarProps } from '@ui/display'; +import { Avatar, type AvatarProps } from '@ui/data-display'; import { type MenuItemIconButton, MenuItem, -} from '@ui/navigation/menu/menu-item/components/MenuItem'; +} from '@ui/navigation/MenuItem/MenuItem'; import { type MouseEvent, type ReactNode } from 'react'; import { isDefined } from '@ui/utilities/utils/isDefined'; -import { type MenuItemAccent } from '../types/MenuItemAccent'; +import { type MenuItemAccent } from '@ui/navigation/MenuItem/types/MenuItemAccent'; export type MenuItemAvatarProps = { accent?: MenuItemAccent; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemDraggable.tsx b/packages/twenty-ui/src/navigation/MenuItemDraggable/MenuItemDraggable.tsx similarity index 76% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemDraggable.tsx rename to packages/twenty-ui/src/navigation/MenuItemDraggable/MenuItemDraggable.tsx index b6e7b3db89..236ee8f287 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemDraggable.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemDraggable/MenuItemDraggable.tsx @@ -1,12 +1,12 @@ -import { MenuItemLeftContent } from '../internals/components/MenuItemLeftContent'; -import { StyledHoverableMenuItemBase } from '../internals/components/StyledMenuItemBase'; -import { type MenuItemAccent } from '../types/MenuItemAccent'; +import { MenuItemLeftContent } from '@ui/navigation/MenuItem/parts/MenuItemLeftContent'; +import { StyledHoverableMenuItemBase } from '@ui/navigation/MenuItem/parts/StyledMenuItemBase'; +import { type MenuItemAccent } from '@ui/navigation/MenuItem/types/MenuItemAccent'; -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { LightIconButtonGroup } from '@ui/input'; import { type ReactNode } from 'react'; -import { type MenuItemDraggableGripMode } from '../types/MenuItemDraggableGripMode'; -import { type MenuItemIconButton } from './MenuItem'; +import { type MenuItemDraggableGripMode } from '@ui/navigation/MenuItem/types/MenuItemDraggableGripMode'; +import { type MenuItemIconButton } from '@ui/navigation/MenuItem/MenuItem'; export type MenuItemDraggableProps = { LeftIcon?: IconComponent | undefined; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemDraggable.stories.tsx b/packages/twenty-ui/src/navigation/MenuItemDraggable/__stories__/MenuItemDraggable.stories.tsx similarity index 95% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemDraggable.stories.tsx rename to packages/twenty-ui/src/navigation/MenuItemDraggable/__stories__/MenuItemDraggable.stories.tsx index fbb9706c97..a4d796b0bc 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemDraggable.stories.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemDraggable/__stories__/MenuItemDraggable.stories.tsx @@ -1,15 +1,15 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { action } from 'storybook/actions'; -import { IconBell, IconMinus } from '@ui/display'; +import { IconBell, IconMinus } from '@ui/icon'; import { CatalogDecorator, type CatalogDimension, type CatalogOptions, ComponentDecorator, } from '@ui/testing'; -import { type MenuItemAccent } from '../../types/MenuItemAccent'; -import { MenuItemDraggable } from '../MenuItemDraggable'; +import { type MenuItemAccent } from '@ui/navigation/MenuItem/types/MenuItemAccent'; +import { MenuItemDraggable } from '@ui/navigation/MenuItemDraggable/MenuItemDraggable'; const meta: Meta = { title: 'UI/Navigation/Menu/MenuItem/MenuItemDraggable', diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemHotKeys.module.scss b/packages/twenty-ui/src/navigation/MenuItemHotKeys/MenuItemHotKeys.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemHotKeys.module.scss rename to packages/twenty-ui/src/navigation/MenuItemHotKeys/MenuItemHotKeys.module.scss diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemHotKeys.module.scss.d.ts b/packages/twenty-ui/src/navigation/MenuItemHotKeys/MenuItemHotKeys.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemHotKeys.module.scss.d.ts rename to packages/twenty-ui/src/navigation/MenuItemHotKeys/MenuItemHotKeys.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemHotKeys.tsx b/packages/twenty-ui/src/navigation/MenuItemHotKeys/MenuItemHotKeys.tsx similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemHotKeys.tsx rename to packages/twenty-ui/src/navigation/MenuItemHotKeys/MenuItemHotKeys.tsx diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelect.module.scss b/packages/twenty-ui/src/navigation/MenuItemMultiSelect/MenuItemMultiSelect.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelect.module.scss rename to packages/twenty-ui/src/navigation/MenuItemMultiSelect/MenuItemMultiSelect.module.scss diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelect.module.scss.d.ts b/packages/twenty-ui/src/navigation/MenuItemMultiSelect/MenuItemMultiSelect.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelect.module.scss.d.ts rename to packages/twenty-ui/src/navigation/MenuItemMultiSelect/MenuItemMultiSelect.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelect.tsx b/packages/twenty-ui/src/navigation/MenuItemMultiSelect/MenuItemMultiSelect.tsx similarity index 78% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelect.tsx rename to packages/twenty-ui/src/navigation/MenuItemMultiSelect/MenuItemMultiSelect.tsx index a1b1b8cc9c..f0dc5360d9 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelect.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemMultiSelect/MenuItemMultiSelect.tsx @@ -1,9 +1,9 @@ -import { Tag } from '@ui/components'; -import { type IconComponent } from '@ui/display'; -import { Checkbox } from '@ui/input/components/Checkbox'; -import { MenuItemLeftContent } from '@ui/navigation/menu/menu-item/internals/components/MenuItemLeftContent'; +import { Tag } from '@ui/data-display'; +import { type IconComponent } from '@ui/icon'; +import { Checkbox } from '@ui/input/Checkbox/Checkbox'; +import { MenuItemLeftContent } from '@ui/navigation/MenuItem/parts/MenuItemLeftContent'; import { type ThemeColor } from '@ui/theme'; -import { StyledMenuItemBase } from '../internals/components/StyledMenuItemBase'; +import { StyledMenuItemBase } from '@ui/navigation/MenuItem/parts/StyledMenuItemBase'; import styles from './MenuItemMultiSelect.module.scss'; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemMultiSelect.stories.tsx b/packages/twenty-ui/src/navigation/MenuItemMultiSelect/__stories__/MenuItemMultiSelect.stories.tsx similarity index 94% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemMultiSelect.stories.tsx rename to packages/twenty-ui/src/navigation/MenuItemMultiSelect/__stories__/MenuItemMultiSelect.stories.tsx index 7a75ecbbce..f1e3a60c06 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemMultiSelect.stories.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemMultiSelect/__stories__/MenuItemMultiSelect.stories.tsx @@ -1,6 +1,6 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconBell } from '@ui/display'; +import { IconBell } from '@ui/icon'; import { CatalogDecorator, type CatalogDimension, @@ -8,7 +8,7 @@ import { type CatalogStory, ComponentDecorator, } from '@ui/testing'; -import { MenuItemMultiSelect } from '../MenuItemMultiSelect'; +import { MenuItemMultiSelect } from '@ui/navigation/MenuItemMultiSelect/MenuItemMultiSelect'; const meta: Meta = { title: 'UI/Navigation/Menu/MenuItem/MenuItemMultiSelect', diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelectAvatar.module.scss b/packages/twenty-ui/src/navigation/MenuItemMultiSelectAvatar/MenuItemMultiSelectAvatar.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelectAvatar.module.scss rename to packages/twenty-ui/src/navigation/MenuItemMultiSelectAvatar/MenuItemMultiSelectAvatar.module.scss diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelectAvatar.module.scss.d.ts b/packages/twenty-ui/src/navigation/MenuItemMultiSelectAvatar/MenuItemMultiSelectAvatar.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelectAvatar.module.scss.d.ts rename to packages/twenty-ui/src/navigation/MenuItemMultiSelectAvatar/MenuItemMultiSelectAvatar.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelectAvatar.tsx b/packages/twenty-ui/src/navigation/MenuItemMultiSelectAvatar/MenuItemMultiSelectAvatar.tsx similarity index 90% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelectAvatar.tsx rename to packages/twenty-ui/src/navigation/MenuItemMultiSelectAvatar/MenuItemMultiSelectAvatar.tsx index bbbc368d78..e348541e11 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelectAvatar.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemMultiSelectAvatar/MenuItemMultiSelectAvatar.tsx @@ -1,13 +1,13 @@ import { type ReactNode } from 'react'; -import { OverflowingTextWithTooltip } from '@ui/display'; -import { Checkbox } from '@ui/input/components/Checkbox'; +import { OverflowingTextWithTooltip } from '@ui/surfaces'; +import { Checkbox } from '@ui/input/Checkbox/Checkbox'; import { StyledMenuItemBase, StyledMenuItemLabel, StyledMenuItemLabelLight, StyledMenuItemLeftContent, -} from '../internals/components/StyledMenuItemBase'; +} from '@ui/navigation/MenuItem/parts/StyledMenuItemBase'; import styles from './MenuItemMultiSelectAvatar.module.scss'; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemMultiSelectAvatar.stories.tsx b/packages/twenty-ui/src/navigation/MenuItemMultiSelectAvatar/__stories__/MenuItemMultiSelectAvatar.stories.tsx similarity index 94% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemMultiSelectAvatar.stories.tsx rename to packages/twenty-ui/src/navigation/MenuItemMultiSelectAvatar/__stories__/MenuItemMultiSelectAvatar.stories.tsx index cd1dce7de6..c0fa0c5d7c 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemMultiSelectAvatar.stories.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemMultiSelectAvatar/__stories__/MenuItemMultiSelectAvatar.stories.tsx @@ -1,6 +1,6 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { Avatar } from '@ui/display'; +import { Avatar } from '@ui/data-display'; import { AVATAR_URL_MOCK, CatalogDecorator, @@ -10,7 +10,7 @@ import { ComponentDecorator, JotaiRootDecorator, } from '@ui/testing'; -import { MenuItemMultiSelectAvatar } from '../MenuItemMultiSelectAvatar'; +import { MenuItemMultiSelectAvatar } from '@ui/navigation/MenuItemMultiSelectAvatar/MenuItemMultiSelectAvatar'; const meta: Meta = { title: 'UI/Navigation/Menu/MenuItem/MenuItemMultiSelectAvatar', diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelectTag.tsx b/packages/twenty-ui/src/navigation/MenuItemMultiSelectTag/MenuItemMultiSelectTag.tsx similarity index 86% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelectTag.tsx rename to packages/twenty-ui/src/navigation/MenuItemMultiSelectTag/MenuItemMultiSelectTag.tsx index 0f7e7b6b05..26e662c65c 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemMultiSelectTag.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemMultiSelectTag/MenuItemMultiSelectTag.tsx @@ -1,11 +1,11 @@ -import { Tag } from '@ui/components'; -import { type IconComponent } from '@ui/display'; +import { Tag } from '@ui/data-display'; +import { type IconComponent } from '@ui/icon'; import { Checkbox, CheckboxShape, CheckboxSize } from '@ui/input'; import { type ThemeColor } from '@ui/theme'; import { StyledMenuItemBase, StyledMenuItemLeftContent, -} from '../internals/components/StyledMenuItemBase'; +} from '@ui/navigation/MenuItem/parts/StyledMenuItemBase'; type MenuItemMultiSelectTagProps = { selected: boolean; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemNavigate.tsx b/packages/twenty-ui/src/navigation/MenuItemNavigate/MenuItemNavigate.tsx similarity index 81% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemNavigate.tsx rename to packages/twenty-ui/src/navigation/MenuItemNavigate/MenuItemNavigate.tsx index 1bd3416ae9..34eda6e56f 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemNavigate.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemNavigate/MenuItemNavigate.tsx @@ -1,11 +1,11 @@ -import { IconChevronRight, type IconComponent } from '@ui/display'; +import { IconChevronRight, type IconComponent } from '@ui/icon'; import { ThemeContext } from '@ui/theme-constants'; import { useContext } from 'react'; -import { MenuItemLeftContent } from '../internals/components/MenuItemLeftContent'; +import { MenuItemLeftContent } from '@ui/navigation/MenuItem/parts/MenuItemLeftContent'; import { StyledMenuItemBase, StyledMenuItemLeftContent, -} from '../internals/components/StyledMenuItemBase'; +} from '@ui/navigation/MenuItem/parts/StyledMenuItemBase'; export type MenuItemNavigateProps = { LeftIcon?: IconComponent; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemNavigate.stories.tsx b/packages/twenty-ui/src/navigation/MenuItemNavigate/__stories__/MenuItemNavigate.stories.tsx similarity index 94% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemNavigate.stories.tsx rename to packages/twenty-ui/src/navigation/MenuItemNavigate/__stories__/MenuItemNavigate.stories.tsx index 771b096de2..cd6831271f 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemNavigate.stories.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemNavigate/__stories__/MenuItemNavigate.stories.tsx @@ -1,7 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconBell } from '@ui/display'; -import { MenuItemNavigate } from '../MenuItemNavigate'; +import { IconBell } from '@ui/icon'; +import { MenuItemNavigate } from '@ui/navigation/MenuItemNavigate/MenuItemNavigate'; import { CatalogDecorator, diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelect.module.scss b/packages/twenty-ui/src/navigation/MenuItemSelect/MenuItemSelect.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelect.module.scss rename to packages/twenty-ui/src/navigation/MenuItemSelect/MenuItemSelect.module.scss diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelect.module.scss.d.ts b/packages/twenty-ui/src/navigation/MenuItemSelect/MenuItemSelect.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelect.module.scss.d.ts rename to packages/twenty-ui/src/navigation/MenuItemSelect/MenuItemSelect.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelect.tsx b/packages/twenty-ui/src/navigation/MenuItemSelect/MenuItemSelect.tsx similarity index 91% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelect.tsx rename to packages/twenty-ui/src/navigation/MenuItemSelect/MenuItemSelect.tsx index f4da3e2749..b0501412e6 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelect.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemSelect/MenuItemSelect.tsx @@ -1,10 +1,6 @@ import { isString } from '@sniptt/guards'; -import { - IconCheck, - IconChevronRight, - OverflowingTextWithTooltip, - type IconComponent, -} from '@ui/display'; +import { IconCheck, IconChevronRight, type IconComponent } from '@ui/icon'; +import { OverflowingTextWithTooltip } from '@ui/surfaces'; import { type ThemeColor } from '@ui/theme'; import { ThemeContext } from '@ui/theme-constants'; import { clsx } from 'clsx'; @@ -14,12 +10,12 @@ import { useContext, type ReactNode, } from 'react'; -import { MenuItemLeftContent } from '../internals/components/MenuItemLeftContent'; +import { MenuItemLeftContent } from '@ui/navigation/MenuItem/parts/MenuItemLeftContent'; import { StyledMenuItemLabel, StyledMenuItemRightContent, StyledRightMenuItemContextualText, -} from '../internals/components/StyledMenuItemBase'; +} from '@ui/navigation/MenuItem/parts/StyledMenuItemBase'; import styles from './MenuItemSelect.module.scss'; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemSelect.stories.tsx b/packages/twenty-ui/src/navigation/MenuItemSelect/__stories__/MenuItemSelect.stories.tsx similarity index 95% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemSelect.stories.tsx rename to packages/twenty-ui/src/navigation/MenuItemSelect/__stories__/MenuItemSelect.stories.tsx index 79405883d4..ad8a18ea3c 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemSelect.stories.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemSelect/__stories__/MenuItemSelect.stories.tsx @@ -7,9 +7,9 @@ import { type CatalogStory, ComponentDecorator, } from '@ui/testing'; -import { MenuItemSelect } from '../MenuItemSelect'; +import { MenuItemSelect } from '@ui/navigation/MenuItemSelect/MenuItemSelect'; -import { IconBell } from '@ui/display'; +import { IconBell } from '@ui/icon'; const meta: Meta = { title: 'UI/Navigation/Menu/MenuItem/MenuItemSelect', component: MenuItemSelect, diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelectAvatar.module.scss b/packages/twenty-ui/src/navigation/MenuItemSelectAvatar/MenuItemSelectAvatar.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelectAvatar.module.scss rename to packages/twenty-ui/src/navigation/MenuItemSelectAvatar/MenuItemSelectAvatar.module.scss diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelectAvatar.module.scss.d.ts b/packages/twenty-ui/src/navigation/MenuItemSelectAvatar/MenuItemSelectAvatar.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelectAvatar.module.scss.d.ts rename to packages/twenty-ui/src/navigation/MenuItemSelectAvatar/MenuItemSelectAvatar.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelectAvatar.tsx b/packages/twenty-ui/src/navigation/MenuItemSelectAvatar/MenuItemSelectAvatar.tsx similarity index 89% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelectAvatar.tsx rename to packages/twenty-ui/src/navigation/MenuItemSelectAvatar/MenuItemSelectAvatar.tsx index 95083ae71b..ff2e9efa02 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelectAvatar.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemSelectAvatar/MenuItemSelectAvatar.tsx @@ -5,11 +5,11 @@ import { StyledMenuItemLabel, StyledMenuItemLabelLight, StyledMenuItemLeftContent, -} from '../internals/components/StyledMenuItemBase'; +} from '@ui/navigation/MenuItem/parts/StyledMenuItemBase'; -import { OverflowingTextWithTooltip } from '@ui/display'; +import { OverflowingTextWithTooltip } from '@ui/surfaces'; import { ThemeContext } from '@ui/theme-constants'; -import { StyledMenuItemSelect } from './MenuItemSelect'; +import { StyledMenuItemSelect } from '@ui/navigation/MenuItemSelect/MenuItemSelect'; import styles from './MenuItemSelectAvatar.module.scss'; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemSelectAvatar.stories.tsx b/packages/twenty-ui/src/navigation/MenuItemSelectAvatar/__stories__/MenuItemSelectAvatar.stories.tsx similarity index 95% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemSelectAvatar.stories.tsx rename to packages/twenty-ui/src/navigation/MenuItemSelectAvatar/__stories__/MenuItemSelectAvatar.stories.tsx index 5d2257003e..d8730fbad6 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemSelectAvatar.stories.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemSelectAvatar/__stories__/MenuItemSelectAvatar.stories.tsx @@ -1,6 +1,6 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { Avatar } from '@ui/display'; +import { Avatar } from '@ui/data-display'; import { AVATAR_URL_MOCK, CatalogDecorator, @@ -10,7 +10,7 @@ import { ComponentDecorator, JotaiRootDecorator, } from '@ui/testing'; -import { MenuItemSelectAvatar } from '../MenuItemSelectAvatar'; +import { MenuItemSelectAvatar } from '@ui/navigation/MenuItemSelectAvatar/MenuItemSelectAvatar'; const meta: Meta = { title: 'UI/Navigation/Menu/MenuItem/MenuItemSelectAvatar', diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelectColor.tsx b/packages/twenty-ui/src/navigation/MenuItemSelectColor/MenuItemSelectColor.tsx similarity index 81% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelectColor.tsx rename to packages/twenty-ui/src/navigation/MenuItemSelectColor/MenuItemSelectColor.tsx index 7abb018fd0..0a9cc2f954 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelectColor.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemSelectColor/MenuItemSelectColor.tsx @@ -2,17 +2,17 @@ import { StyledMenuItemIconCheck, StyledMenuItemLabel, StyledMenuItemLeftContent, -} from '../internals/components/StyledMenuItemBase'; +} from '@ui/navigation/MenuItem/parts/StyledMenuItemBase'; -import { ColorSample, type ColorSampleVariant } from '@ui/display'; +import { ColorSample, type ColorSampleVariant } from '@ui/data-display'; import { type ThemeColor } from '@ui/theme'; import { ThemeContext } from '@ui/theme-constants'; import { useContext } from 'react'; import { DEFAULT_COLOR_LABELS, type ColorLabels, -} from '../constants/DefaultColorLabels'; -import { StyledMenuItemSelect } from './MenuItemSelect'; +} from '@ui/navigation/MenuItem/constants/DefaultColorLabels'; +import { StyledMenuItemSelect } from '@ui/navigation/MenuItemSelect/MenuItemSelect'; type MenuItemSelectColorProps = { selected: boolean; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemSelectColor.stories.tsx b/packages/twenty-ui/src/navigation/MenuItemSelectColor/__stories__/MenuItemSelectColor.stories.tsx similarity index 93% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemSelectColor.stories.tsx rename to packages/twenty-ui/src/navigation/MenuItemSelectColor/__stories__/MenuItemSelectColor.stories.tsx index 4ccd34eb40..552d6fa863 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemSelectColor.stories.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemSelectColor/__stories__/MenuItemSelectColor.stories.tsx @@ -1,6 +1,6 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { type ColorSampleVariant } from '@ui/display'; +import { type ColorSampleVariant } from '@ui/data-display'; import { CatalogDecorator, type CatalogDimension, @@ -9,7 +9,7 @@ import { ComponentDecorator, } from '@ui/testing'; import { type ThemeColor, MAIN_COLOR_NAMES } from '@ui/theme'; -import { MenuItemSelectColor } from '../MenuItemSelectColor'; +import { MenuItemSelectColor } from '@ui/navigation/MenuItemSelectColor/MenuItemSelectColor'; const meta: Meta = { title: 'UI/Navigation/Menu/MenuItem/MenuItemSelectColor', diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelectTag.tsx b/packages/twenty-ui/src/navigation/MenuItemSelectTag/MenuItemSelectTag.tsx similarity index 83% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelectTag.tsx rename to packages/twenty-ui/src/navigation/MenuItemSelectTag/MenuItemSelectTag.tsx index e28e34505f..b72e475c59 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSelectTag.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemSelectTag/MenuItemSelectTag.tsx @@ -1,14 +1,14 @@ import { StyledMenuItemIconCheck, StyledMenuItemLeftContent, -} from '../internals/components/StyledMenuItemBase'; +} from '@ui/navigation/MenuItem/parts/StyledMenuItemBase'; -import { Tag } from '@ui/components'; -import { type IconComponent } from '@ui/display'; +import { Tag } from '@ui/data-display'; +import { type IconComponent } from '@ui/icon'; import { type ThemeColor } from '@ui/theme'; import { ThemeContext } from '@ui/theme-constants'; import { useContext } from 'react'; -import { StyledMenuItemSelect } from './MenuItemSelect'; +import { StyledMenuItemSelect } from '@ui/navigation/MenuItemSelect/MenuItemSelect'; type MenuItemSelectTagProps = { selected?: boolean; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemSelectTag.stories.tsx b/packages/twenty-ui/src/navigation/MenuItemSelectTag/__stories__/MenuItemSelectTag.stories.tsx similarity index 96% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemSelectTag.stories.tsx rename to packages/twenty-ui/src/navigation/MenuItemSelectTag/__stories__/MenuItemSelectTag.stories.tsx index dc8891703f..00f24c5f03 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemSelectTag.stories.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemSelectTag/__stories__/MenuItemSelectTag.stories.tsx @@ -8,7 +8,7 @@ import { ComponentDecorator, } from '@ui/testing'; import { type ThemeColor } from '@ui/theme'; -import { MenuItemSelectTag } from '../MenuItemSelectTag'; +import { MenuItemSelectTag } from '@ui/navigation/MenuItemSelectTag/MenuItemSelectTag'; const meta: Meta = { title: 'UI/Navigation/Menu/MenuItem/MenuItemSelectTag', diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSuggestion.module.scss b/packages/twenty-ui/src/navigation/MenuItemSuggestion/MenuItemSuggestion.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSuggestion.module.scss rename to packages/twenty-ui/src/navigation/MenuItemSuggestion/MenuItemSuggestion.module.scss diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSuggestion.module.scss.d.ts b/packages/twenty-ui/src/navigation/MenuItemSuggestion/MenuItemSuggestion.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSuggestion.module.scss.d.ts rename to packages/twenty-ui/src/navigation/MenuItemSuggestion/MenuItemSuggestion.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSuggestion.tsx b/packages/twenty-ui/src/navigation/MenuItemSuggestion/MenuItemSuggestion.tsx similarity index 85% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSuggestion.tsx rename to packages/twenty-ui/src/navigation/MenuItemSuggestion/MenuItemSuggestion.tsx index ad80e78e53..d27258f87c 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemSuggestion.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemSuggestion/MenuItemSuggestion.tsx @@ -1,9 +1,9 @@ import { clsx } from 'clsx'; import { type MouseEvent } from 'react'; -import { type IconComponent } from '@ui/display'; -import { MenuItemLeftContent } from '../internals/components/MenuItemLeftContent'; -import { StyledMenuItemLeftContent } from '../internals/components/StyledMenuItemBase'; +import { type IconComponent } from '@ui/icon'; +import { MenuItemLeftContent } from '@ui/navigation/MenuItem/parts/MenuItemLeftContent'; +import { StyledMenuItemLeftContent } from '@ui/navigation/MenuItem/parts/StyledMenuItemBase'; import styles from './MenuItemSuggestion.module.scss'; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemToggle.module.scss b/packages/twenty-ui/src/navigation/MenuItemToggle/MenuItemToggle.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemToggle.module.scss rename to packages/twenty-ui/src/navigation/MenuItemToggle/MenuItemToggle.module.scss diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemToggle.module.scss.d.ts b/packages/twenty-ui/src/navigation/MenuItemToggle/MenuItemToggle.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemToggle.module.scss.d.ts rename to packages/twenty-ui/src/navigation/MenuItemToggle/MenuItemToggle.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemToggle.tsx b/packages/twenty-ui/src/navigation/MenuItemToggle/MenuItemToggle.tsx similarity index 88% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemToggle.tsx rename to packages/twenty-ui/src/navigation/MenuItemToggle/MenuItemToggle.tsx index 9a65a7524e..ee6cf061f8 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemToggle.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemToggle/MenuItemToggle.tsx @@ -1,10 +1,10 @@ -import { type IconComponent } from '@ui/display'; +import { type IconComponent } from '@ui/icon'; import { Toggle, type ToggleSize } from '@ui/input'; -import { MenuItemLeftContent } from '../internals/components/MenuItemLeftContent'; +import { MenuItemLeftContent } from '@ui/navigation/MenuItem/parts/MenuItemLeftContent'; import { StyledMenuItemBase, StyledMenuItemRightContent, -} from '../internals/components/StyledMenuItemBase'; +} from '@ui/navigation/MenuItem/parts/StyledMenuItemBase'; import styles from './MenuItemToggle.module.scss'; diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemToggle.stories.tsx b/packages/twenty-ui/src/navigation/MenuItemToggle/__stories__/MenuItemToggle.stories.tsx similarity index 95% rename from packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemToggle.stories.tsx rename to packages/twenty-ui/src/navigation/MenuItemToggle/__stories__/MenuItemToggle.stories.tsx index db3a919fce..f3d8e352b6 100644 --- a/packages/twenty-ui/src/navigation/menu/menu-item/components/__stories__/MenuItemToggle.stories.tsx +++ b/packages/twenty-ui/src/navigation/MenuItemToggle/__stories__/MenuItemToggle.stories.tsx @@ -1,6 +1,6 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconBell } from '@ui/display'; +import { IconBell } from '@ui/icon'; import { CatalogDecorator, type CatalogDimension, @@ -8,7 +8,7 @@ import { type CatalogStory, ComponentDecorator, } from '@ui/testing'; -import { MenuItemToggle } from '../MenuItemToggle'; +import { MenuItemToggle } from '@ui/navigation/MenuItemToggle/MenuItemToggle'; const meta: Meta = { title: 'UI/Navigation/Menu/MenuItem/MenuItemToggle', diff --git a/packages/twenty-ui/src/navigation/menu/components/MenuPicker.module.scss b/packages/twenty-ui/src/navigation/MenuPicker/MenuPicker.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/menu/components/MenuPicker.module.scss rename to packages/twenty-ui/src/navigation/MenuPicker/MenuPicker.module.scss diff --git a/packages/twenty-ui/src/navigation/menu/components/MenuPicker.module.scss.d.ts b/packages/twenty-ui/src/navigation/MenuPicker/MenuPicker.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/components/MenuPicker.module.scss.d.ts rename to packages/twenty-ui/src/navigation/MenuPicker/MenuPicker.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/menu/components/MenuPicker.tsx b/packages/twenty-ui/src/navigation/MenuPicker/MenuPicker.tsx similarity index 94% rename from packages/twenty-ui/src/navigation/menu/components/MenuPicker.tsx rename to packages/twenty-ui/src/navigation/MenuPicker/MenuPicker.tsx index e5bd3e958b..d51df0b810 100644 --- a/packages/twenty-ui/src/navigation/menu/components/MenuPicker.tsx +++ b/packages/twenty-ui/src/navigation/MenuPicker/MenuPicker.tsx @@ -3,12 +3,8 @@ import { clsx } from 'clsx'; import { useContext } from 'react'; import { isDefined } from '@ui/utilities/utils/isDefined'; -import { - AppTooltip, - TooltipDelay, - TooltipPosition, - type IconComponent, -} from '@ui/display'; +import { type IconComponent } from '@ui/icon'; +import { AppTooltip, TooltipDelay, TooltipPosition } from '@ui/surfaces'; import { ThemeContext } from '@ui/theme-constants'; import styles from './MenuPicker.module.scss'; diff --git a/packages/twenty-ui/src/navigation/menu/components/__stories__/MenuPicker.stories.module.scss b/packages/twenty-ui/src/navigation/MenuPicker/__stories__/MenuPicker.stories.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/menu/components/__stories__/MenuPicker.stories.module.scss rename to packages/twenty-ui/src/navigation/MenuPicker/__stories__/MenuPicker.stories.module.scss diff --git a/packages/twenty-ui/src/navigation/menu/components/__stories__/MenuPicker.stories.module.scss.d.ts b/packages/twenty-ui/src/navigation/MenuPicker/__stories__/MenuPicker.stories.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/menu/components/__stories__/MenuPicker.stories.module.scss.d.ts rename to packages/twenty-ui/src/navigation/MenuPicker/__stories__/MenuPicker.stories.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/menu/components/__stories__/MenuPicker.stories.tsx b/packages/twenty-ui/src/navigation/MenuPicker/__stories__/MenuPicker.stories.tsx similarity index 94% rename from packages/twenty-ui/src/navigation/menu/components/__stories__/MenuPicker.stories.tsx rename to packages/twenty-ui/src/navigation/MenuPicker/__stories__/MenuPicker.stories.tsx index 5587673053..2039e59876 100644 --- a/packages/twenty-ui/src/navigation/menu/components/__stories__/MenuPicker.stories.tsx +++ b/packages/twenty-ui/src/navigation/MenuPicker/__stories__/MenuPicker.stories.tsx @@ -1,6 +1,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconChartPie, TooltipDelay } from '@ui/display'; -import { MenuPicker } from '@ui/navigation/menu/components/MenuPicker'; +import { IconChartPie } from '@ui/icon'; +import { TooltipDelay } from '@ui/surfaces'; +import { MenuPicker } from '@ui/navigation/MenuPicker/MenuPicker'; import { ComponentDecorator } from '@ui/testing'; import { type ReactNode } from 'react'; diff --git a/packages/twenty-ui/src/navigation/navigation-bar/components/NavigationBar.module.scss b/packages/twenty-ui/src/navigation/NavigationBar/NavigationBar.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/navigation-bar/components/NavigationBar.module.scss rename to packages/twenty-ui/src/navigation/NavigationBar/NavigationBar.module.scss diff --git a/packages/twenty-ui/src/navigation/navigation-bar/components/NavigationBar.module.scss.d.ts b/packages/twenty-ui/src/navigation/NavigationBar/NavigationBar.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/navigation-bar/components/NavigationBar.module.scss.d.ts rename to packages/twenty-ui/src/navigation/NavigationBar/NavigationBar.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/navigation-bar/components/NavigationBar.tsx b/packages/twenty-ui/src/navigation/NavigationBar/NavigationBar.tsx similarity index 78% rename from packages/twenty-ui/src/navigation/navigation-bar/components/NavigationBar.tsx rename to packages/twenty-ui/src/navigation/NavigationBar/NavigationBar.tsx index b30dccfe13..8658938617 100644 --- a/packages/twenty-ui/src/navigation/navigation-bar/components/NavigationBar.tsx +++ b/packages/twenty-ui/src/navigation/NavigationBar/NavigationBar.tsx @@ -1,6 +1,6 @@ -import { type IconComponent } from '@ui/display/icon/types/IconComponent'; +import { type IconComponent } from '@ui/icon/types/IconComponent'; -import { NavigationBarItem } from './NavigationBarItem'; +import { NavigationBarItem } from '@ui/navigation/NavigationBarItem/NavigationBarItem'; import styles from './NavigationBar.module.scss'; diff --git a/packages/twenty-ui/src/navigation/navigation-bar/components/__stories__/NavigationBar.stories.tsx b/packages/twenty-ui/src/navigation/NavigationBar/__stories__/NavigationBar.stories.tsx similarity index 82% rename from packages/twenty-ui/src/navigation/navigation-bar/components/__stories__/NavigationBar.stories.tsx rename to packages/twenty-ui/src/navigation/NavigationBar/__stories__/NavigationBar.stories.tsx index 6da40879b6..5a27da03b7 100644 --- a/packages/twenty-ui/src/navigation/navigation-bar/components/__stories__/NavigationBar.stories.tsx +++ b/packages/twenty-ui/src/navigation/NavigationBar/__stories__/NavigationBar.stories.tsx @@ -1,8 +1,8 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { IconHome, IconSearch, IconSettings } from '@ui/display'; +import { IconHome, IconSearch, IconSettings } from '@ui/icon'; import { ComponentDecorator } from '@ui/testing'; -import { NavigationBar } from '../NavigationBar'; +import { NavigationBar } from '@ui/navigation/NavigationBar/NavigationBar'; const meta: Meta = { title: 'UI/Navigation/NavigationBar/NavigationBar', diff --git a/packages/twenty-ui/src/navigation/navigation-bar/components/NavigationBarItem.module.scss b/packages/twenty-ui/src/navigation/NavigationBarItem/NavigationBarItem.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/navigation-bar/components/NavigationBarItem.module.scss rename to packages/twenty-ui/src/navigation/NavigationBarItem/NavigationBarItem.module.scss diff --git a/packages/twenty-ui/src/navigation/navigation-bar/components/NavigationBarItem.module.scss.d.ts b/packages/twenty-ui/src/navigation/NavigationBarItem/NavigationBarItem.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/navigation-bar/components/NavigationBarItem.module.scss.d.ts rename to packages/twenty-ui/src/navigation/NavigationBarItem/NavigationBarItem.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/navigation-bar/components/NavigationBarItem.tsx b/packages/twenty-ui/src/navigation/NavigationBarItem/NavigationBarItem.tsx similarity index 89% rename from packages/twenty-ui/src/navigation/navigation-bar/components/NavigationBarItem.tsx rename to packages/twenty-ui/src/navigation/NavigationBarItem/NavigationBarItem.tsx index 86060f803c..9aa0be43c2 100644 --- a/packages/twenty-ui/src/navigation/navigation-bar/components/NavigationBarItem.tsx +++ b/packages/twenty-ui/src/navigation/NavigationBarItem/NavigationBarItem.tsx @@ -1,6 +1,6 @@ import { useContext } from 'react'; -import { type IconComponent } from '@ui/display/icon/types/IconComponent'; +import { type IconComponent } from '@ui/icon/types/IconComponent'; import { ThemeContext, themeCssVariables } from '@ui/theme-constants'; import styles from './NavigationBarItem.module.scss'; diff --git a/packages/twenty-ui/src/navigation/link/components/RawLink.module.scss b/packages/twenty-ui/src/navigation/RawLink/RawLink.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/RawLink.module.scss rename to packages/twenty-ui/src/navigation/RawLink/RawLink.module.scss diff --git a/packages/twenty-ui/src/navigation/link/components/RawLink.module.scss.d.ts b/packages/twenty-ui/src/navigation/RawLink/RawLink.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/RawLink.module.scss.d.ts rename to packages/twenty-ui/src/navigation/RawLink/RawLink.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/link/components/RawLink.tsx b/packages/twenty-ui/src/navigation/RawLink/RawLink.tsx similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/RawLink.tsx rename to packages/twenty-ui/src/navigation/RawLink/RawLink.tsx diff --git a/packages/twenty-ui/src/navigation/link/components/__stories__/RawLink.stories.tsx b/packages/twenty-ui/src/navigation/RawLink/__stories__/RawLink.stories.tsx similarity index 93% rename from packages/twenty-ui/src/navigation/link/components/__stories__/RawLink.stories.tsx rename to packages/twenty-ui/src/navigation/RawLink/__stories__/RawLink.stories.tsx index 20ab59746d..49c573eaa5 100644 --- a/packages/twenty-ui/src/navigation/link/components/__stories__/RawLink.stories.tsx +++ b/packages/twenty-ui/src/navigation/RawLink/__stories__/RawLink.stories.tsx @@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { expect, fn, userEvent, within } from 'storybook/test'; import { ComponentWithRouterDecorator } from '@ui/testing'; -import { RawLink } from '../RawLink'; +import { RawLink } from '@ui/navigation/RawLink/RawLink'; const meta: Meta = { title: 'UI/Navigation/Link/RawLink', diff --git a/packages/twenty-ui/src/navigation/link/components/RoundedLink.module.scss b/packages/twenty-ui/src/navigation/RoundedLink/RoundedLink.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/RoundedLink.module.scss rename to packages/twenty-ui/src/navigation/RoundedLink/RoundedLink.module.scss diff --git a/packages/twenty-ui/src/navigation/link/components/RoundedLink.module.scss.d.ts b/packages/twenty-ui/src/navigation/RoundedLink/RoundedLink.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/RoundedLink.module.scss.d.ts rename to packages/twenty-ui/src/navigation/RoundedLink/RoundedLink.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/link/components/RoundedLink.tsx b/packages/twenty-ui/src/navigation/RoundedLink/RoundedLink.tsx similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/RoundedLink.tsx rename to packages/twenty-ui/src/navigation/RoundedLink/RoundedLink.tsx diff --git a/packages/twenty-ui/src/navigation/link/components/__stories__/RoundedLink.stories.tsx b/packages/twenty-ui/src/navigation/RoundedLink/__stories__/RoundedLink.stories.tsx similarity index 92% rename from packages/twenty-ui/src/navigation/link/components/__stories__/RoundedLink.stories.tsx rename to packages/twenty-ui/src/navigation/RoundedLink/__stories__/RoundedLink.stories.tsx index 868a9ccd54..8cda5d8259 100644 --- a/packages/twenty-ui/src/navigation/link/components/__stories__/RoundedLink.stories.tsx +++ b/packages/twenty-ui/src/navigation/RoundedLink/__stories__/RoundedLink.stories.tsx @@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { expect, fn, userEvent, within } from 'storybook/test'; import { ComponentWithRouterDecorator } from '@ui/testing'; -import { RoundedLink } from '../RoundedLink'; +import { RoundedLink } from '@ui/navigation/RoundedLink/RoundedLink'; const meta: Meta = { title: 'UI/Navigation/Link/RoundedLink', diff --git a/packages/twenty-ui/src/navigation/link/components/SocialLink.tsx b/packages/twenty-ui/src/navigation/SocialLink/SocialLink.tsx similarity index 88% rename from packages/twenty-ui/src/navigation/link/components/SocialLink.tsx rename to packages/twenty-ui/src/navigation/SocialLink/SocialLink.tsx index 13b69a24db..2deea3b8e6 100644 --- a/packages/twenty-ui/src/navigation/link/components/SocialLink.tsx +++ b/packages/twenty-ui/src/navigation/SocialLink/SocialLink.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { RoundedLink } from '@ui/navigation/link/components/RoundedLink'; +import { RoundedLink } from '@ui/navigation/RoundedLink/RoundedLink'; import { getDisplayValueByUrlType } from '@ui/utilities'; export enum LinkType { diff --git a/packages/twenty-ui/src/navigation/link/components/__stories__/SocialLink.stories.tsx b/packages/twenty-ui/src/navigation/SocialLink/__stories__/SocialLink.stories.tsx similarity index 93% rename from packages/twenty-ui/src/navigation/link/components/__stories__/SocialLink.stories.tsx rename to packages/twenty-ui/src/navigation/SocialLink/__stories__/SocialLink.stories.tsx index fe3b1f51a0..067ced0f22 100644 --- a/packages/twenty-ui/src/navigation/link/components/__stories__/SocialLink.stories.tsx +++ b/packages/twenty-ui/src/navigation/SocialLink/__stories__/SocialLink.stories.tsx @@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { expect, fn, userEvent, within } from 'storybook/test'; import { ComponentWithRouterDecorator } from '@ui/testing'; -import { LinkType, SocialLink } from '../SocialLink'; +import { LinkType, SocialLink } from '@ui/navigation/SocialLink/SocialLink'; const meta: Meta = { title: 'UI/Navigation/Link/SocialLink', diff --git a/packages/twenty-ui/src/navigation/link/components/UndecoratedLink.module.scss b/packages/twenty-ui/src/navigation/UndecoratedLink/UndecoratedLink.module.scss similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/UndecoratedLink.module.scss rename to packages/twenty-ui/src/navigation/UndecoratedLink/UndecoratedLink.module.scss diff --git a/packages/twenty-ui/src/navigation/link/components/UndecoratedLink.module.scss.d.ts b/packages/twenty-ui/src/navigation/UndecoratedLink/UndecoratedLink.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/UndecoratedLink.module.scss.d.ts rename to packages/twenty-ui/src/navigation/UndecoratedLink/UndecoratedLink.module.scss.d.ts diff --git a/packages/twenty-ui/src/navigation/link/components/UndecoratedLink.tsx b/packages/twenty-ui/src/navigation/UndecoratedLink/UndecoratedLink.tsx similarity index 100% rename from packages/twenty-ui/src/navigation/link/components/UndecoratedLink.tsx rename to packages/twenty-ui/src/navigation/UndecoratedLink/UndecoratedLink.tsx diff --git a/packages/twenty-ui/src/navigation/link/components/__stories__/UndecoratedLink.stories.tsx b/packages/twenty-ui/src/navigation/UndecoratedLink/__stories__/UndecoratedLink.stories.tsx similarity index 86% rename from packages/twenty-ui/src/navigation/link/components/__stories__/UndecoratedLink.stories.tsx rename to packages/twenty-ui/src/navigation/UndecoratedLink/__stories__/UndecoratedLink.stories.tsx index 7ee7446e02..2e1ce32e9a 100644 --- a/packages/twenty-ui/src/navigation/link/components/__stories__/UndecoratedLink.stories.tsx +++ b/packages/twenty-ui/src/navigation/UndecoratedLink/__stories__/UndecoratedLink.stories.tsx @@ -1,10 +1,10 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; -import { UndecoratedLink } from '@ui/navigation/link/components/UndecoratedLink'; +import { UndecoratedLink } from '@ui/navigation/UndecoratedLink/UndecoratedLink'; import { ComponentWithRouterDecorator } from '@ui/testing'; import { expect, userEvent, within } from 'storybook/test'; const meta: Meta = { - title: 'UI/navigation/link/UndecoratedLink', + title: 'UI/Navigation/UndecoratedLink', component: UndecoratedLink, decorators: [ComponentWithRouterDecorator], }; diff --git a/packages/twenty-ui/src/navigation/index.ts b/packages/twenty-ui/src/navigation/index.ts index 52f8997f2b..814004ccc6 100644 --- a/packages/twenty-ui/src/navigation/index.ts +++ b/packages/twenty-ui/src/navigation/index.ts @@ -7,73 +7,52 @@ * |___/ */ -export { AdvancedSettingsToggle } from './link/components/AdvancedSettingsToggle'; -export { ClickToActionLink } from './link/components/ClickToActionLink'; -export { ContactLink } from './link/components/ContactLink'; -export { GithubVersionLink } from './link/components/GithubVersionLink'; -export { RawLink } from './link/components/RawLink'; -export { RoundedLink } from './link/components/RoundedLink'; -export { LinkType, SocialLink } from './link/components/SocialLink'; -export { UndecoratedLink } from './link/components/UndecoratedLink'; -export { CAL_LINK } from './link/constants/Cal'; -export { GITHUB_LINK } from './link/constants/GithubLink'; -export { TWENTY_PRICING_LINK } from './link/constants/TwentyPricingLink'; -export type { MenuPickerProps } from './menu/components/MenuPicker'; -export { MenuPicker } from './menu/components/MenuPicker'; -export type { - MenuItemIconButton, - MenuItemProps, -} from './menu/menu-item/components/MenuItem'; -export { MenuItem } from './menu/menu-item/components/MenuItem'; -export type { MenuItemAvatarProps } from './menu/menu-item/components/MenuItemAvatar'; -export { MenuItemAvatar } from './menu/menu-item/components/MenuItemAvatar'; -export type { MenuItemDraggableProps } from './menu/menu-item/components/MenuItemDraggable'; -export { MenuItemDraggable } from './menu/menu-item/components/MenuItemDraggable'; -export type { MenuItemHotKeysProps } from './menu/menu-item/components/MenuItemHotKeys'; -export { MenuItemHotKeys } from './menu/menu-item/components/MenuItemHotKeys'; -export { MenuItemMultiSelect } from './menu/menu-item/components/MenuItemMultiSelect'; -export { MenuItemMultiSelectAvatar } from './menu/menu-item/components/MenuItemMultiSelectAvatar'; -export { MenuItemMultiSelectTag } from './menu/menu-item/components/MenuItemMultiSelectTag'; -export type { MenuItemNavigateProps } from './menu/menu-item/components/MenuItemNavigate'; -export { MenuItemNavigate } from './menu/menu-item/components/MenuItemNavigate'; +export { ClickToActionLink } from './ClickToActionLink/ClickToActionLink'; +export { ContactLink } from './ContactLink/ContactLink'; +export { GithubVersionLink } from './GithubVersionLink/GithubVersionLink'; +export { CAL_LINK } from './Link/constants/Cal'; +export { GITHUB_LINK } from './Link/constants/GithubLink'; +export { TWENTY_PRICING_LINK } from './Link/constants/TwentyPricingLink'; +export type { ColorLabels } from './MenuItem/constants/DefaultColorLabels'; +export { DEFAULT_COLOR_LABELS } from './MenuItem/constants/DefaultColorLabels'; +export type { MenuItemIconButton, MenuItemProps } from './MenuItem/MenuItem'; +export { + MenuItemLeftContent, + StyledHoverableMenuItemBase, + StyledMenuItemIconCheck, + StyledMenuItemLabel, + StyledMenuItemLeftContent, + MenuItem, +} from './MenuItem/MenuItem'; +export type { MenuItemAccent } from './MenuItem/types/MenuItemAccent'; +export type { MenuItemDraggableGripMode } from './MenuItem/types/MenuItemDraggableGripMode'; +export type { MenuItemAvatarProps } from './MenuItemAvatar/MenuItemAvatar'; +export { MenuItemAvatar } from './MenuItemAvatar/MenuItemAvatar'; +export type { MenuItemDraggableProps } from './MenuItemDraggable/MenuItemDraggable'; +export { MenuItemDraggable } from './MenuItemDraggable/MenuItemDraggable'; +export type { MenuItemHotKeysProps } from './MenuItemHotKeys/MenuItemHotKeys'; +export { MenuItemHotKeys } from './MenuItemHotKeys/MenuItemHotKeys'; +export { MenuItemMultiSelect } from './MenuItemMultiSelect/MenuItemMultiSelect'; +export { MenuItemMultiSelectAvatar } from './MenuItemMultiSelectAvatar/MenuItemMultiSelectAvatar'; +export { MenuItemMultiSelectTag } from './MenuItemMultiSelectTag/MenuItemMultiSelectTag'; +export type { MenuItemNavigateProps } from './MenuItemNavigate/MenuItemNavigate'; +export { MenuItemNavigate } from './MenuItemNavigate/MenuItemNavigate'; export { StyledMenuItemSelect, MenuItemSelect, -} from './menu/menu-item/components/MenuItemSelect'; -export { MenuItemSelectAvatar } from './menu/menu-item/components/MenuItemSelectAvatar'; -export { MenuItemSelectColor } from './menu/menu-item/components/MenuItemSelectColor'; -export { MenuItemSelectTag } from './menu/menu-item/components/MenuItemSelectTag'; -export type { MenuItemSuggestionProps } from './menu/menu-item/components/MenuItemSuggestion'; -export { MenuItemSuggestion } from './menu/menu-item/components/MenuItemSuggestion'; -export type { MenuItemToggleProps } from './menu/menu-item/components/MenuItemToggle'; -export { MenuItemToggle } from './menu/menu-item/components/MenuItemToggle'; -export type { ColorLabels } from './menu/menu-item/constants/DefaultColorLabels'; -export { DEFAULT_COLOR_LABELS } from './menu/menu-item/constants/DefaultColorLabels'; -export type { MenuItemIconProps } from './menu/menu-item/internals/components/MenuItemIcon'; -export { MenuItemIcon } from './menu/menu-item/internals/components/MenuItemIcon'; -export { - StyledIconContainer, - MenuItemIconBoxContainer, -} from './menu/menu-item/internals/components/MenuItemIconBoxContainer'; -export type { MenuItemIconWithGripSwapProps } from './menu/menu-item/internals/components/MenuItemIconWithGripSwap'; -export { MenuItemIconWithGripSwap } from './menu/menu-item/internals/components/MenuItemIconWithGripSwap'; -export { MenuItemLeftContent } from './menu/menu-item/internals/components/MenuItemLeftContent'; -export type { MenuItemBaseProps } from './menu/menu-item/internals/components/StyledMenuItemBase'; -export { - StyledMenuItemBase, - StyledMenuItemLabel, - StyledMenuItemLabelLight, - StyledNoIconFiller, - StyledMenuItemLeftContent, - StyledMenuItemRightContent, - StyledDraggableItem, - StyledHoverableMenuItemBase, - StyledMenuItemIconCheck, - StyledMenuItemContextualText, - StyledRightMenuItemContextualText, -} from './menu/menu-item/internals/components/StyledMenuItemBase'; -export type { MenuItemAccent } from './menu/menu-item/types/MenuItemAccent'; -export type { MenuItemDraggableGripMode } from './menu/menu-item/types/MenuItemDraggableGripMode'; -export { NavigationBar } from './navigation-bar/components/NavigationBar'; -export { NavigationBarItem } from './navigation-bar/components/NavigationBarItem'; -export { NotificationCounter } from './notification-counter/components/NotificationCounter'; +} from './MenuItemSelect/MenuItemSelect'; +export { MenuItemSelectAvatar } from './MenuItemSelectAvatar/MenuItemSelectAvatar'; +export { MenuItemSelectColor } from './MenuItemSelectColor/MenuItemSelectColor'; +export { MenuItemSelectTag } from './MenuItemSelectTag/MenuItemSelectTag'; +export type { MenuItemSuggestionProps } from './MenuItemSuggestion/MenuItemSuggestion'; +export { MenuItemSuggestion } from './MenuItemSuggestion/MenuItemSuggestion'; +export type { MenuItemToggleProps } from './MenuItemToggle/MenuItemToggle'; +export { MenuItemToggle } from './MenuItemToggle/MenuItemToggle'; +export type { MenuPickerProps } from './MenuPicker/MenuPicker'; +export { MenuPicker } from './MenuPicker/MenuPicker'; +export { NavigationBar } from './NavigationBar/NavigationBar'; +export { NavigationBarItem } from './NavigationBarItem/NavigationBarItem'; +export { RawLink } from './RawLink/RawLink'; +export { RoundedLink } from './RoundedLink/RoundedLink'; +export { LinkType, SocialLink } from './SocialLink/SocialLink'; +export { UndecoratedLink } from './UndecoratedLink/UndecoratedLink'; diff --git a/packages/twenty-ui/src/navigation/link/components/index.ts b/packages/twenty-ui/src/navigation/link/components/index.ts deleted file mode 100644 index 53d744ad97..0000000000 --- a/packages/twenty-ui/src/navigation/link/components/index.ts +++ /dev/null @@ -1,8 +0,0 @@ -export * from './AdvancedSettingsToggle'; -export * from './ClickToActionLink'; -export * from './ContactLink'; -export * from './GithubVersionLink'; -export * from './RawLink'; -export * from './RoundedLink'; -export * from './SocialLink'; -export * from './UndecoratedLink'; diff --git a/packages/twenty-ui/src/navigation/link/index.ts b/packages/twenty-ui/src/navigation/link/index.ts deleted file mode 100644 index c46a592e01..0000000000 --- a/packages/twenty-ui/src/navigation/link/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -export * from './components'; -export * from './constants/Cal'; -export * from './constants/GithubLink'; diff --git a/packages/twenty-ui/src/display/tooltip/AppTooltip.module.scss b/packages/twenty-ui/src/surfaces/AppTooltip/AppTooltip.module.scss similarity index 100% rename from packages/twenty-ui/src/display/tooltip/AppTooltip.module.scss rename to packages/twenty-ui/src/surfaces/AppTooltip/AppTooltip.module.scss diff --git a/packages/twenty-ui/src/display/tooltip/AppTooltip.module.scss.d.ts b/packages/twenty-ui/src/surfaces/AppTooltip/AppTooltip.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/tooltip/AppTooltip.module.scss.d.ts rename to packages/twenty-ui/src/surfaces/AppTooltip/AppTooltip.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/tooltip/AppTooltip.tsx b/packages/twenty-ui/src/surfaces/AppTooltip/AppTooltip.tsx similarity index 100% rename from packages/twenty-ui/src/display/tooltip/AppTooltip.tsx rename to packages/twenty-ui/src/surfaces/AppTooltip/AppTooltip.tsx diff --git a/packages/twenty-ui/src/display/tooltip/__stories__/Tooltip.stories.tsx b/packages/twenty-ui/src/surfaces/AppTooltip/__stories__/Tooltip.stories.tsx similarity index 99% rename from packages/twenty-ui/src/display/tooltip/__stories__/Tooltip.stories.tsx rename to packages/twenty-ui/src/surfaces/AppTooltip/__stories__/Tooltip.stories.tsx index ba1d73d435..10096a782a 100644 --- a/packages/twenty-ui/src/display/tooltip/__stories__/Tooltip.stories.tsx +++ b/packages/twenty-ui/src/surfaces/AppTooltip/__stories__/Tooltip.stories.tsx @@ -13,7 +13,7 @@ import { } from '../AppTooltip'; const meta: Meta = { - title: 'UI/Display/Tooltip', + title: 'UI/Surfaces/Tooltip', component: Tooltip, }; diff --git a/packages/twenty-ui/src/layout/card/components/Card.module.scss b/packages/twenty-ui/src/surfaces/Card/Card.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/card/components/Card.module.scss rename to packages/twenty-ui/src/surfaces/Card/Card.module.scss diff --git a/packages/twenty-ui/src/layout/card/components/Card.module.scss.d.ts b/packages/twenty-ui/src/surfaces/Card/Card.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/card/components/Card.module.scss.d.ts rename to packages/twenty-ui/src/surfaces/Card/Card.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/card/components/Card.tsx b/packages/twenty-ui/src/surfaces/Card/Card.tsx similarity index 100% rename from packages/twenty-ui/src/layout/card/components/Card.tsx rename to packages/twenty-ui/src/surfaces/Card/Card.tsx diff --git a/packages/twenty-ui/src/layout/card/components/__stories__/Card.stories.tsx b/packages/twenty-ui/src/surfaces/Card/__stories__/Card.stories.tsx similarity index 73% rename from packages/twenty-ui/src/layout/card/components/__stories__/Card.stories.tsx rename to packages/twenty-ui/src/surfaces/Card/__stories__/Card.stories.tsx index ecac8b70d2..7af86a1149 100644 --- a/packages/twenty-ui/src/layout/card/components/__stories__/Card.stories.tsx +++ b/packages/twenty-ui/src/surfaces/Card/__stories__/Card.stories.tsx @@ -1,13 +1,13 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { ComponentDecorator } from '@ui/testing'; -import { Card } from '../Card'; -import { CardContent } from '../CardContent'; -import { CardFooter } from '../CardFooter'; -import { CardHeader } from '../CardHeader'; +import { Card } from '@ui/surfaces/Card/Card'; +import { CardContent } from '@ui/surfaces/CardContent/CardContent'; +import { CardFooter } from '@ui/surfaces/CardFooter/CardFooter'; +import { CardHeader } from '@ui/surfaces/CardHeader/CardHeader'; const meta: Meta = { - title: 'UI/Layout/Card/Card', + title: 'UI/Surfaces/Card', component: Card, decorators: [ComponentDecorator], render: (args) => ( diff --git a/packages/twenty-ui/src/layout/card/components/CardContent.module.scss b/packages/twenty-ui/src/surfaces/CardContent/CardContent.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/card/components/CardContent.module.scss rename to packages/twenty-ui/src/surfaces/CardContent/CardContent.module.scss diff --git a/packages/twenty-ui/src/layout/card/components/CardContent.module.scss.d.ts b/packages/twenty-ui/src/surfaces/CardContent/CardContent.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/card/components/CardContent.module.scss.d.ts rename to packages/twenty-ui/src/surfaces/CardContent/CardContent.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/card/components/CardContent.tsx b/packages/twenty-ui/src/surfaces/CardContent/CardContent.tsx similarity index 100% rename from packages/twenty-ui/src/layout/card/components/CardContent.tsx rename to packages/twenty-ui/src/surfaces/CardContent/CardContent.tsx diff --git a/packages/twenty-ui/src/layout/card/components/CardFooter.module.scss b/packages/twenty-ui/src/surfaces/CardFooter/CardFooter.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/card/components/CardFooter.module.scss rename to packages/twenty-ui/src/surfaces/CardFooter/CardFooter.module.scss diff --git a/packages/twenty-ui/src/layout/card/components/CardFooter.module.scss.d.ts b/packages/twenty-ui/src/surfaces/CardFooter/CardFooter.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/card/components/CardFooter.module.scss.d.ts rename to packages/twenty-ui/src/surfaces/CardFooter/CardFooter.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/card/components/CardFooter.tsx b/packages/twenty-ui/src/surfaces/CardFooter/CardFooter.tsx similarity index 100% rename from packages/twenty-ui/src/layout/card/components/CardFooter.tsx rename to packages/twenty-ui/src/surfaces/CardFooter/CardFooter.tsx diff --git a/packages/twenty-ui/src/layout/card/components/CardHeader.module.scss b/packages/twenty-ui/src/surfaces/CardHeader/CardHeader.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/card/components/CardHeader.module.scss rename to packages/twenty-ui/src/surfaces/CardHeader/CardHeader.module.scss diff --git a/packages/twenty-ui/src/layout/card/components/CardHeader.module.scss.d.ts b/packages/twenty-ui/src/surfaces/CardHeader/CardHeader.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/card/components/CardHeader.module.scss.d.ts rename to packages/twenty-ui/src/surfaces/CardHeader/CardHeader.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/card/components/CardHeader.tsx b/packages/twenty-ui/src/surfaces/CardHeader/CardHeader.tsx similarity index 100% rename from packages/twenty-ui/src/layout/card/components/CardHeader.tsx rename to packages/twenty-ui/src/surfaces/CardHeader/CardHeader.tsx diff --git a/packages/twenty-ui/src/layout/modal/components/Modal.module.scss b/packages/twenty-ui/src/surfaces/Modal/Modal.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/modal/components/Modal.module.scss rename to packages/twenty-ui/src/surfaces/Modal/Modal.module.scss diff --git a/packages/twenty-ui/src/layout/modal/components/Modal.module.scss.d.ts b/packages/twenty-ui/src/surfaces/Modal/Modal.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/modal/components/Modal.module.scss.d.ts rename to packages/twenty-ui/src/surfaces/Modal/Modal.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/modal/components/Modal.tsx b/packages/twenty-ui/src/surfaces/Modal/Modal.tsx similarity index 92% rename from packages/twenty-ui/src/layout/modal/components/Modal.tsx rename to packages/twenty-ui/src/surfaces/Modal/Modal.tsx index 770ef69254..b886bbd708 100644 --- a/packages/twenty-ui/src/layout/modal/components/Modal.tsx +++ b/packages/twenty-ui/src/surfaces/Modal/Modal.tsx @@ -3,12 +3,12 @@ import { clsx } from 'clsx'; import { useRef } from 'react'; import { isDefined } from '@ui/utilities/utils/isDefined'; -import { type ModalOverlay } from '../types/ModalOverlay'; -import { type ModalPadding } from '../types/ModalPadding'; -import { type ModalProps } from '../types/ModalProps'; +import { type ModalOverlay } from '@ui/surfaces/Modal/types/ModalOverlay'; +import { type ModalPadding } from '@ui/surfaces/Modal/types/ModalPadding'; +import { type ModalProps } from '@ui/surfaces/Modal/types/ModalProps'; import styles from './Modal.module.scss'; -import { ModalBackdrop } from './ModalBackdrop'; +import { ModalBackdrop } from '@ui/surfaces/ModalBackdrop/ModalBackdrop'; const DEFAULT_MODAL_Z_INDEX = 40; const DEFAULT_BACKDROP_Z_INDEX = 39; diff --git a/packages/twenty-ui/src/layout/modal/components/__stories__/Modal.stories.module.scss b/packages/twenty-ui/src/surfaces/Modal/__stories__/Modal.stories.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/modal/components/__stories__/Modal.stories.module.scss rename to packages/twenty-ui/src/surfaces/Modal/__stories__/Modal.stories.module.scss diff --git a/packages/twenty-ui/src/layout/modal/components/__stories__/Modal.stories.module.scss.d.ts b/packages/twenty-ui/src/surfaces/Modal/__stories__/Modal.stories.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/modal/components/__stories__/Modal.stories.module.scss.d.ts rename to packages/twenty-ui/src/surfaces/Modal/__stories__/Modal.stories.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/modal/components/__stories__/Modal.stories.tsx b/packages/twenty-ui/src/surfaces/Modal/__stories__/Modal.stories.tsx similarity index 94% rename from packages/twenty-ui/src/layout/modal/components/__stories__/Modal.stories.tsx rename to packages/twenty-ui/src/surfaces/Modal/__stories__/Modal.stories.tsx index a0e5ec16a7..fd5da76575 100644 --- a/packages/twenty-ui/src/layout/modal/components/__stories__/Modal.stories.tsx +++ b/packages/twenty-ui/src/surfaces/Modal/__stories__/Modal.stories.tsx @@ -1,19 +1,20 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { useState } from 'react'; -import { H1Title, H1TitleFontColor, H2Title, IconX } from '@ui/display'; +import { IconX } from '@ui/icon'; +import { H1Title, H1TitleFontColor, H2Title } from '@ui/typography'; import { Button, IconButton } from '@ui/input'; import { Section, SectionAlignment, SectionFontColor } from '@ui/layout'; import { ComponentDecorator } from '@ui/testing'; -import { Modal } from '../Modal'; -import { ModalContent } from '../ModalContent'; -import { ModalFooter } from '../ModalFooter'; -import { ModalHeader } from '../ModalHeader'; +import { Modal } from '@ui/surfaces/Modal/Modal'; +import { ModalContent } from '@ui/surfaces/ModalContent/ModalContent'; +import { ModalFooter } from '@ui/surfaces/ModalFooter/ModalFooter'; +import { ModalHeader } from '@ui/surfaces/ModalHeader/ModalHeader'; import styles from './Modal.stories.module.scss'; const meta: Meta = { - title: 'UI/Layout/Modal/Modal', + title: 'UI/Surfaces/Modal', component: Modal, decorators: [ComponentDecorator], argTypes: { diff --git a/packages/twenty-ui/src/layout/modal/types/ModalOverlay.ts b/packages/twenty-ui/src/surfaces/Modal/types/ModalOverlay.ts similarity index 100% rename from packages/twenty-ui/src/layout/modal/types/ModalOverlay.ts rename to packages/twenty-ui/src/surfaces/Modal/types/ModalOverlay.ts diff --git a/packages/twenty-ui/src/layout/modal/types/ModalPadding.ts b/packages/twenty-ui/src/surfaces/Modal/types/ModalPadding.ts similarity index 100% rename from packages/twenty-ui/src/layout/modal/types/ModalPadding.ts rename to packages/twenty-ui/src/surfaces/Modal/types/ModalPadding.ts diff --git a/packages/twenty-ui/src/layout/modal/types/ModalProps.ts b/packages/twenty-ui/src/surfaces/Modal/types/ModalProps.ts similarity index 73% rename from packages/twenty-ui/src/layout/modal/types/ModalProps.ts rename to packages/twenty-ui/src/surfaces/Modal/types/ModalProps.ts index 9fcf246345..099e26070b 100644 --- a/packages/twenty-ui/src/layout/modal/types/ModalProps.ts +++ b/packages/twenty-ui/src/surfaces/Modal/types/ModalProps.ts @@ -1,8 +1,8 @@ import type React from 'react'; -import { type ModalOverlay } from './ModalOverlay'; -import { type ModalPadding } from './ModalPadding'; -import { type ModalSize } from './ModalSize'; +import { type ModalOverlay } from '@ui/surfaces/Modal/types/ModalOverlay'; +import { type ModalPadding } from '@ui/surfaces/Modal/types/ModalPadding'; +import { type ModalSize } from '@ui/surfaces/Modal/types/ModalSize'; export type ModalProps = React.PropsWithChildren & { isOpen: boolean; diff --git a/packages/twenty-ui/src/layout/modal/types/ModalSize.ts b/packages/twenty-ui/src/surfaces/Modal/types/ModalSize.ts similarity index 100% rename from packages/twenty-ui/src/layout/modal/types/ModalSize.ts rename to packages/twenty-ui/src/surfaces/Modal/types/ModalSize.ts diff --git a/packages/twenty-ui/src/layout/modal/components/ModalBackdrop.module.scss b/packages/twenty-ui/src/surfaces/ModalBackdrop/ModalBackdrop.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/modal/components/ModalBackdrop.module.scss rename to packages/twenty-ui/src/surfaces/ModalBackdrop/ModalBackdrop.module.scss diff --git a/packages/twenty-ui/src/layout/modal/components/ModalBackdrop.module.scss.d.ts b/packages/twenty-ui/src/surfaces/ModalBackdrop/ModalBackdrop.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/modal/components/ModalBackdrop.module.scss.d.ts rename to packages/twenty-ui/src/surfaces/ModalBackdrop/ModalBackdrop.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/modal/components/ModalBackdrop.tsx b/packages/twenty-ui/src/surfaces/ModalBackdrop/ModalBackdrop.tsx similarity index 93% rename from packages/twenty-ui/src/layout/modal/components/ModalBackdrop.tsx rename to packages/twenty-ui/src/surfaces/ModalBackdrop/ModalBackdrop.tsx index 272823db78..6f1c570c69 100644 --- a/packages/twenty-ui/src/layout/modal/components/ModalBackdrop.tsx +++ b/packages/twenty-ui/src/surfaces/ModalBackdrop/ModalBackdrop.tsx @@ -1,7 +1,7 @@ import { clsx } from 'clsx'; import { forwardRef } from 'react'; -import { type ModalOverlay } from '../types/ModalOverlay'; +import { type ModalOverlay } from '@ui/surfaces/Modal/types/ModalOverlay'; import styles from './ModalBackdrop.module.scss'; diff --git a/packages/twenty-ui/src/layout/modal/components/ModalContent.module.scss b/packages/twenty-ui/src/surfaces/ModalContent/ModalContent.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/modal/components/ModalContent.module.scss rename to packages/twenty-ui/src/surfaces/ModalContent/ModalContent.module.scss diff --git a/packages/twenty-ui/src/layout/modal/components/ModalContent.module.scss.d.ts b/packages/twenty-ui/src/surfaces/ModalContent/ModalContent.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/modal/components/ModalContent.module.scss.d.ts rename to packages/twenty-ui/src/surfaces/ModalContent/ModalContent.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/modal/components/ModalContent.tsx b/packages/twenty-ui/src/surfaces/ModalContent/ModalContent.tsx similarity index 100% rename from packages/twenty-ui/src/layout/modal/components/ModalContent.tsx rename to packages/twenty-ui/src/surfaces/ModalContent/ModalContent.tsx diff --git a/packages/twenty-ui/src/layout/modal/components/ModalFooter.module.scss b/packages/twenty-ui/src/surfaces/ModalFooter/ModalFooter.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/modal/components/ModalFooter.module.scss rename to packages/twenty-ui/src/surfaces/ModalFooter/ModalFooter.module.scss diff --git a/packages/twenty-ui/src/layout/modal/components/ModalFooter.module.scss.d.ts b/packages/twenty-ui/src/surfaces/ModalFooter/ModalFooter.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/modal/components/ModalFooter.module.scss.d.ts rename to packages/twenty-ui/src/surfaces/ModalFooter/ModalFooter.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/modal/components/ModalFooter.tsx b/packages/twenty-ui/src/surfaces/ModalFooter/ModalFooter.tsx similarity index 100% rename from packages/twenty-ui/src/layout/modal/components/ModalFooter.tsx rename to packages/twenty-ui/src/surfaces/ModalFooter/ModalFooter.tsx diff --git a/packages/twenty-ui/src/layout/modal/components/ModalHeader.module.scss b/packages/twenty-ui/src/surfaces/ModalHeader/ModalHeader.module.scss similarity index 100% rename from packages/twenty-ui/src/layout/modal/components/ModalHeader.module.scss rename to packages/twenty-ui/src/surfaces/ModalHeader/ModalHeader.module.scss diff --git a/packages/twenty-ui/src/layout/modal/components/ModalHeader.module.scss.d.ts b/packages/twenty-ui/src/surfaces/ModalHeader/ModalHeader.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/layout/modal/components/ModalHeader.module.scss.d.ts rename to packages/twenty-ui/src/surfaces/ModalHeader/ModalHeader.module.scss.d.ts diff --git a/packages/twenty-ui/src/layout/modal/components/ModalHeader.tsx b/packages/twenty-ui/src/surfaces/ModalHeader/ModalHeader.tsx similarity index 100% rename from packages/twenty-ui/src/layout/modal/components/ModalHeader.tsx rename to packages/twenty-ui/src/surfaces/ModalHeader/ModalHeader.tsx diff --git a/packages/twenty-ui/src/display/tooltip/OverflowingTextWithTooltip.module.scss b/packages/twenty-ui/src/surfaces/OverflowingTextWithTooltip/OverflowingTextWithTooltip.module.scss similarity index 100% rename from packages/twenty-ui/src/display/tooltip/OverflowingTextWithTooltip.module.scss rename to packages/twenty-ui/src/surfaces/OverflowingTextWithTooltip/OverflowingTextWithTooltip.module.scss diff --git a/packages/twenty-ui/src/display/tooltip/OverflowingTextWithTooltip.module.scss.d.ts b/packages/twenty-ui/src/surfaces/OverflowingTextWithTooltip/OverflowingTextWithTooltip.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/tooltip/OverflowingTextWithTooltip.module.scss.d.ts rename to packages/twenty-ui/src/surfaces/OverflowingTextWithTooltip/OverflowingTextWithTooltip.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/tooltip/OverflowingTextWithTooltip.tsx b/packages/twenty-ui/src/surfaces/OverflowingTextWithTooltip/OverflowingTextWithTooltip.tsx similarity index 96% rename from packages/twenty-ui/src/display/tooltip/OverflowingTextWithTooltip.tsx rename to packages/twenty-ui/src/surfaces/OverflowingTextWithTooltip/OverflowingTextWithTooltip.tsx index bc28c117a6..e995613f2d 100644 --- a/packages/twenty-ui/src/display/tooltip/OverflowingTextWithTooltip.tsx +++ b/packages/twenty-ui/src/surfaces/OverflowingTextWithTooltip/OverflowingTextWithTooltip.tsx @@ -3,9 +3,9 @@ import { createPortal } from 'react-dom'; import { isNonEmptyString } from '@sniptt/guards'; import { clsx } from 'clsx'; -import { LinkifiedText } from '@ui/display/components/LinkifiedText'; +import { LinkifiedText } from '@ui/typography/LinkifiedText/LinkifiedText'; import { isDefined } from '@ui/utilities/utils/isDefined'; -import { AppTooltip, TooltipDelay } from './AppTooltip'; +import { AppTooltip, TooltipDelay } from '@ui/surfaces/AppTooltip/AppTooltip'; import styles from './OverflowingTextWithTooltip.module.scss'; diff --git a/packages/twenty-ui/src/display/tooltip/__stories__/OverflowTextWithTooltip.stories.tsx b/packages/twenty-ui/src/surfaces/OverflowingTextWithTooltip/__stories__/OverflowTextWithTooltip.stories.tsx similarity index 98% rename from packages/twenty-ui/src/display/tooltip/__stories__/OverflowTextWithTooltip.stories.tsx rename to packages/twenty-ui/src/surfaces/OverflowingTextWithTooltip/__stories__/OverflowTextWithTooltip.stories.tsx index 4f66dbf251..3e20a5b0d0 100644 --- a/packages/twenty-ui/src/display/tooltip/__stories__/OverflowTextWithTooltip.stories.tsx +++ b/packages/twenty-ui/src/surfaces/OverflowingTextWithTooltip/__stories__/OverflowTextWithTooltip.stories.tsx @@ -9,7 +9,7 @@ const longText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tellus diam, rhoncus nec consequat quis, dapibus quis massa. Praesent tincidunt augue at ex bibendum, non finibus augue faucibus. In at gravida orci. Nulla facilisi. Proin ut augue ut nisi pellentesque tristique. Proin sodales libero id turpis tincidunt posuere. Sed euismod, nunc at aliquam ultricies, nunc nisl aliquet nunc, quis aliquam nisl nunc quis nunc. Donec euismod, nunc quis aliquam ultricies, nunc nisl aliquet nunc.'; const meta: Meta = { - title: 'UI/Display/Tooltip/OverflowingTextWithTooltip', + title: 'UI/Surfaces/OverflowingTextWithTooltip', component: OverflowingTextWithTooltip, }; diff --git a/packages/twenty-ui/src/surfaces/index.ts b/packages/twenty-ui/src/surfaces/index.ts new file mode 100644 index 0000000000..dd449023df --- /dev/null +++ b/packages/twenty-ui/src/surfaces/index.ts @@ -0,0 +1,32 @@ +/* + * _____ _ + *|_ _|_ _____ _ __ | |_ _ _ + * | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file + * | | \ V V / __/ | | | |_| |_| | Any edits to this will be overridden + * |_| \_/\_/ \___|_| |_|\__|\__, | + * |___/ + */ + +export type { AppTooltipProps } from './AppTooltip/AppTooltip'; +export { + TooltipPosition, + TooltipDelay, + AppTooltip, +} from './AppTooltip/AppTooltip'; +export { Card } from './Card/Card'; +export { CardContent } from './CardContent/CardContent'; +export { CardFooter } from './CardFooter/CardFooter'; +export { CardHeader } from './CardHeader/CardHeader'; +export { Modal } from './Modal/Modal'; +export type { ModalOverlay } from './Modal/types/ModalOverlay'; +export type { ModalPadding } from './Modal/types/ModalPadding'; +export type { ModalProps } from './Modal/types/ModalProps'; +export type { ModalSize } from './Modal/types/ModalSize'; +export { ModalBackdrop } from './ModalBackdrop/ModalBackdrop'; +export type { ModalContentProps } from './ModalContent/ModalContent'; +export { ModalContent } from './ModalContent/ModalContent'; +export type { ModalFooterProps } from './ModalFooter/ModalFooter'; +export { ModalFooter } from './ModalFooter/ModalFooter'; +export type { ModalHeaderProps } from './ModalHeader/ModalHeader'; +export { ModalHeader } from './ModalHeader/ModalHeader'; +export { OverflowingTextWithTooltip } from './OverflowingTextWithTooltip/OverflowingTextWithTooltip'; diff --git a/packages/twenty-ui/src/display/typography/components/H1Title.module.scss b/packages/twenty-ui/src/typography/H1Title/H1Title.module.scss similarity index 100% rename from packages/twenty-ui/src/display/typography/components/H1Title.module.scss rename to packages/twenty-ui/src/typography/H1Title/H1Title.module.scss diff --git a/packages/twenty-ui/src/display/typography/components/H1Title.module.scss.d.ts b/packages/twenty-ui/src/typography/H1Title/H1Title.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/typography/components/H1Title.module.scss.d.ts rename to packages/twenty-ui/src/typography/H1Title/H1Title.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/typography/components/H1Title.tsx b/packages/twenty-ui/src/typography/H1Title/H1Title.tsx similarity index 100% rename from packages/twenty-ui/src/display/typography/components/H1Title.tsx rename to packages/twenty-ui/src/typography/H1Title/H1Title.tsx diff --git a/packages/twenty-ui/src/display/typography/components/__stories__/H1Title.stories.tsx b/packages/twenty-ui/src/typography/H1Title/__stories__/H1Title.stories.tsx similarity index 90% rename from packages/twenty-ui/src/display/typography/components/__stories__/H1Title.stories.tsx rename to packages/twenty-ui/src/typography/H1Title/__stories__/H1Title.stories.tsx index 9c7dd69a9d..a52326533a 100644 --- a/packages/twenty-ui/src/display/typography/components/__stories__/H1Title.stories.tsx +++ b/packages/twenty-ui/src/typography/H1Title/__stories__/H1Title.stories.tsx @@ -4,10 +4,10 @@ import { CatalogDecorator } from '@ui/testing/decorators/CatalogDecorator'; import { ComponentDecorator } from '@ui/testing/decorators/ComponentDecorator'; import { type CatalogStory } from '@ui/testing/types/CatalogStory'; -import { H1Title, H1TitleFontColor } from '../H1Title'; +import { H1Title, H1TitleFontColor } from '@ui/typography/H1Title/H1Title'; const meta: Meta = { - title: 'UI/Display/Typography/Title/H1Title', + title: 'UI/Typography/H1Title', component: H1Title, decorators: [ComponentDecorator], }; diff --git a/packages/twenty-ui/src/display/typography/components/H2Title.module.scss b/packages/twenty-ui/src/typography/H2Title/H2Title.module.scss similarity index 100% rename from packages/twenty-ui/src/display/typography/components/H2Title.module.scss rename to packages/twenty-ui/src/typography/H2Title/H2Title.module.scss diff --git a/packages/twenty-ui/src/display/typography/components/H2Title.module.scss.d.ts b/packages/twenty-ui/src/typography/H2Title/H2Title.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/typography/components/H2Title.module.scss.d.ts rename to packages/twenty-ui/src/typography/H2Title/H2Title.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/typography/components/H2Title.tsx b/packages/twenty-ui/src/typography/H2Title/H2Title.tsx similarity index 86% rename from packages/twenty-ui/src/display/typography/components/H2Title.tsx rename to packages/twenty-ui/src/typography/H2Title/H2Title.tsx index ceca604430..46648c1f8c 100644 --- a/packages/twenty-ui/src/display/typography/components/H2Title.tsx +++ b/packages/twenty-ui/src/typography/H2Title/H2Title.tsx @@ -1,6 +1,6 @@ import { clsx } from 'clsx'; -import { OverflowingTextWithTooltip } from '@ui/display/tooltip/OverflowingTextWithTooltip'; +import { OverflowingTextWithTooltip } from '@ui/surfaces/OverflowingTextWithTooltip/OverflowingTextWithTooltip'; import styles from './H2Title.module.scss'; diff --git a/packages/twenty-ui/src/display/typography/components/__stories__/H2Title.stories.tsx b/packages/twenty-ui/src/typography/H2Title/__stories__/H2Title.stories.tsx similarity index 88% rename from packages/twenty-ui/src/display/typography/components/__stories__/H2Title.stories.tsx rename to packages/twenty-ui/src/typography/H2Title/__stories__/H2Title.stories.tsx index b936452bc0..0601a1f94d 100644 --- a/packages/twenty-ui/src/display/typography/components/__stories__/H2Title.stories.tsx +++ b/packages/twenty-ui/src/typography/H2Title/__stories__/H2Title.stories.tsx @@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { ComponentDecorator } from '@ui/testing/decorators/ComponentDecorator'; -import { H2Title } from '../H2Title'; +import { H2Title } from '@ui/typography/H2Title/H2Title'; const args = { title: 'Sub title', @@ -10,7 +10,7 @@ const args = { }; const meta: Meta = { - title: 'UI/Display/Typography/Title/H2Title', + title: 'UI/Typography/H2Title', component: H2Title, decorators: [ComponentDecorator], args: { diff --git a/packages/twenty-ui/src/display/typography/components/H3Title.module.scss b/packages/twenty-ui/src/typography/H3Title/H3Title.module.scss similarity index 100% rename from packages/twenty-ui/src/display/typography/components/H3Title.module.scss rename to packages/twenty-ui/src/typography/H3Title/H3Title.module.scss diff --git a/packages/twenty-ui/src/display/typography/components/H3Title.module.scss.d.ts b/packages/twenty-ui/src/typography/H3Title/H3Title.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/typography/components/H3Title.module.scss.d.ts rename to packages/twenty-ui/src/typography/H3Title/H3Title.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/typography/components/H3Title.tsx b/packages/twenty-ui/src/typography/H3Title/H3Title.tsx similarity index 87% rename from packages/twenty-ui/src/display/typography/components/H3Title.tsx rename to packages/twenty-ui/src/typography/H3Title/H3Title.tsx index 9252d38e50..ab1ba3fddf 100644 --- a/packages/twenty-ui/src/display/typography/components/H3Title.tsx +++ b/packages/twenty-ui/src/typography/H3Title/H3Title.tsx @@ -1,7 +1,7 @@ import { type ReactNode } from 'react'; import { clsx } from 'clsx'; -import { OverflowingTextWithTooltip } from '@ui/display/tooltip/OverflowingTextWithTooltip'; +import { OverflowingTextWithTooltip } from '@ui/surfaces/OverflowingTextWithTooltip/OverflowingTextWithTooltip'; import styles from './H3Title.module.scss'; diff --git a/packages/twenty-ui/src/display/typography/components/__stories__/H3Title.stories.tsx b/packages/twenty-ui/src/typography/H3Title/__stories__/H3Title.stories.tsx similarity index 81% rename from packages/twenty-ui/src/display/typography/components/__stories__/H3Title.stories.tsx rename to packages/twenty-ui/src/typography/H3Title/__stories__/H3Title.stories.tsx index 78286472d7..6054f1a6d0 100644 --- a/packages/twenty-ui/src/display/typography/components/__stories__/H3Title.stories.tsx +++ b/packages/twenty-ui/src/typography/H3Title/__stories__/H3Title.stories.tsx @@ -2,10 +2,10 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { ComponentDecorator } from '@ui/testing/decorators/ComponentDecorator'; -import { H3Title } from '../H3Title'; +import { H3Title } from '@ui/typography/H3Title/H3Title'; const meta: Meta = { - title: 'UI/Display/Typography/Title/H3Title', + title: 'UI/Typography/H3Title', component: H3Title, decorators: [ComponentDecorator], args: { diff --git a/packages/twenty-ui/src/display/typography/components/Label.module.scss b/packages/twenty-ui/src/typography/Label/Label.module.scss similarity index 100% rename from packages/twenty-ui/src/display/typography/components/Label.module.scss rename to packages/twenty-ui/src/typography/Label/Label.module.scss diff --git a/packages/twenty-ui/src/display/typography/components/Label.module.scss.d.ts b/packages/twenty-ui/src/typography/Label/Label.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/typography/components/Label.module.scss.d.ts rename to packages/twenty-ui/src/typography/Label/Label.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/typography/components/Label.tsx b/packages/twenty-ui/src/typography/Label/Label.tsx similarity index 100% rename from packages/twenty-ui/src/display/typography/components/Label.tsx rename to packages/twenty-ui/src/typography/Label/Label.tsx diff --git a/packages/twenty-ui/src/display/typography/components/__stories__/Label.stories.tsx b/packages/twenty-ui/src/typography/Label/__stories__/Label.stories.tsx similarity index 91% rename from packages/twenty-ui/src/display/typography/components/__stories__/Label.stories.tsx rename to packages/twenty-ui/src/typography/Label/__stories__/Label.stories.tsx index 3497371d28..49f7726536 100644 --- a/packages/twenty-ui/src/display/typography/components/__stories__/Label.stories.tsx +++ b/packages/twenty-ui/src/typography/Label/__stories__/Label.stories.tsx @@ -4,10 +4,10 @@ import { CatalogDecorator } from '@ui/testing/decorators/CatalogDecorator'; import { ComponentDecorator } from '@ui/testing/decorators/ComponentDecorator'; import { type CatalogStory } from '@ui/testing/types/CatalogStory'; -import { Label, type LabelVariant } from '../Label'; +import { Label, type LabelVariant } from '@ui/typography/Label/Label'; const meta: Meta = { - title: 'UI/Display/Typography/Label', + title: 'UI/Typography/Label', component: Label, decorators: [ComponentDecorator], }; diff --git a/packages/twenty-ui/src/display/components/LinkifiedText.module.scss b/packages/twenty-ui/src/typography/LinkifiedText/LinkifiedText.module.scss similarity index 100% rename from packages/twenty-ui/src/display/components/LinkifiedText.module.scss rename to packages/twenty-ui/src/typography/LinkifiedText/LinkifiedText.module.scss diff --git a/packages/twenty-ui/src/display/components/LinkifiedText.module.scss.d.ts b/packages/twenty-ui/src/typography/LinkifiedText/LinkifiedText.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/components/LinkifiedText.module.scss.d.ts rename to packages/twenty-ui/src/typography/LinkifiedText/LinkifiedText.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/components/LinkifiedText.tsx b/packages/twenty-ui/src/typography/LinkifiedText/LinkifiedText.tsx similarity index 100% rename from packages/twenty-ui/src/display/components/LinkifiedText.tsx rename to packages/twenty-ui/src/typography/LinkifiedText/LinkifiedText.tsx diff --git a/packages/twenty-ui/src/display/text/components/SeparatorLineText.module.scss b/packages/twenty-ui/src/typography/SeparatorLineText/SeparatorLineText.module.scss similarity index 100% rename from packages/twenty-ui/src/display/text/components/SeparatorLineText.module.scss rename to packages/twenty-ui/src/typography/SeparatorLineText/SeparatorLineText.module.scss diff --git a/packages/twenty-ui/src/display/text/components/SeparatorLineText.module.scss.d.ts b/packages/twenty-ui/src/typography/SeparatorLineText/SeparatorLineText.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/text/components/SeparatorLineText.module.scss.d.ts rename to packages/twenty-ui/src/typography/SeparatorLineText/SeparatorLineText.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/text/components/SeparatorLineText.tsx b/packages/twenty-ui/src/typography/SeparatorLineText/SeparatorLineText.tsx similarity index 100% rename from packages/twenty-ui/src/display/text/components/SeparatorLineText.tsx rename to packages/twenty-ui/src/typography/SeparatorLineText/SeparatorLineText.tsx diff --git a/packages/twenty-ui/src/display/text/components/__stories__/SeparatorLineText.stories.tsx b/packages/twenty-ui/src/typography/SeparatorLineText/__stories__/SeparatorLineText.stories.tsx similarity index 78% rename from packages/twenty-ui/src/display/text/components/__stories__/SeparatorLineText.stories.tsx rename to packages/twenty-ui/src/typography/SeparatorLineText/__stories__/SeparatorLineText.stories.tsx index 44957bf5ac..63fd095b18 100644 --- a/packages/twenty-ui/src/display/text/components/__stories__/SeparatorLineText.stories.tsx +++ b/packages/twenty-ui/src/typography/SeparatorLineText/__stories__/SeparatorLineText.stories.tsx @@ -1,10 +1,10 @@ import { type Meta, type StoryObj } from '@storybook/react-vite'; import { ComponentDecorator } from '@ui/testing'; -import { SeparatorLineText } from '../SeparatorLineText'; +import { SeparatorLineText } from '@ui/typography/SeparatorLineText/SeparatorLineText'; const meta: Meta = { - title: 'UI/Display/Text/SeparatorLineText', + title: 'UI/Typography/SeparatorLineText', component: SeparatorLineText, args: { children: 'Or' }, decorators: [ComponentDecorator], diff --git a/packages/twenty-ui/src/display/typography/components/StyledText.module.scss b/packages/twenty-ui/src/typography/StyledText/StyledText.module.scss similarity index 100% rename from packages/twenty-ui/src/display/typography/components/StyledText.module.scss rename to packages/twenty-ui/src/typography/StyledText/StyledText.module.scss diff --git a/packages/twenty-ui/src/display/typography/components/StyledText.module.scss.d.ts b/packages/twenty-ui/src/typography/StyledText/StyledText.module.scss.d.ts similarity index 100% rename from packages/twenty-ui/src/display/typography/components/StyledText.module.scss.d.ts rename to packages/twenty-ui/src/typography/StyledText/StyledText.module.scss.d.ts diff --git a/packages/twenty-ui/src/display/typography/components/StyledText.tsx b/packages/twenty-ui/src/typography/StyledText/StyledText.tsx similarity index 100% rename from packages/twenty-ui/src/display/typography/components/StyledText.tsx rename to packages/twenty-ui/src/typography/StyledText/StyledText.tsx diff --git a/packages/twenty-ui/src/typography/index.ts b/packages/twenty-ui/src/typography/index.ts new file mode 100644 index 0000000000..3eff53c400 --- /dev/null +++ b/packages/twenty-ui/src/typography/index.ts @@ -0,0 +1,21 @@ +/* + * _____ _ + *|_ _|_ _____ _ __ | |_ _ _ + * | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file + * | | \ V V / __/ | | | |_| |_| | Any edits to this will be overridden + * |_| \_/\_/ \___|_| |_|\__|\__, | + * |___/ + */ + +export { H1TitleFontColor, H1Title } from './H1Title/H1Title'; +export { H2Title } from './H2Title/H2Title'; +export { H3Title } from './H3Title/H3Title'; +export type { LabelVariant } from './Label/Label'; +export { Label } from './Label/Label'; +export { LinkifiedText } from './LinkifiedText/LinkifiedText'; +export { SeparatorLineText } from './SeparatorLineText/SeparatorLineText'; +export { + StyledTextContent, + StyledTextWrapper, + StyledText, +} from './StyledText/StyledText'; diff --git a/packages/twenty-ui/src/utilities/animation/index.ts b/packages/twenty-ui/src/utilities/animation/index.ts deleted file mode 100644 index 1754312639..0000000000 --- a/packages/twenty-ui/src/utilities/animation/index.ts +++ /dev/null @@ -1,8 +0,0 @@ -export * from './components/AnimatedCircleLoading'; -export * from './components/AnimatedContainer'; -export * from './components/AnimatedEaseIn'; -export * from './components/AnimatedEaseInOut'; -export * from './components/AnimatedFadeOut'; -export * from './components/AnimatedIconCrossfade'; -export * from './components/AnimatedTextWord'; -export * from './components/AnimatedTranslation'; diff --git a/packages/twenty-ui/src/utilities/index.ts b/packages/twenty-ui/src/utilities/index.ts index a2239add0f..e5bbd31d1d 100644 --- a/packages/twenty-ui/src/utilities/index.ts +++ b/packages/twenty-ui/src/utilities/index.ts @@ -7,15 +7,6 @@ * |___/ */ -export { AnimatedCircleLoading } from './animation/components/AnimatedCircleLoading'; -export { AnimatedContainer } from './animation/components/AnimatedContainer'; -export { AnimatedEaseIn } from './animation/components/AnimatedEaseIn'; -export { AnimatedEaseInOut } from './animation/components/AnimatedEaseInOut'; -export { AnimatedFadeOut } from './animation/components/AnimatedFadeOut'; -export { AnimatedIconCrossfade } from './animation/components/AnimatedIconCrossfade'; -export { AnimatedRotate } from './animation/components/AnimatedRotate'; -export { AnimatedTextWord } from './animation/components/AnimatedTextWord'; -export { AnimatedTranslation } from './animation/components/AnimatedTranslation'; export { getMainColorNameFromPaletteColorName } from './color/utils/getMainColorNameFromPaletteColorName'; export { parseThemeColor } from './color/utils/parseThemeColor'; export { @@ -27,7 +18,6 @@ export { REACT_APP_SERVER_BASE_URL } from './config'; export { getOsControlSymbol } from './device/getOsControlSymbol'; export { getOsShortcutSeparator } from './device/getOsShortcutSeparator'; export { getUserDevice } from './device/getUserDevice'; -export { AutogrowWrapper } from './dimensions/components/AutogrowWrapper'; export { useMouseDownNavigation } from './navigation/hooks/useMouseDownNavigation'; export { useResetLocationHash } from './navigation/hooks/useResetLocationHash'; export { isNavigationModifierPressed } from './navigation/isNavigationModifierPressed'; diff --git a/packages/twenty-ui/src/utilities/utils/__tests__/getDisplayValueByUrlType.test.ts b/packages/twenty-ui/src/utilities/utils/__tests__/getDisplayValueByUrlType.test.ts index 2aa2e162f8..b3ebc83ffb 100644 --- a/packages/twenty-ui/src/utilities/utils/__tests__/getDisplayValueByUrlType.test.ts +++ b/packages/twenty-ui/src/utilities/utils/__tests__/getDisplayValueByUrlType.test.ts @@ -1,4 +1,4 @@ -import { LinkType } from '@ui/navigation/link/components/SocialLink'; +import { LinkType } from '@ui/navigation/SocialLink/SocialLink'; import { getDisplayValueByUrlType } from '../getDisplayValueByUrlType';