diff --git a/src/assets/svg/mp_act_lt_dragandrop.svg b/src/assets/svg/mp_act_lt_dragandrop.svg new file mode 100644 index 000000000..5af37193a --- /dev/null +++ b/src/assets/svg/mp_act_lt_dragandrop.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/components/icons/index.ts b/src/components/icons/index.ts index 46615b66c..92c9f9b55 100644 --- a/src/components/icons/index.ts +++ b/src/components/icons/index.ts @@ -11,6 +11,7 @@ import CloudIcon from 'src/assets/svg/cloud.svg?react' import ConnectionsIcon from 'src/assets/svg/connections.svg?react' import DataPlatformIconDt from 'src/assets/svg/mp_pm_dt_data-platform.svg?react' import DatabaseIcon from 'src/assets/svg/database.svg?react' +import DragAndDropIcon from 'src/assets/svg/mp_act_lt_dragandrop.svg?react' import DsrIcon from 'src/assets/svg/mp_pm_lt_dsr.svg?react' import EmptyIcon from 'src/assets/svg/empty.svg?react' import EnrichmentIcon from 'src/assets/svg/mp_pm_lt_enrichment.svg?react' @@ -87,9 +88,12 @@ import Copy from 'src/assets/svg/mp_act_lt_copy.svg?react' import MoreActions from 'src/assets/svg/mp_act_lt_more-actions.svg?react' export { + Account, + ActiveIcon, AddIcon, AlicornIcon, AnalyticsIconDt, + Annotation, C360IconDt, CatalogIcon, ChartColumnIcon, @@ -97,41 +101,74 @@ export { CheckIcon, CircleNodesIcon, CloudIcon, + Cohort, ConnectionsIcon, - DataPlatformIconDt, + ConversionIcon, + Copy, + Dashboard, DatabaseIcon, + DataPlatformIconDt, + Delete, + DirectoryIcon, + DragAndDropIcon, + DropdownClose, + DropdownOpen, DsrIcon, + Edit, EmptyIcon, EnrichmentIcon, EventAttributeIcon, EventIcon, + FilterIcon, FitToScreen, FolderClosedIcon, ForwardingIcon, + FullScreen, + Funnel, GearIcon, GridIcon, HeartIcon, HelpIcon, HelpVideoIcon, IdentityIcon, + InfoIcon, + JourneyAnalysis, JumpToIcon, LightBulbIcon, + LinkIcon, LiveStreamIcon, - PaywallIcon, + LockIcon, MessageQuestionIcon, + MoreActions, MpLogoIcon, + NextIcon, + NotificationIcon, ObservabilityIcon, + OpenTabIcon, + Organization, OversightIconDt, - PredictionsIconDt, + OverviewIconDt, + PaywallIcon, + Placeholder, PredictionsIcon, + PredictionsIconDt, + PremiumIcon, + PremiumIconDt, + PreviousIcon, + Privileges, + RefreshFrequency, RemoveIcon, + ScheduledReport, SearchIcon, + SegmentationAnalysis, SegmentationIconDt, ShieldKeyholeIcon, SignoutIcon, SplitIcon, SystemAlertsIcon, + TextWidget, TransformationsIcon, + UnlockIcon, UploadIcon, UserAttributeIcon, UserProfilesIcon, @@ -139,39 +176,4 @@ export { WrenchIcon, ZoomIn, ZoomOut, - OpenTabIcon, - ConversionIcon, - PremiumIcon, - NextIcon, - PreviousIcon, - DirectoryIcon, - LockIcon, - UnlockIcon, - NotificationIcon, - PremiumIconDt, - OverviewIconDt, - FilterIcon, - LinkIcon, - ActiveIcon, - InfoIcon, - Placeholder, - Organization, - JourneyAnalysis, - Dashboard, - Account, - TextWidget, - RefreshFrequency, - Privileges, - Funnel, - Cohort, - Annotation, - Delete, - DropdownClose, - DropdownOpen, - SegmentationAnalysis, - ScheduledReport, - FullScreen, - Edit, - Copy, - MoreActions, } diff --git a/src/constants/Icons.ts b/src/constants/Icons.ts index 0c41eaf6f..5910812af 100644 --- a/src/constants/Icons.ts +++ b/src/constants/Icons.ts @@ -14,6 +14,7 @@ import { ConnectionsIcon, DataPlatformIconDt, DatabaseIcon, + DragAndDropIcon, DsrIcon, EmptyIcon, EnrichmentIcon, @@ -91,6 +92,14 @@ import { } from 'src/components/icons' export const Icons: Record = { + account: { + light: Account, + default: 'light', + }, + active: { + light: ActiveIcon, + default: 'light', + }, add: { light: AddIcon, 'duo-tone': AddIcon, @@ -104,6 +113,18 @@ export const Icons: Record = { 'duo-tone': AnalyticsIconDt, default: 'duo-tone', }, + annotation: { + light: Annotation, + default: 'light', + }, + api: { + light: CloudIcon, + default: 'light', + }, + audiences: { + light: UsersIcon, + default: 'light', + }, C360: { 'duo-tone': C360IconDt, default: 'duo-tone', @@ -122,26 +143,18 @@ export const Icons: Record = { default: 'light', deprecated: 'trends', }, - trends: { - light: ChartLineIcon, - default: 'light', - }, check: { light: CheckIcon, default: 'light', deprecated: 'selected', }, - selected: { - light: CheckIcon, - default: 'light', - }, circleNodes: { light: CircleNodesIcon, default: 'light', deprecated: 'pipelines', }, - pipelines: { - light: CircleNodesIcon, + close: { + light: RemoveIcon, default: 'light', }, cloud: { @@ -149,22 +162,62 @@ export const Icons: Record = { default: 'light', deprecated: 'api', }, - api: { - light: CloudIcon, + cohort: { + light: Cohort, default: 'light', }, connections: { light: ConnectionsIcon, default: 'light', }, + conversion: { + light: ConversionIcon, + default: 'light', + }, + copy: { + light: Copy, + default: 'light', + }, + dashboard: { + light: Dashboard, + default: 'light', + }, database: { light: DatabaseIcon, default: 'light', }, + dataPlatform: { + 'duo-tone': DataPlatformIconDt, + default: 'duo-tone', + }, + delete: { + light: Delete, + default: 'light', + }, + directory: { + light: DirectoryIcon, + default: 'light', + }, + dragAndDrop: { + light: DragAndDropIcon, + default: 'light', + }, + dropdownClose: { + light: DropdownClose, + default: 'light', + }, + dropdownOpen: { + light: DropdownOpen, + default: 'light', + }, dsr: { light: DsrIcon, default: 'light', }, + edit: { + light: Edit, + default: 'light', + }, empty: { light: EmptyIcon, default: 'light', @@ -181,6 +234,14 @@ export const Icons: Record = { light: EventAttributeIcon, default: 'light', }, + favorite: { + light: HeartIcon, + default: 'light', + }, + filter: { + light: FilterIcon, + default: 'light', + }, fitToScreen: { light: FitToScreen, default: 'light', @@ -190,49 +251,61 @@ export const Icons: Record = { default: 'light', deprecated: 'savedProjects', }, - savedProjects: { - light: FolderClosedIcon, - default: 'light', - }, forwarding: { light: ForwardingIcon, default: 'light', }, - gear: { - light: GearIcon, + fullScreen: { + light: FullScreen, default: 'light', - deprecated: 'settings', }, - settings: { + funnel: { + light: Funnel, + default: 'light', + }, + gear: { light: GearIcon, default: 'light', + deprecated: 'settings', }, grid: { light: GridIcon, default: 'light', deprecated: 'myHub', }, - myHub: { - light: GridIcon, - default: 'light', - }, heart: { light: HeartIcon, default: 'light', deprecated: 'favorite', }, - favorite: { - light: HeartIcon, - default: 'light', - }, help: { light: HelpIcon, default: 'light', }, + helpVideo: { + light: HelpVideoIcon, + default: 'light', + }, identity: { light: IdentityIcon, default: 'light', }, + info: { + light: InfoIcon, + default: 'light', + }, + insights: { + light: LightBulbIcon, + default: 'light', + }, + journeyAnalysis: { + light: JourneyAnalysis, + default: 'light', + }, + journeys: { + light: SplitIcon, + default: 'light', + }, jumpTo: { light: JumpToIcon, default: 'light', @@ -242,16 +315,20 @@ export const Icons: Record = { default: 'light', deprecated: 'insights', }, - insights: { - light: LightBulbIcon, + link: { + light: LinkIcon, default: 'light', }, liveStream: { light: LiveStreamIcon, default: 'light', }, - paywall: { - light: PaywallIcon, + lock: { + light: LockIcon, + default: 'light', + }, + logout: { + light: SignoutIcon, default: 'light', }, messageQuestion: { @@ -259,128 +336,61 @@ export const Icons: Record = { default: 'light', deprecated: 'support', }, - support: { - light: MessageQuestionIcon, + moreActions: { + light: MoreActions, default: 'light', }, mpLogo: { light: MpLogoIcon, default: 'light', }, - observability: { - light: ObservabilityIcon, - default: 'light', - }, - oversight: { - 'duo-tone': OversightIconDt, - default: 'duo-tone', - }, - remove: { - light: RemoveIcon, - default: 'light', - }, - close: { - light: RemoveIcon, + myHub: { + light: GridIcon, default: 'light', }, - search: { - light: SearchIcon, + next: { + light: NextIcon, default: 'light', }, - segmentation: { - 'duo-tone': SegmentationIconDt, - default: 'duo-tone', - }, - shieldKeyhole: { - light: ShieldKeyholeIcon, + notification: { + light: NotificationIcon, default: 'light', - deprecated: 'privacy', }, - privacy: { - light: ShieldKeyholeIcon, + observability: { + light: ObservabilityIcon, default: 'light', }, - signout: { - light: SignoutIcon, + openTab: { + light: OpenTabIcon, default: 'light', - deprecated: 'logout', }, - logout: { - light: SignoutIcon, + organization: { + light: Organization, default: 'light', }, - siteMap: { - 'duo-tone': DataPlatformIconDt, - default: 'duo-tone', - deprecated: 'dataPlatform', - }, - dataPlatform: { - 'duo-tone': DataPlatformIconDt, + oversight: { + 'duo-tone': OversightIconDt, default: 'duo-tone', }, - sparkles: { - light: PredictionsIcon, - 'duo-tone': PredictionsIconDt, + overview: { + 'duo-tone': OverviewIconDt, default: 'duo-tone', - deprecated: 'predictions', - }, - predictions: { - light: PredictionsIcon, - 'duo-tone': PredictionsIconDt, - default: 'light', - }, - split: { - light: SplitIcon, - default: 'light', - deprecated: 'journeys', - }, - journeys: { - light: SplitIcon, - default: 'light', - }, - systemAlerts: { - light: SystemAlertsIcon, - default: 'light', - }, - transformation: { - light: TransformationsIcon, - default: 'light', - }, - upload: { - light: UploadIcon, - default: 'light', - }, - userAttribute: { - light: UserAttributeIcon, - default: 'light', }, - userProfiles: { - light: UserProfilesIcon, - default: 'light', - }, - users: { - light: UsersIcon, - default: 'light', - }, - audiences: { - light: UsersIcon, - default: 'light', - }, - wrench: { - light: WrenchIcon, + paywall: { + light: PaywallIcon, default: 'light', - deprecated: 'setup', }, - setup: { - light: WrenchIcon, + pipelines: { + light: CircleNodesIcon, default: 'light', }, - zoomIn: { - light: ZoomIn, + placeholder: { + light: Placeholder, default: 'light', }, - zoomOut: { - light: ZoomOut, + predictions: { + light: PredictionsIcon, + 'duo-tone': PredictionsIconDt, default: 'light', }, premium: { @@ -394,140 +404,135 @@ export const Icons: Record = { default: 'duo-tone', deprecated: 'premium', }, - helpVideo: { - light: HelpVideoIcon, - default: 'light', - }, - conversion: { - light: ConversionIcon, - default: 'light', - }, - next: { - light: NextIcon, - default: 'light', - }, previous: { light: PreviousIcon, default: 'light', }, - openTab: { - light: OpenTabIcon, + privacy: { + light: ShieldKeyholeIcon, default: 'light', }, - directory: { - light: DirectoryIcon, + privileges: { + light: Privileges, default: 'light', }, - lock: { - light: LockIcon, + refreshFrequency: { + light: RefreshFrequency, default: 'light', }, - unlock: { - light: UnlockIcon, + remove: { + light: RemoveIcon, default: 'light', }, - notification: { - light: NotificationIcon, + savedProjects: { + light: FolderClosedIcon, default: 'light', }, - overview: { - 'duo-tone': OverviewIconDt, - default: 'duo-tone', - }, - filter: { - light: FilterIcon, + scheduledReport: { + light: ScheduledReport, default: 'light', }, - active: { - light: ActiveIcon, + search: { + light: SearchIcon, default: 'light', }, - link: { - light: LinkIcon, - default: 'light', + segmentation: { + 'duo-tone': SegmentationIconDt, + default: 'duo-tone', }, - info: { - light: InfoIcon, + segmentationAnalysis: { + light: SegmentationAnalysis, default: 'light', }, - placeholder: { - light: Placeholder, + selected: { + light: CheckIcon, default: 'light', }, - organization: { - light: Organization, + settings: { + light: GearIcon, default: 'light', }, - journeyAnalysis: { - light: JourneyAnalysis, + setup: { + light: WrenchIcon, default: 'light', }, - dashboard: { - light: Dashboard, + shieldKeyhole: { + light: ShieldKeyholeIcon, default: 'light', + deprecated: 'privacy', }, - account: { - light: Account, + signout: { + light: SignoutIcon, default: 'light', + deprecated: 'logout', }, - textWidget: { - light: TextWidget, - default: 'light', + siteMap: { + 'duo-tone': DataPlatformIconDt, + default: 'duo-tone', + deprecated: 'dataPlatform', }, - refreshFrequency: { - light: RefreshFrequency, + sparkles: { + light: PredictionsIcon, + 'duo-tone': PredictionsIconDt, + default: 'duo-tone', + deprecated: 'predictions', + }, + split: { + light: SplitIcon, default: 'light', + deprecated: 'journeys', }, - privileges: { - light: Privileges, + support: { + light: MessageQuestionIcon, default: 'light', }, - funnel: { - light: Funnel, + systemAlerts: { + light: SystemAlertsIcon, default: 'light', }, - cohort: { - light: Cohort, + textWidget: { + light: TextWidget, default: 'light', }, - annotation: { - light: Annotation, + transformation: { + light: TransformationsIcon, default: 'light', }, - delete: { - light: Delete, + trends: { + light: ChartLineIcon, default: 'light', }, - dropdownClose: { - light: DropdownClose, + unlock: { + light: UnlockIcon, default: 'light', }, - dropdownOpen: { - light: DropdownOpen, + upload: { + light: UploadIcon, default: 'light', }, - segmentationAnalysis: { - light: SegmentationAnalysis, + userAttribute: { + light: UserAttributeIcon, default: 'light', }, - scheduledReport: { - light: ScheduledReport, + userProfiles: { + light: UserProfilesIcon, default: 'light', }, - fullScreen: { - light: FullScreen, + users: { + light: UsersIcon, default: 'light', }, - edit: { - light: Edit, + wrench: { + light: WrenchIcon, default: 'light', + deprecated: 'setup', }, - copy: { - light: Copy, + zoomIn: { + light: ZoomIn, default: 'light', }, - moreActions: { - light: MoreActions, + zoomOut: { + light: ZoomOut, default: 'light', }, } as const diff --git a/src/types/icons.ts b/src/types/icons.ts index ad79b84f5..5a01e0211 100644 --- a/src/types/icons.ts +++ b/src/types/icons.ts @@ -15,51 +15,104 @@ export type IconOptions = RequireAtLeastOne< // TODO: Mark icon names as @deprecated in ticket UNI-838. export type IconNames = + | 'account' + | 'active' | 'add' | 'alicorn' | 'analytics' + | 'annotation' + | 'api' + | 'audiences' | 'C360' | 'catalog' | 'chartColumn' | 'chartLine' | 'check' | 'circleNodes' + | 'close' | 'cloud' + | 'cohort' | 'connections' + | 'conversion' + | 'copy' + | 'dashboard' | 'database' + | 'dataPlatform' + | 'delete' + | 'directory' + | 'dragAndDrop' + | 'dropdownClose' + | 'dropdownOpen' | 'dsr' + | 'edit' | 'empty' | 'enrichment' | 'event' | 'eventAttribute' + | 'favorite' + | 'filter' | 'fitToScreen' | 'folderClosed' | 'forwarding' + | 'fullScreen' + | 'funnel' | 'gear' | 'grid' | 'heart' | 'help' + | 'helpVideo' | 'identity' + | 'info' + | 'insights' + | 'journeyAnalysis' + | 'journeys' | 'jumpTo' | 'lightBulb' + | 'link' | 'liveStream' - | 'paywall' + | 'lock' + | 'logout' | 'messageQuestion' + | 'moreActions' | 'mpLogo' + | 'myHub' + | 'next' + | 'notification' | 'observability' + | 'openTab' + | 'organization' | 'oversight' + | 'overview' + | 'paywall' + | 'pipelines' + | 'placeholder' | 'predictions' + | 'premium' + | 'premiumDt' + | 'previous' + | 'privacy' + | 'privileges' + | 'refreshFrequency' | 'remove' + | 'savedProjects' + | 'scheduledReport' | 'search' | 'segmentation' + | 'segmentationAnalysis' + | 'selected' + | 'settings' + | 'setup' | 'shieldKeyhole' | 'signout' | 'siteMap' | 'sparkles' - | 'premiumDt' | 'split' + | 'support' | 'systemAlerts' + | 'textWidget' | 'transformation' + | 'trends' + | 'unlock' | 'upload' | 'userAttribute' | 'userProfiles' @@ -67,55 +120,3 @@ export type IconNames = | 'wrench' | 'zoomIn' | 'zoomOut' - | 'premium' - | 'helpVideo' - | 'conversion' - | 'next' - | 'previous' - | 'openTab' - | 'directory' - | 'lock' - | 'unlock' - | 'notification' - | 'overview' - | 'trends' - | 'settings' - | 'support' - | 'close' - | 'privacy' - | 'dataPlatform' - | 'journeys' - | 'setup' - | 'logout' - | 'audiences' - | 'selected' - | 'pipelines' - | 'api' - | 'savedProjects' - | 'myHub' - | 'favorite' - | 'insights' - | 'filter' - | 'active' - | 'link' - | 'info' - | 'placeholder' - | 'organization' - | 'journeyAnalysis' - | 'dashboard' - | 'account' - | 'textWidget' - | 'refreshFrequency' - | 'privileges' - | 'funnel' - | 'cohort' - | 'annotation' - | 'delete' - | 'dropdownClose' - | 'dropdownOpen' - | 'segmentationAnalysis' - | 'scheduledReport' - | 'fullScreen' - | 'edit' - | 'copy' - | 'moreActions'