@codecademy/brand 4.0.0-alpha.fdfb3ba880.0 → 4.0.0

package/dist/CertificationPathCard/index.js

@@ -1,40 +1,52 @@
-import { CourseCountComponent } from "../ContentGroupBaseCard/shared.js";
-import { ContentGroupBaseCard } from "../ContentGroupBaseCard/index.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/CertificationPathCard/index.tsx
-const CertificationPathCard = forwardRef(({ title, courseCount, enrollmentStatus, shortDescription, difficulty, certificationProvider, headingLevel, timeToComplete, header, footer, openInNewTab = false, href, onClick }, ref) => {
-	return /* @__PURE__ */ jsx(ContentGroupBaseCard, {
-		headerBackgroundColor: "orange-100",
-		headerText: "Certification path",
-		title,
-		headingLevel,
-		description: shortDescription,
-		difficulty,
-		numLessons: courseCount,
-		shadow: "outline",
-		enrollmentStatus,
-		timeToComplete,
-		brandDetails: {
-			name: certificationProvider?.name || "",
-			logoUrl: certificationProvider?.logoUrl || "",
-			logoHeight: {
-				AWS: 28,
-				Microsoft: 20,
-				HRCI: 28,
-				"Red Hat": 20
-			}[certificationProvider?.name || ""] || 24
-		},
-		header,
-		footer,
-		openInNewTab,
-		href,
-		onClick,
-		ref,
-		children: /* @__PURE__ */ jsx(CourseCountComponent, { count: courseCount })
-	});
-});
-
-//#endregion
-export { CertificationPathCard };
+import { forwardRef } from 'react';
+import { ContentGroupBaseCard } from '../ContentGroupBaseCard';
+import { CourseCountComponent } from '../ContentGroupBaseCard/shared';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CertificationPathCard = /*#__PURE__*/forwardRef(({
+  title,
+  courseCount,
+  enrollmentStatus,
+  shortDescription,
+  difficulty,
+  certificationProvider,
+  headingLevel,
+  timeToComplete,
+  header,
+  footer,
+  openInNewTab = false,
+  href,
+  onClick
+}, ref) => {
+  const logoWidthOverrides = {
+    AWS: 28,
+    Microsoft: 20,
+    HRCI: 28,
+    'Red Hat': 20
+  };
+  return /*#__PURE__*/_jsx(ContentGroupBaseCard, {
+    headerBackgroundColor: "orange-100",
+    headerText: "Certification path",
+    title: title,
+    headingLevel: headingLevel,
+    description: shortDescription,
+    difficulty: difficulty,
+    numLessons: courseCount,
+    shadow: "outline",
+    enrollmentStatus: enrollmentStatus,
+    timeToComplete: timeToComplete,
+    brandDetails: {
+      name: certificationProvider?.name || '',
+      logoUrl: certificationProvider?.logoUrl || '',
+      logoHeight: logoWidthOverrides[certificationProvider?.name || ''] || 24
+    },
+    header: header,
+    footer: footer,
+    openInNewTab: openInNewTab,
+    href: href,
+    onClick: onClick,
+    ref: ref,
+    children: /*#__PURE__*/_jsx(CourseCountComponent, {
+      count: courseCount
+    })
+  });
+});

package/dist/CoachingSessionCard/index.d.ts

