@medable/nucleus-ui 2.0.0

package/icon/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/icon.component';
+export * from './lib/icon.types';
+export * from './lib/icon.map';

package/icon/src/index.js

@@ -0,0 +1,4 @@
+export * from './lib/icon.component';
+export * from './lib/icon.types';
+export * from './lib/icon.map';
+//# sourceMappingURL=index.js.map

package/icon/src/lib/icon.component.d.ts

@@ -0,0 +1,5 @@
+import { IconProps } from './icon.types';
+/**
+ * Icons provide a visual language that quickly communicates actions. They can be informational or interactive.
+ */
+export declare const Icon: ({ name, color, onClick, size }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icon/src/lib/icon.component.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { isRtl, LocaleContext } from '../../../i18n/src';
+import { ICON_MAP } from './icon.map';
+import { ICON_COLOR_MAP, ICON_SIZES_MAP } from './icon.types';
+/**
+ * Icons provide a visual language that quickly communicates actions. They can be informational or interactive.
+ */
+export const Icon = ({ name, color = 'gray', onClick, size = 'base' }) => {
+    const locale = useContext(LocaleContext);
+    const iconColor = ICON_COLOR_MAP[color];
+    const { IconComponent } = ICON_MAP[name];
+    /**
+     * We define if the icon needs to be rotated or reversed based on the current locale and the icon configuration.
+     * vertical reverse: the icon will be flipped vertically, but it will not support LTR as there are no current needs for this
+     */
+    const getOrientationStyles = () => {
+        const rtl = ICON_MAP[name].supportsRTL && isRtl(locale);
+        if (ICON_MAP[name].verticalReverse ||
+            (ICON_MAP[name].horizontalReverse && !rtl) ||
+            (!ICON_MAP[name].horizontalReverse && rtl)) {
+            return 'nucleus-transform nucleus-rotate-180';
+        }
+        return '';
+    };
+    return (_jsx(IconComponent, { className: `nucleus-inline-block nucleus-box-border nucleus-align-middle ${iconColor} ${getOrientationStyles()} ${typeof size === 'string' ? ICON_SIZES_MAP[size] : ''} ${onClick ? 'nucleus-cursor-pointer' : ''}`, name: name, size: typeof size === 'number' ? size : undefined, role: 'img', onClick: onClick }));
+};
+//# sourceMappingURL=icon.component.js.map

package/icon/src/lib/icon.map.d.ts

@@ -0,0 +1,10 @@
+import { JSXElementConstructor } from 'react';
+import { IconName, InternalIconProps } from './icon.types';
+type IconDefinition = {
+    IconComponent: JSXElementConstructor<InternalIconProps>;
+    horizontalReverse?: boolean;
+    supportsRTL?: boolean;
+    verticalReverse?: boolean;
+};
+export declare const ICON_MAP: Record<IconName, IconDefinition>;
+export {};

package/icon/src/lib/icon.map.js

@@ -0,0 +1,301 @@
+import { AddIcon } from './icons/add.icon';
+import { AddDuplicateSolidIcon } from './icons/add_duplicate-solid.icon';
+import { AISparklesSolidIcon } from './icons/ai_sparkles_solid.icon';
+import { AlignCenterIcon } from './icons/align_center.icon';
+import { AlignLeftIcon } from './icons/align_left.icon';
+import { AlignRightIcon } from './icons/align_right.icon';
+import { AnimatedSparklesIcon } from './icons/animated_sparkles.icon';
+import { ArrowHorizontalIcon } from './icons/arrow_horizontal.icon';
+import { ArrowMergeIcon } from './icons/arrow_merge.icon';
+import { ArrowSplitIcon } from './icons/arrow_split.icon';
+import { ArrowUpRightIcon } from './icons/arrow_up_right.icon';
+import { ArrowsRightLeftIcon } from './icons/arrows_right_left.icon';
+import { AttachmentIcon } from './icons/attachment.icon';
+import { BanIcon } from './icons/ban.icon';
+import { BellAlertIcon } from './icons/bell_alert.icon';
+import { BellSolidIcon } from './icons/bell_solid.icon';
+import { BoltIcon } from './icons/bolt.icon';
+import { BoltSolidIcon } from './icons/bolt_solid.icon';
+import { BookOpenIcon } from './icons/book_open.icon';
+import { BookOpenSolidIcon } from './icons/book_open_solid.icon';
+import { ChangeIcon } from './icons/change.icon';
+import { ChartBarIcon } from './icons/chart_bar.icon';
+import { ChartBarSquareIcon } from './icons/chart_bar_square.icon';
+import { ChatBubbleLeftIcon } from './icons/chat_bubble_left.icon';
+import { ChatBubbleLeftEllipsisIcon } from './icons/chat_bubble_left_ellipsis.icon';
+import { ChatBubbleLeftEllipsisSolidIcon } from './icons/chat_bubble_left_ellipsis_solid.icon';
+import { ChatBubbleOvalLeftEllipsisIcon } from './icons/chat_bubble_oval_left_ellipsis.icon';
+import { CheckCircleSolidIcon } from './icons/check_circle_solid';
+import { ChevronDownIcon } from './icons/chevron_down.icon';
+import { ChevronRightIcon } from './icons/chevron_right.icon';
+import { CircleIcon } from './icons/circle.icon';
+import { ClipboardDocumentCheckIcon } from './icons/clipboard_document_check.icon';
+import { ClipboardDocumentCheckSolidIcon } from './icons/clipboard_document_check_solid.icon';
+import { ClockSolidIcon } from './icons/clock_solid.icon';
+import { CloseIcon } from './icons/close.icon';
+import { CogIcon } from './icons/cog.icon';
+import { ConfirmIcon } from './icons/confirm.icon';
+import { CubeSolidIcon } from './icons/cube_solid.icon';
+import { CubeTransparentIcon } from './icons/cube_transparent.icon';
+import { DateIcon } from './icons/date.icon';
+import { DeleteIcon } from './icons/delete.icon';
+import { DeleteSolidIcon } from './icons/delete_solid.icon';
+import { DeviceComputerIcon } from './icons/device_computer.icon';
+import { DevicePhoneIcon } from './icons/device_phone.icon';
+import { DeviceTabletIcon } from './icons/device_tablet.icon';
+import { DisplayArrowInIcon } from './icons/display_arrow_in.icon';
+import { DisplayArrowOutIcon } from './icons/display_arrow_out.icon';
+import { DocumentChartBarIcon } from './icons/document_chart_bar.icon';
+import { DownloadIcon } from './icons/download.icon';
+import { EditIcon } from './icons/edit.icon';
+import { ErrorIcon } from './icons/error.icon';
+import { ExclamationTriangleSolidIcon } from './icons/exclamation_triangle_solid';
+import { ExternalLinkIcon } from './icons/external_link.icon';
+import { EyeIcon } from './icons/eye.icon';
+import { EyeCircleIcon } from './icons/eye_circle.icon';
+import { EyeSlashIcon } from './icons/eye_slash.icon';
+import { FileDownloadSolidIcon } from './icons/file_download_solid.icon';
+import { FilterIcon } from './icons/filter.icon';
+import { FilterSolidIcon } from './icons/filter_solid.icon';
+import { FlagIcon } from './icons/flag.icon';
+import { FontSizeIcon } from './icons/font_size.icon';
+import { FormatAlignListIcon } from './icons/format_align_list.icon';
+import { FormatBoldIcon } from './icons/format_bold.icon';
+import { FormatItalicsIcon } from './icons/format_italics.icon';
+import { FormatListIcon } from './icons/format_list.icon';
+import { FormatUnderlineIcon } from './icons/format_underline.icon';
+import { HamburgerMenuIcon } from './icons/hamburger_menu.icon';
+import { HandThumbUpIcon } from './icons/hand_thumb_up.icon';
+import { HandThumbUpSolidIcon } from './icons/hand_thumb_up_solid.icon';
+import { ImageIcon } from './icons/image.icon';
+import { InfoIcon } from './icons/info.icon';
+import { InfoCircleSolidIcon } from './icons/info_circle_solid';
+import { KeyIcon } from './icons/key.icon';
+import { KeySolidIcon } from './icons/key_solid.icon';
+import { LanguageIcon } from './icons/language.icon';
+import { LinkIcon } from './icons/link.icon';
+import { LockIcon } from './icons/lock.icon';
+import { LockSolidIcon } from './icons/lock_solid.icon';
+import { LogoutIcon } from './icons/logout.icon';
+import { MenuIcon } from './icons/menu.icon';
+import { NavArchiveIcon } from './icons/nav_archive.icon';
+import { NavAssessmentsIcon } from './icons/nav_assessments.icon';
+import { NavAuditTrailIcon } from './icons/nav_audit_trail.icon';
+import { NavClientManagementIcon } from './icons/nav_client_management.icon';
+import { NavCloseOutIcon } from './icons/nav_close_out.icon';
+import { NavConfigurationIcon } from './icons/nav_configuration.icon';
+import { NavConsentIcon } from './icons/nav_consent.icon';
+import { NavCubeIcon } from './icons/nav_cube.icon';
+import { NavDataIcon } from './icons/nav_data.icon';
+import { NavDataTransferIcon } from './icons/nav_data_transfer.icon';
+import { NavDeploymentIcon } from './icons/nav_deployment.icon';
+import { NavHelpIcon } from './icons/nav_help.icon';
+import { NavLibraryManagementIcon } from './icons/nav_library_management.icon';
+import { NavLogIcon } from './icons/nav_log.icon';
+import { NavParticipantsIcon } from './icons/nav_participants.icon';
+import { NavProtocolIcon } from './icons/nav_protocol.icon';
+import { NavQueriesIcon } from './icons/nav_queries.icon';
+import { NavScheduleIcon } from './icons/nav_schedule.icon';
+import { NavScreenshotIcon } from './icons/nav_screenshot.icon';
+import { NavSitesIcon } from './icons/nav_sites.icon';
+import { NavStudySetupIcon } from './icons/nav_study_setup.icon';
+import { NavTeamIcon } from './icons/nav_team.icon';
+import { NavTodoIcon } from './icons/nav_todo.icon';
+import { NavTranslationsIcon } from './icons/nav_translations.icon';
+import { NavUserManagementIcon } from './icons/nav_user_management.icon';
+import { NavUsersIcon } from './icons/nav_users.icon';
+import { NavWorkflowsIcon } from './icons/nav_workflows.icon';
+import { NavWrenchScrewdriverIcon } from './icons/nav_wrench_screwdriver.icon';
+import { NotificationIcon } from './icons/notification.icon';
+import { OrderedListIcon } from './icons/ordered_list.icon';
+import { PackageTruckIcon } from './icons/package_truck.icon';
+import { PencilSolidIcon } from './icons/pencil-solid.icon';
+import { PreviewIcon } from './icons/preview.icon';
+import { ProfileIcon } from './icons/profile.icon';
+import { QuestionIcon } from './icons/question.icon';
+import { RectangleStackIcon } from './icons/rectangle_stack.icon';
+import { RemoveIcon } from './icons/remove.icon';
+import { SaveIcon } from './icons/save.icon';
+import { SearchIcon } from './icons/search.icon';
+import { SendIcon } from './icons/send.icon';
+import { SendSolidIcon } from './icons/send_solid.icon';
+import { SettingsIcon } from './icons/settings.icon';
+import { ShareIcon } from './icons/share.icon';
+import { ShareSolidIcon } from './icons/share_solid.icon';
+import { SidebarIcon } from './icons/sidebar.icon';
+import { SortDownIcon } from './icons/sort_down.icon';
+import { SparklesIcon } from './icons/sparkles.icon';
+import { SparklesSolidIcon } from './icons/sparkles_solid.icon';
+import { SquaresIcon } from './icons/squares.icon';
+import { SquaresSolidIcon } from './icons/squares_solid.icon';
+import { StatusInProgressIcon } from './icons/status_in_progress.icon';
+import { StatusInReviewIcon } from './icons/status_in_review.icon';
+import { StatusNotStartedIcon } from './icons/status_not_started.icon';
+import { StatusReadyIcon } from './icons/status_ready.icon';
+import { StopCircleIcon } from './icons/stop_circle.icon';
+import { SuccessIcon } from './icons/success.icon';
+import { SuccessSolidIcon } from './icons/success_solid.icon';
+import { TimeIcon } from './icons/time.icon';
+import { UndoIcon } from './icons/undo.icon';
+import { UnorderedListIcon } from './icons/unordered_list.icon';
+import { UploadIcon } from './icons/upload.icon';
+import { VideoIcon } from './icons/video.icon';
+import { WarningIcon } from './icons/warning.icon';
+import { WindowIcon } from './icons/window.icon';
+import { XCircleIcon } from './icons/x_circle.icon';
+import { XCircleSolidIcon } from './icons/x_circle_solid';
+export const ICON_MAP = {
+    add: { IconComponent: AddIcon },
+    addDuplicateSolid: { IconComponent: AddDuplicateSolidIcon },
+    aiSparklesSolid: { IconComponent: AISparklesSolidIcon },
+    alignCenter: { IconComponent: AlignCenterIcon },
+    alignLeft: { IconComponent: AlignLeftIcon },
+    alignRight: { IconComponent: AlignRightIcon },
+    animatedSparkles: { IconComponent: AnimatedSparklesIcon },
+    arrowBackward: { IconComponent: ArrowHorizontalIcon, supportsRTL: true },
+    arrowForward: { IconComponent: ArrowHorizontalIcon, horizontalReverse: true, supportsRTL: true },
+    arrowMerge: { IconComponent: ArrowMergeIcon },
+    arrowSplit: { IconComponent: ArrowSplitIcon },
+    arrowUpRight: { IconComponent: ArrowUpRightIcon },
+    arrowsRightLeft: { IconComponent: ArrowsRightLeftIcon },
+    attachment: { IconComponent: AttachmentIcon },
+    ban: { IconComponent: BanIcon },
+    bellAlert: { IconComponent: BellAlertIcon },
+    bellSolid: { IconComponent: BellSolidIcon },
+    bolt: { IconComponent: BoltIcon },
+    boltSolid: { IconComponent: BoltSolidIcon },
+    bookOpen: { IconComponent: BookOpenIcon },
+    bookOpenSolid: { IconComponent: BookOpenSolidIcon },
+    change: { IconComponent: ChangeIcon },
+    chartBar: { IconComponent: ChartBarIcon },
+    chartBarSquare: { IconComponent: ChartBarSquareIcon },
+    chatBubbleLeft: { IconComponent: ChatBubbleLeftIcon, supportsRTL: true },
+    chatBubbleLeftEllipsis: { IconComponent: ChatBubbleLeftEllipsisIcon, supportsRTL: true },
+    chatBubbleLeftEllipsisSolid: { IconComponent: ChatBubbleLeftEllipsisSolidIcon, supportsRTL: true },
+    chatBubbleOvalLeftEllipsis: { IconComponent: ChatBubbleOvalLeftEllipsisIcon, supportsRTL: true },
+    checkCircleSolid: { IconComponent: CheckCircleSolidIcon },
+    chevronDown: { IconComponent: ChevronDownIcon },
+    chevronLeft: { IconComponent: ChevronRightIcon, horizontalReverse: true, supportsRTL: true },
+    chevronRight: { IconComponent: ChevronRightIcon, supportsRTL: true },
+    chevronUp: { IconComponent: ChevronDownIcon, verticalReverse: true },
+    circle: { IconComponent: CircleIcon },
+    clipboardDocumentCheck: { IconComponent: ClipboardDocumentCheckIcon },
+    clipboardDocumentCheckSolid: { IconComponent: ClipboardDocumentCheckSolidIcon },
+    clockSolid: { IconComponent: ClockSolidIcon },
+    close: { IconComponent: CloseIcon },
+    cog: { IconComponent: CogIcon },
+    confirm: { IconComponent: ConfirmIcon },
+    cubeSolid: { IconComponent: CubeSolidIcon },
+    cubeTransparent: { IconComponent: CubeTransparentIcon },
+    date: { IconComponent: DateIcon },
+    delete: { IconComponent: DeleteIcon },
+    deleteSolid: { IconComponent: DeleteSolidIcon },
+    deviceComputer: { IconComponent: DeviceComputerIcon },
+    devicePhone: { IconComponent: DevicePhoneIcon },
+    deviceTablet: { IconComponent: DeviceTabletIcon },
+    displayArrowIn: { IconComponent: DisplayArrowInIcon },
+    displayArrowOut: { IconComponent: DisplayArrowOutIcon },
+    documentChartBar: { IconComponent: DocumentChartBarIcon },
+    download: { IconComponent: DownloadIcon },
+    edit: { IconComponent: EditIcon },
+    error: { IconComponent: ErrorIcon },
+    exclamationTriangleSolid: { IconComponent: ExclamationTriangleSolidIcon },
+    externalLink: { IconComponent: ExternalLinkIcon },
+    eye: { IconComponent: EyeIcon },
+    eyeCircle: { IconComponent: EyeCircleIcon },
+    eyeSlash: { IconComponent: EyeSlashIcon },
+    fileDownloadSolid: { IconComponent: FileDownloadSolidIcon },
+    filter: { IconComponent: FilterIcon },
+    filterSolid: { IconComponent: FilterSolidIcon },
+    flag: { IconComponent: FlagIcon },
+    fontSize: { IconComponent: FontSizeIcon },
+    formatAlignList: { IconComponent: FormatAlignListIcon },
+    formatBold: { IconComponent: FormatBoldIcon },
+    formatItalics: { IconComponent: FormatItalicsIcon },
+    formatList: { IconComponent: FormatListIcon },
+    formatUnderline: { IconComponent: FormatUnderlineIcon },
+    hamburgerMenu: { IconComponent: HamburgerMenuIcon },
+    handThumbDown: { IconComponent: HandThumbUpIcon, verticalReverse: true },
+    handThumbDownSolid: { IconComponent: HandThumbUpSolidIcon, verticalReverse: true },
+    handThumbUp: { IconComponent: HandThumbUpIcon },
+    handThumbUpSolid: { IconComponent: HandThumbUpSolidIcon },
+    image: { IconComponent: ImageIcon },
+    info: { IconComponent: InfoIcon },
+    infoCircleSolid: { IconComponent: InfoCircleSolidIcon },
+    key: { IconComponent: KeyIcon },
+    keySolid: { IconComponent: KeySolidIcon },
+    language: { IconComponent: LanguageIcon },
+    link: { IconComponent: LinkIcon },
+    lock: { IconComponent: LockIcon },
+    lockSolid: { IconComponent: LockSolidIcon },
+    logout: { IconComponent: LogoutIcon, supportsRTL: true },
+    menu: { IconComponent: MenuIcon },
+    navArchive: { IconComponent: NavArchiveIcon },
+    navAssessments: { IconComponent: NavAssessmentsIcon },
+    navAuditTrail: { IconComponent: NavAuditTrailIcon },
+    navClientManagement: { IconComponent: NavClientManagementIcon },
+    navCloseOut: { IconComponent: NavCloseOutIcon },
+    navConfiguration: { IconComponent: NavConfigurationIcon },
+    navConsent: { IconComponent: NavConsentIcon },
+    navCube: { IconComponent: NavCubeIcon },
+    navData: { IconComponent: NavDataIcon },
+    navDataTransfer: { IconComponent: NavDataTransferIcon },
+    navDeployment: { IconComponent: NavDeploymentIcon },
+    navHelp: { IconComponent: NavHelpIcon },
+    navLibraryManagement: { IconComponent: NavLibraryManagementIcon },
+    navLog: { IconComponent: NavLogIcon },
+    navParticipants: { IconComponent: NavParticipantsIcon },
+    navProtocol: { IconComponent: NavProtocolIcon },
+    navQueries: { IconComponent: NavQueriesIcon },
+    navSchedule: { IconComponent: NavScheduleIcon },
+    navScreenshot: { IconComponent: NavScreenshotIcon },
+    navSites: { IconComponent: NavSitesIcon },
+    navStudySetup: { IconComponent: NavStudySetupIcon },
+    navTeam: { IconComponent: NavTeamIcon },
+    navTodo: { IconComponent: NavTodoIcon },
+    navTranslations: { IconComponent: NavTranslationsIcon },
+    navUserManagement: { IconComponent: NavUserManagementIcon },
+    navUsers: { IconComponent: NavUsersIcon },
+    navWorkflows: { IconComponent: NavWorkflowsIcon },
+    navWrenchScrewdriver: { IconComponent: NavWrenchScrewdriverIcon },
+    notification: { IconComponent: NotificationIcon },
+    orderedList: { IconComponent: OrderedListIcon },
+    packageTruck: { IconComponent: PackageTruckIcon },
+    pencilSolid: { IconComponent: PencilSolidIcon },
+    preview: { IconComponent: PreviewIcon },
+    profile: { IconComponent: ProfileIcon },
+    question: { IconComponent: QuestionIcon, supportsRTL: true },
+    rectangleStack: { IconComponent: RectangleStackIcon },
+    remove: { IconComponent: RemoveIcon },
+    save: { IconComponent: SaveIcon },
+    search: { IconComponent: SearchIcon },
+    send: { IconComponent: SendIcon },
+    sendSolid: { IconComponent: SendSolidIcon },
+    settings: { IconComponent: SettingsIcon },
+    share: { IconComponent: ShareIcon },
+    shareSolid: { IconComponent: ShareSolidIcon },
+    sidebar: { IconComponent: SidebarIcon },
+    sortDown: { IconComponent: SortDownIcon },
+    sortUp: { IconComponent: SortDownIcon, verticalReverse: true },
+    sparkles: { IconComponent: SparklesIcon },
+    sparklesSolid: { IconComponent: SparklesSolidIcon },
+    squares: { IconComponent: SquaresIcon },
+    squaresSolid: { IconComponent: SquaresSolidIcon },
+    statusInProgress: { IconComponent: StatusInProgressIcon },
+    statusInReview: { IconComponent: StatusInReviewIcon },
+    statusNotStarted: { IconComponent: StatusNotStartedIcon },
+    statusReady: { IconComponent: StatusReadyIcon },
+    stopCircle: { IconComponent: StopCircleIcon },
+    success: { IconComponent: SuccessIcon },
+    successSolid: { IconComponent: SuccessSolidIcon },
+    time: { IconComponent: TimeIcon },
+    undo: { IconComponent: UndoIcon },
+    unorderedList: { IconComponent: UnorderedListIcon },
+    upload: { IconComponent: UploadIcon },
+    video: { IconComponent: VideoIcon },
+    warning: { IconComponent: WarningIcon },
+    window: { IconComponent: WindowIcon },
+    xCircle: { IconComponent: XCircleIcon },
+    xCircleSolid: { IconComponent: XCircleSolidIcon },
+};
+//# sourceMappingURL=icon.map.js.map

package/icon/src/lib/icon.types.d.ts

@@ -0,0 +1,56 @@
+export type IconProps = {
+    /**
+     * Set the color for the icon. If no color is provided, the default color will be used.
+     */
+    color?: IconColor;
+    /**
+     * Name of the icon to use.
+     */
+    name: IconName;
+    /**
+     * If provided, it will be called if the icon is clicked
+     */
+    onClick?: () => void;
+    /**
+     * Base icons are outlined, small icons are solid for better visibility. Note that not all icons have a small size.
+     */
+    size?: IconSize;
+};
+export type IconColor = keyof typeof ICON_COLOR_MAP;
+export type IconSize = 'xs' | 'sm' | 'base' | 'full' | number;
+export interface InternalIconProps {
+    className?: string;
+    name: string;
+    role: string;
+    onClick?: () => void;
+    size?: number;
+}
+export declare const ICON_COLOR_MAP: {
+    black: string;
+    blue: string;
+    current: string;
+    gray: string;
+    grayDark: string;
+    grayLight: string;
+    grayPale: string;
+    primary: string;
+    white: string;
+    green: string;
+    greenPale: string;
+    red: string;
+    redPale: string;
+    yellow: string;
+    yellowLight: string;
+    yellowPale: string;
+    yellowDark: string;
+    orange: string;
+    orangeLight: string;
+    orangePale: string;
+};
+export declare const ICON_SIZES_MAP: {
+    xs: string;
+    sm: string;
+    base: string;
+    full: string;
+};
+export type IconName = 'add' | 'addDuplicateSolid' | 'aiSparklesSolid' | 'alignCenter' | 'alignLeft' | 'alignRight' | 'animatedSparkles' | 'arrowBackward' | 'arrowForward' | 'arrowMerge' | 'arrowSplit' | 'arrowUpRight' | 'arrowsRightLeft' | 'attachment' | 'ban' | 'bellAlert' | 'bellSolid' | 'bolt' | 'boltSolid' | 'bookOpen' | 'bookOpenSolid' | 'change' | 'chartBar' | 'chartBarSquare' | 'chatBubbleLeft' | 'chatBubbleLeftEllipsis' | 'chatBubbleLeftEllipsisSolid' | 'chatBubbleOvalLeftEllipsis' | 'checkCircleSolid' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'circle' | 'clipboardDocumentCheck' | 'clipboardDocumentCheckSolid' | 'clockSolid' | 'close' | 'cog' | 'confirm' | 'cubeSolid' | 'cubeTransparent' | 'date' | 'delete' | 'deleteSolid' | 'deviceComputer' | 'devicePhone' | 'deviceTablet' | 'displayArrowIn' | 'displayArrowOut' | 'documentChartBar' | 'download' | 'edit' | 'error' | 'exclamationTriangleSolid' | 'externalLink' | 'eye' | 'eyeCircle' | 'eyeSlash' | 'fileDownloadSolid' | 'filter' | 'filterSolid' | 'flag' | 'fontSize' | 'formatAlignList' | 'formatBold' | 'formatItalics' | 'formatList' | 'formatUnderline' | 'hamburgerMenu' | 'handThumbDown' | 'handThumbDownSolid' | 'handThumbUp' | 'handThumbUpSolid' | 'image' | 'info' | 'infoCircleSolid' | 'key' | 'keySolid' | 'language' | 'link' | 'lock' | 'lockSolid' | 'logout' | 'menu' | 'navArchive' | 'navAssessments' | 'navAuditTrail' | 'navClientManagement' | 'navCloseOut' | 'navConfiguration' | 'navConsent' | 'navCube' | 'navData' | 'navDataTransfer' | 'navDeployment' | 'navHelp' | 'navLibraryManagement' | 'navLog' | 'navParticipants' | 'navProtocol' | 'navQueries' | 'navSchedule' | 'navScreenshot' | 'navSites' | 'navStudySetup' | 'navTeam' | 'navTodo' | 'navTranslations' | 'navUserManagement' | 'navUsers' | 'navWorkflows' | 'navWrenchScrewdriver' | 'notification' | 'orderedList' | 'packageTruck' | 'pencilSolid' | 'preview' | 'profile' | 'question' | 'rectangleStack' | 'remove' | 'save' | 'search' | 'send' | 'sendSolid' | 'settings' | 'share' | 'shareSolid' | 'sidebar' | 'sortDown' | 'sortUp' | 'sparkles' | 'sparklesSolid' | 'squares' | 'squaresSolid' | 'statusInProgress' | 'statusInReview' | 'statusNotStarted' | 'statusReady' | 'stopCircle' | 'success' | 'successSolid' | 'time' | 'undo' | 'unorderedList' | 'upload' | 'video' | 'warning' | 'window' | 'xCircle' | 'xCircleSolid';

package/icon/src/lib/icon.types.js

@@ -0,0 +1,29 @@
+export const ICON_COLOR_MAP = {
+    black: 'nucleus-text-neutral-900',
+    blue: 'nucleus-text-blue-500',
+    current: 'nucleus-text-current',
+    gray: 'nucleus-text-neutral-450',
+    grayDark: 'nucleus-text-neutral-600',
+    grayLight: 'nucleus-text-neutral-400',
+    grayPale: 'nucleus-text-neutral-300',
+    primary: 'nucleus-text-primary-500',
+    white: 'nucleus-text-white',
+    green: 'nucleus-text-green-500',
+    greenPale: 'nucleus-text-green-200',
+    red: 'nucleus-text-red-500',
+    redPale: 'nucleus-text-red-200',
+    yellow: 'nucleus-text-yellow-500',
+    yellowLight: 'nucleus-text-yellow-400',
+    yellowPale: 'nucleus-text-yellow-200',
+    yellowDark: 'nucleus-text-yellow-600',
+    orange: 'nucleus-text-orange-300',
+    orangeLight: 'nucleus-text-orange-400',
+    orangePale: 'nucleus-text-orange-200',
+};
+export const ICON_SIZES_MAP = {
+    xs: 'nucleus-w-3 nucleus-h-3',
+    sm: 'nucleus-w-4 nucleus-h-4',
+    base: 'nucleus-w-6 nucleus-h-6',
+    full: 'nucleus-w-full nucleus-h-full',
+};
+//# sourceMappingURL=icon.types.js.map