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';