@@ -1,24 +1,21 @@
-//#region src/CoachingSessionCard/index.d.ts
-interface CoachingSessionCardProps {
-  session: {
-    id: string;
-    startTime: string;
-    endTime: string;
-    coachOfferingCategoryName: string;
-    participantName?: string | null;
-    zoomJoinUrl?: string | null;
-    rescheduleUrl?: string | null;
-    status?: string | null;
-  };
-  ctas?: {
-    text: string;
-    href?: string;
-    onClick?: () => void;
-    buttonType?: 'fill' | 'stroke' | 'text';
-    disabled?: boolean;
-    variant?: 'primary' | 'secondary' | 'danger';
-  }[];
+export interface CoachingSessionCardProps {
+    session: {
+        id: string;
+        startTime: string;
+        endTime: string;
+        coachOfferingCategoryName: string;
+        participantName?: string | null;
+        zoomJoinUrl?: string | null;
+        rescheduleUrl?: string | null;
+        status?: string | null;
+    };
+    ctas?: {
+        text: string;
+        href?: string;
+        onClick?: () => void;
+        buttonType?: 'fill' | 'stroke' | 'text';
+        disabled?: boolean;
+        variant?: 'primary' | 'secondary' | 'danger';
+    }[];
 }
-declare const CoachingSessionCard: React.FC<CoachingSessionCardProps>;
-//#endregion
-export { CoachingSessionCard, CoachingSessionCardProps };
+export declare const CoachingSessionCard: React.FC<CoachingSessionCardProps>;

package/dist/CoachingSessionCard/index.js

@@ -1,86 +1,75 @@
-import { Card, FillButton, FlexBox, StrokeButton, Text, TextButton } from "@codecademy/gamut";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CalendarIcon, ClockIcon } from "@codecademy/gamut-icons";
-import { formatInTimeZone } from "date-fns-tz";
-
-//#region src/CoachingSessionCard/index.tsx
+import { Card, FillButton, FlexBox, StrokeButton, Text, TextButton } from '@codecademy/gamut';
+import { CalendarIcon, ClockIcon } from '@codecademy/gamut-icons';
+import { formatInTimeZone } from 'date-fns-tz';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const formatTime = (timeString, format) => {
-	return formatInTimeZone(new Date(timeString), Intl.DateTimeFormat().resolvedOptions().timeZone, format);
+  return formatInTimeZone(new Date(timeString), Intl.DateTimeFormat().resolvedOptions().timeZone, format);
 };
