@codecademy/brand 3.40.1-alpha.db88c958d7.0 → 4.0.0-alpha.0ae245495b.0

package/dist/CertificationPathCard/index.js

@@ -1,52 +1,40 @@
-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
-    })
-  });
-});
+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 };

package/dist/CoachingSessionCard/index.cjs

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

package/dist/CoachingSessionCard/index.d.cts

@@ -0,0 +1,24 @@
+//#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';
+  }[];
+}
+declare const CoachingSessionCard: React.FC<CoachingSessionCardProps>;
+//#endregion
+export { CoachingSessionCard, CoachingSessionCardProps };

package/dist/CoachingSessionCard/index.d.ts

@@ -1,21 +1,24 @@
-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';
-    }[];
+//#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 declare const CoachingSessionCard: React.FC<CoachingSessionCardProps>;
+declare const CoachingSessionCard: React.FC<CoachingSessionCardProps>;
+//#endregion
+export { CoachingSessionCard, CoachingSessionCardProps };

package/dist/CoachingSessionCard/index.js

@@ -1,75 +1,86 @@
-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";
+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
 const formatTime = (timeString, format) => {
-  return formatInTimeZone(new Date(timeString), Intl.DateTimeFormat().resolvedOptions().timeZone, format);
+	return formatInTimeZone(new Date(timeString), Intl.DateTimeFormat().resolvedOptions().timeZone, format);
 };
-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);
-      })
-    })]
-  })
-});
+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 };

package/dist/CommunityEventCard/EventTypeIcon.cjs

@@ -0,0 +1,61 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+
+//#region src/CommunityEventCard/EventTypeIcon.tsx
+const eventTypeMap = {
+	careergrowth: {
+		icon: _codecademy_gamut_icons.BriefcaseIcon,
+		copy: "Career growth"
+	},
+	hackathon: {
+		icon: _codecademy_gamut_icons.KeyboardIcon,
+		copy: "Hackathon"
+	},
+	networking: {
+		icon: _codecademy_gamut_icons.PersonPonytailIcon,
+		copy: "Networking"
+	},
+	"q&a": {
+		icon: _codecademy_gamut_icons.QuestionMarkIcon,
+		copy: "Q&A"
+	},
+	studysession: {
+		icon: _codecademy_gamut_icons.BookFlipPageIcon,
+		copy: "Study session"
+	},
+	webinar: {
+		icon: _codecademy_gamut_icons.MicrophoneIcon,
+		copy: "Webinar"
+	},
+	workshop: {
+		icon: _codecademy_gamut_icons.RulerTriangleIcon,
+		copy: "Workshop"
+	},
+	youtube: {
+		icon: _codecademy_gamut_icons.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__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
+		display: "flex",
+		alignItems: "center",
+		fontFamily: "accent",
+		fontSize: 14,
+		"aria-label": key && `${key} event`,
+		"aria-hidden": !iconLoaded,
+		children: iconLoaded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconComponent, {
+			"aria-hidden": true,
+			alignSelf: "center",
+			mr: 8
+		}), eventTypeMap[key]?.copy] })
+	});
+};
+
+//#endregion
+exports.EventTypeIcon = EventTypeIcon;

package/dist/CommunityEventCard/EventTypeIcon.js

@@ -1,59 +1,60 @@
-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'
-  }
+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"
+	}
 };
-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]
-    })
-  });
-};
+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 };