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'