-const CoachingSessionCard = ({ session, ctas }) => /* @__PURE__ */ jsx(Card, {
-	borderRadius: "xl",
-	p: 32,
-	height: "auto",
-	children: /* @__PURE__ */ jsxs(FlexBox, {
-		column: true,
-		children: [
-			/* @__PURE__ */ jsxs(Text, {
-				mb: 12,
-				children: [
-					/* @__PURE__ */ jsx(Text, {
-						fontWeight: "bold",
-						children: session.coachOfferingCategoryName
-					}),
-					" ",
-					"coaching session with",
-					" ",
-					/* @__PURE__ */ jsx(Text, {
-						fontWeight: "bold",
-						children: session.participantName
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs(FlexBox, {
-				alignItems: "center",
-				gap: 16,
-				mb: 24,
-				children: [
-					/* @__PURE__ */ jsxs(FlexBox, {
-						alignItems: "center",
-						gap: 8,
-						children: [/* @__PURE__ */ jsx(CalendarIcon, { size: 16 }), /* @__PURE__ */ jsx(Text, {
-							variant: "p-small",
-							color: "text-secondary",
-							children: new Date(session.startTime).toLocaleDateString(void 0, {
-								weekday: "long",
-								month: "long",
-								day: "numeric",
-								year: "numeric"
-							})
-						})]
-					}),
-					/* @__PURE__ */ jsxs(FlexBox, {
-						alignItems: "center",
-						gap: 8,
-						children: [/* @__PURE__ */ jsx(ClockIcon, { size: 16 }), /* @__PURE__ */ jsx(Text, {
-							variant: "p-small",
-							color: "text-secondary",
-							children: `${formatTime(session.startTime, "h:mm aa")} - ${formatTime(session.endTime, "h:mm aa z")}`
-						})]
-					}),
-					session.status && /* @__PURE__ */ jsxs(Text, {
-						variant: "p-small",
-						fontWeight: "bold",
-						children: ["Status: ", session.status]
-					})
-				]
-			}),
-			/* @__PURE__ */ jsx(FlexBox, {
-				alignItems: "center",
-				gap: 8,
-				children: ctas?.map((cta) => {
-					return /* @__PURE__ */ jsx(cta.buttonType === "fill" ? FillButton : cta.buttonType === "stroke" ? StrokeButton : TextButton, {
-						href: cta.href,
-						onClick: cta.onClick,
-						disabled: cta.disabled,
-						variant: cta.variant,
-						children: cta.text
-					}, cta.text);
-				})
-			})
-		]
-	})
-});
-
-//#endregion
-export { CoachingSessionCard };
+export const CoachingSessionCard = ({
+  session,
+  ctas
+}) => /*#__PURE__*/_jsx(Card, {
+  borderRadius: "xl",
+  p: 32,
+  height: "auto",
+  children: /*#__PURE__*/_jsxs(FlexBox, {
+    column: true,
+    children: [/*#__PURE__*/_jsxs(Text, {
+      mb: 12,
+      children: [/*#__PURE__*/_jsx(Text, {
+        fontWeight: "bold",
+        children: session.coachOfferingCategoryName
+      }), ' ', "coaching session with", ' ', /*#__PURE__*/_jsx(Text, {
+        fontWeight: "bold",
+        children: session.participantName
+      })]
+    }), /*#__PURE__*/_jsxs(FlexBox, {
+      alignItems: "center",
+      gap: 16,
+      mb: 24,
+      children: [/*#__PURE__*/_jsxs(FlexBox, {
+        alignItems: "center",
+        gap: 8,
+        children: [/*#__PURE__*/_jsx(CalendarIcon, {
+          size: 16
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "p-small",
+          color: "text-secondary",
+          children: new Date(session.startTime).toLocaleDateString(undefined, {
+            weekday: 'long',
+            month: 'long',
+            day: 'numeric',
+            year: 'numeric'
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(FlexBox, {
+        alignItems: "center",
+        gap: 8,
+        children: [/*#__PURE__*/_jsx(ClockIcon, {
+          size: 16
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "p-small",
+          color: "text-secondary",
+          children: `${formatTime(session.startTime, 'h:mm aa')} - ${formatTime(session.endTime, 'h:mm aa z')}`
+        })]
+      }), session.status && /*#__PURE__*/_jsxs(Text, {
+        variant: "p-small",
+        fontWeight: "bold",
+        children: ["Status: ", session.status]
+      })]
+    }), /*#__PURE__*/_jsx(FlexBox, {
+      alignItems: "center",
+      gap: 8,
+      children: ctas?.map(cta => {
+        const Button = cta.buttonType === 'fill' ? FillButton : cta.buttonType === 'stroke' ? StrokeButton : TextButton;
+        return /*#__PURE__*/_jsx(Button, {
+          href: cta.href,
+          onClick: cta.onClick,
+          disabled: cta.disabled,
+          variant: cta.variant,
+          children: cta.text
+        }, cta.text);
+      })
+    })]
+  })
+});

package/dist/CommunityEventCard/EventTypeIcon.d.ts

@@ -0,0 +1,11 @@
+import { BookFlipPageIcon } from '@codecademy/gamut-icons';
+interface EventTypeMapProps {
+    icon: typeof BookFlipPageIcon;
+    copy: string;
+}
+export declare const eventTypeMap: Record<string, EventTypeMapProps | undefined>;
+interface EventTypeIconProps {
+    eventType?: string | null;
+}
+export declare const EventTypeIcon: React.FC<EventTypeIconProps>;
+export {};

package/dist/CommunityEventCard/EventTypeIcon.js

@@ -1,60 +1,59 @@
-import { FlexBox } from "@codecademy/gamut";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { BookFlipPageIcon, BriefcaseIcon, KeyboardIcon, MicrophoneIcon, PersonPonytailIcon, QuestionMarkIcon, RulerTriangleIcon, YoutubePlayIcon } from "@codecademy/gamut-icons";
-
-//#region src/CommunityEventCard/EventTypeIcon.tsx
-const eventTypeMap = {
-	careergrowth: {
-		icon: BriefcaseIcon,
-		copy: "Career growth"
-	},
-	hackathon: {
-		icon: KeyboardIcon,
-		copy: "Hackathon"
-	},
-	networking: {
-		icon: PersonPonytailIcon,
-		copy: "Networking"
-	},
-	"q&a": {
-		icon: QuestionMarkIcon,
-		copy: "Q&A"
-	},
-	studysession: {
-		icon: BookFlipPageIcon,
-		copy: "Study session"
-	},
-	webinar: {
-		icon: MicrophoneIcon,
-		copy: "Webinar"
-	},
-	workshop: {
-		icon: RulerTriangleIcon,
-		copy: "Workshop"
-	},
-	youtube: {
-		icon: YoutubePlayIcon,
-		copy: "YouTube"
-	}
+import { FlexBox } from '@codecademy/gamut';
+import { BookFlipPageIcon, BriefcaseIcon, KeyboardIcon, MicrophoneIcon, PersonPonytailIcon, QuestionMarkIcon, RulerTriangleIcon, YoutubePlayIcon } from '@codecademy/gamut-icons';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const eventTypeMap = {
+  careergrowth: {
+    icon: BriefcaseIcon,
+    copy: 'Career growth'
+  },
+  hackathon: {
+    icon: KeyboardIcon,
+    copy: 'Hackathon'
+  },
+  networking: {
+    icon: PersonPonytailIcon,
+    copy: 'Networking'
+  },
+  'q&a': {
+    icon: QuestionMarkIcon,
+    copy: 'Q&A'
+  },
+  studysession: {
+    icon: BookFlipPageIcon,
+    copy: 'Study session'
+  },
+  webinar: {
+    icon: MicrophoneIcon,
+    copy: 'Webinar'
+  },
+  workshop: {
+    icon: RulerTriangleIcon,
+    copy: 'Workshop'
+  },
+  youtube: {
+    icon: YoutubePlayIcon,
+    copy: 'YouTube'
+  }
 };
-const EventTypeIcon = ({ eventType }) => {
-	const key = eventType?.toLowerCase().replace(/\s/, "");
-	const IconComponent = key ? eventTypeMap[key]?.icon : void 0;
-	const iconLoaded = key && IconComponent;
-	return /* @__PURE__ */ jsx(FlexBox, {
-		display: "flex",
-		alignItems: "center",
-		fontFamily: "accent",
-		fontSize: 14,
-		"aria-label": key && `${key} event`,
-		"aria-hidden": !iconLoaded,
-		children: iconLoaded && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconComponent, {
-			"aria-hidden": true,
-			alignSelf: "center",
-			mr: 8
-		}), eventTypeMap[key]?.copy] })
-	});
-};
-
-//#endregion
-export { EventTypeIcon };
+export const EventTypeIcon = ({
+  eventType
+}) => {
+  const key = eventType?.toLowerCase().replace(/\s/, '');
+  const IconComponent = key ? eventTypeMap[key]?.icon : undefined;
+  const iconLoaded = key && IconComponent;
+  return /*#__PURE__*/_jsx(FlexBox, {
+    display: "flex",
+    alignItems: "center",
+    fontFamily: "accent",
+    fontSize: 14,
+    "aria-label": key && `${key} event`,
+    "aria-hidden": !iconLoaded,
+    children: iconLoaded && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(IconComponent, {
+        "aria-hidden": true,
+        alignSelf: "center",
+        mr: 8
+      }), eventTypeMap[key]?.copy]
+    })
+  });
+};

package/dist/CommunityEventCard/index.d.ts

@@ -1,31 +1,28 @@
-//#region src/CommunityEventCard/index.d.ts
-interface CommunityEventCardProps {
-  title: string;
-  startDate: string;
-  endDate: string;
-  descriptionShort: string;
-  url: string;
-  totalAttendees?: number | null;
-  audienceType: string;
-  isProEvent?: boolean;
-  isProUser?: boolean;
-  isAnonUser?: boolean;
-  isTrialEligible?: boolean;
-  upsellUrl?: string;
-  venueType?: string;
-  inPersonLocation?: string | null;
-  sendRSVP?: () => Promise<boolean>;
-  handleCardClick?: () => void;
-  handleAnonUserCardClick?: () => void;
-  handleRSVPClick?: () => void;
-  handleUpgradeCTAClick?: () => void;
-  handleOnRSVPSuccess?: () => void;
-  handleOnRSVPFailure?: () => void;
-  isRegistered?: boolean;
-  hideButton?: boolean;
-  type?: string | null;
+export interface CommunityEventCardProps {
+    title: string;
+    startDate: string;
+    endDate: string;
+    descriptionShort: string;
+    url: string;
+    totalAttendees?: number | null;
+    audienceType: string;
+    isProEvent?: boolean;
+    isProUser?: boolean;
+    isAnonUser?: boolean;
+    isTrialEligible?: boolean;
+    upsellUrl?: string;
+    venueType?: string;
+    inPersonLocation?: string | null;
+    sendRSVP?: () => Promise<boolean>;
+    handleCardClick?: () => void;
+    handleAnonUserCardClick?: () => void;
+    handleRSVPClick?: () => void;
+    handleUpgradeCTAClick?: () => void;
+    handleOnRSVPSuccess?: () => void;
+    handleOnRSVPFailure?: () => void;
+    isRegistered?: boolean;
+    hideButton?: boolean;
+    type?: string | null;
 }
-declare const formatTime: (startDate: string, endDate: string) => string;
-declare const CommunityEventCard: React.FC<CommunityEventCardProps>;
-//#endregion
-export { CommunityEventCard, CommunityEventCardProps, formatTime };
+export declare const formatTime: (startDate: string, endDate: string) => string;
+export declare const CommunityEventCard: React.FC<CommunityEventCardProps>;