@codecademy/brand 5.10.0 → 6.0.0-alpha.0839dde39.0

package/dist/CoachingSessionCard/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Card","FillButton","FlexBox","StrokeButton","Text","TextButton","CalendarIcon","ClockIcon","formatInTimeZone","formatTime","timeString","format","Date","Intl","DateTimeFormat","resolvedOptions","timeZone","CoachingSessionCard","session","ctas","borderRadius","p","height","column","mb","fontWeight","coachOfferingCategoryName","participantName","alignItems","gap","size","variant","color","startTime","toLocaleDateString","undefined","weekday","month","day","year","endTime","status","map","cta","Button","buttonType","href","key","text","onClick","disabled"],"sources":["../../src/CoachingSessionCard/index.tsx"],"sourcesContent":["import {\n  Card,\n  FillButton,\n  FlexBox,\n  StrokeButton,\n  Text,\n  TextButton,\n} from '@codecademy/gamut';\nimport { CalendarIcon, ClockIcon } from '@codecademy/gamut-icons';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nconst formatTime = (timeString: string, format: string) => {\n  return formatInTimeZone(\n    new Date(timeString),\n    Intl.DateTimeFormat().resolvedOptions().timeZone,\n    format\n  );\n};\n\nexport interface CoachingSessionCardProps {\n  session: {\n    id: string;\n    startTime: string;\n    endTime: string;\n    coachOfferingCategoryName: string;\n    participantName?: string | null;\n    zoomJoinUrl?: string | null;\n    rescheduleUrl?: string | null;\n    status?: string | null;\n  };\n  ctas?: {\n    text: string;\n    href?: string;\n    onClick?: () => void;\n    buttonType?: 'fill' | 'stroke' | 'text';\n    disabled?: boolean;\n    variant?: 'primary' | 'secondary' | 'danger';\n  }[];\n}\n\nexport const CoachingSessionCard: React.FC<CoachingSessionCardProps> = ({\n  session,\n  ctas,\n}) => (\n  <Card borderRadius=\"xl\" p={32} height=\"auto\">\n    <FlexBox column>\n      <Text mb={12}>\n        <Text fontWeight=\"bold\">{session.coachOfferingCategoryName}</Text>{' '}\n        coaching session with{' '}\n        <Text fontWeight=\"bold\">{session.participantName}</Text>\n      </Text>\n      <FlexBox alignItems=\"center\" gap={16} mb={24}>\n        <FlexBox alignItems=\"center\" gap={8}>\n          <CalendarIcon size={16} />\n          <Text variant=\"p-small\" color=\"text-secondary\">\n            {new Date(session.startTime).toLocaleDateString(undefined, {\n              weekday: 'long',\n              month: 'long',\n              day: 'numeric',\n              year: 'numeric',\n            })}\n          </Text>\n        </FlexBox>\n        <FlexBox alignItems=\"center\" gap={8}>\n          <ClockIcon size={16} />\n          <Text variant=\"p-small\" color=\"text-secondary\">\n            {`${formatTime(session.startTime, 'h:mm aa')} - ${formatTime(\n              session.endTime,\n              'h:mm aa z'\n            )}`}\n          </Text>\n        </FlexBox>\n        {session.status && (\n          <Text variant=\"p-small\" fontWeight=\"bold\">\n            Status: {session.status}\n          </Text>\n        )}\n      </FlexBox>\n      <FlexBox alignItems=\"center\" gap={8}>\n        {ctas?.map((cta) => {\n          const Button =\n            cta.buttonType === 'fill'\n              ? FillButton\n              : cta.buttonType === 'stroke'\n              ? StrokeButton\n              : TextButton;\n          return (\n            <Button\n              href={cta.href}\n              key={cta.text}\n              onClick={cta.onClick}\n              disabled={cta.disabled}\n              variant={cta.variant}\n            >\n              {cta.text}\n            </Button>\n          );\n        })}\n      </FlexBox>\n    </FlexBox>\n  </Card>\n);\n"],"mappings":";;;;;AAWA,MAAMS,cAAcC,YAAoBC,WAAAA;CACtC,yCACE,IAAIC,KAAKF,UAAAA,GACTG,KAAKC,eAAc,CAAA,CAAGC,gBAAe,CAAA,CAAGC,UACxCL,MAAAA;AAEJ;AAuBA,MAAaM,uBAA2D,EACtEC,SACAC,WAEA,oBAAA,cAACnB,wBAAAA;CAAKoB,cAAa;CAAKC,GAAG;CAAIC,QAAO;GACpC,oBAAA,cAACpB,2BAAAA,EAAQqB,QAAAA,QACP,oBAAA,cAACnB,wBAAAA,EAAKoB,IAAI,MACR,oBAAA,cAACpB,wBAAAA,EAAKqB,YAAW,UAAQP,QAAQQ,yBAAyB,GAAS,KAAI,yBACjD,KACtB,oBAAA,cAACtB,wBAAAA,EAAKqB,YAAW,UAAQP,QAAQS,eAAe,CAAA,GAElD,oBAAA,cAACzB,2BAAAA;CAAQ0B,YAAW;CAASC,KAAK;CAAIL,IAAI;GACxC,oBAAA,cAACtB,2BAAAA;CAAQ0B,YAAW;CAASC,KAAK;GAChC,oBAAA,cAACvB,sCAAAA,EAAawB,MAAM,OACpB,oBAAA,cAAC1B,wBAAAA;CAAK2B,SAAQ;CAAUC,OAAM;GAC3B,IAAIpB,KAAKM,QAAQe,SAAS,CAAA,CAAEC,mBAAmBC,QAAW;CACzDC,SAAS;CACTC,OAAO;CACPC,KAAK;CACLC,MAAM;AACR,CAAA,CAAA,CAAA,GAGJ,oBAAA,cAACrC,2BAAAA;CAAQ0B,YAAW;CAASC,KAAK;GAChC,oBAAA,cAACtB,mCAAAA,EAAUuB,MAAM,OACjB,oBAAA,cAAC1B,wBAAAA;CAAK2B,SAAQ;CAAUC,OAAM;GAC3B,GAAGvB,WAAWS,QAAQe,WAAW,SAAA,EAAW,KAAKxB,WAChDS,QAAQsB,SACR,WAAA,GACC,CAAA,GAGNtB,QAAQuB,UACP,oBAAA,cAACrC,wBAAAA;CAAK2B,SAAQ;CAAUN,YAAW;GAAO,YAC/BP,QAAQuB,MAAM,CAAA,GAI7B,oBAAA,cAACvC,2BAAAA;CAAQ0B,YAAW;CAASC,KAAK;GAC/BV,MAAMuB,KAAKC,QAAAA;CACV,MAAMC,SACJD,IAAIE,eAAe,SACf5C,+BACA0C,IAAIE,eAAe,WACnB1C,iCACAE;CACN,OACE,oBAAA,cAACuC,QAAAA;EACCE,MAAMH,IAAIG;EACVC,KAAKJ,IAAIK;EACTC,SAASN,IAAIM;EACbC,UAAUP,IAAIO;EACdnB,SAASY,IAAIZ;IAEZY,IAAIK,IAAI;AAGf,CAAA,CAAA,CAAA,CAAA"}

package/dist/CoachingSessionCard/index.d.cts

@@ -0,0 +1,25 @@
+//#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 };
+//# sourceMappingURL=index.d.cts.map

package/dist/CoachingSessionCard/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/CoachingSessionCard/index.tsx"],"mappings":";UAmBiB,wBAAA;EACf,OAAA;IACE,EAAA;IACA,SAAA;IACA,OAAA;IACA,yBAAA;IACA,eAAA;IACA,WAAA;IACA,aAAA;IACA,MAAA;EAAA;EAEF,IAAA;IACE,IAAA;IACA,IAAA;IACA,OAAA;IACA,UAAA;IACA,QAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,mBAAA,EAAqB,KAAA,CAAM,EAAE,CAAC,wBAAA"}

package/dist/CoachingSessionCard/index.d.ts

@@ -1,21 +1,25 @@
-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 };
+//# sourceMappingURL=index.d.ts.map

package/dist/CoachingSessionCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/CoachingSessionCard/index.tsx"],"mappings":";UAmBiB,wBAAA;EACf,OAAA;IACE,EAAA;IACA,SAAA;IACA,OAAA;IACA,yBAAA;IACA,eAAA;IACA,WAAA;IACA,aAAA;IACA,MAAA;EAAA;EAEF,IAAA;IACE,IAAA;IACA,IAAA;IACA,OAAA;IACA,UAAA;IACA,QAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,mBAAA,EAAqB,KAAA,CAAM,EAAA,CAAG,wBAAA"}

package/dist/CoachingSessionCard/index.js

@@ -1,75 +1,53 @@
-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 { 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__*/ React.createElement(Card, {
+	borderRadius: "xl",
+	p: 32,
+	height: "auto"
+}, /*#__PURE__*/ React.createElement(FlexBox, { column: true }, /*#__PURE__*/ React.createElement(Text, { mb: 12 }, /*#__PURE__*/ React.createElement(Text, { fontWeight: "bold" }, session.coachOfferingCategoryName), " ", "coaching session with", " ", /*#__PURE__*/ React.createElement(Text, { fontWeight: "bold" }, session.participantName)), /*#__PURE__*/ React.createElement(FlexBox, {
+	alignItems: "center",
+	gap: 16,
+	mb: 24
+}, /*#__PURE__*/ React.createElement(FlexBox, {
+	alignItems: "center",
+	gap: 8
+}, /*#__PURE__*/ React.createElement(CalendarIcon, { size: 16 }), /*#__PURE__*/ React.createElement(Text, {
+	variant: "p-small",
+	color: "text-secondary"
+}, new Date(session.startTime).toLocaleDateString(void 0, {
+	weekday: "long",
+	month: "long",
+	day: "numeric",
+	year: "numeric"
+}))), /*#__PURE__*/ React.createElement(FlexBox, {
+	alignItems: "center",
+	gap: 8
+}, /*#__PURE__*/ React.createElement(ClockIcon, { size: 16 }), /*#__PURE__*/ React.createElement(Text, {
+	variant: "p-small",
+	color: "text-secondary"
+}, `${formatTime(session.startTime, "h:mm aa")} - ${formatTime(session.endTime, "h:mm aa z")}`)), session.status && /*#__PURE__*/ React.createElement(Text, {
+	variant: "p-small",
+	fontWeight: "bold"
+}, "Status: ", session.status)), /*#__PURE__*/ React.createElement(FlexBox, {
+	alignItems: "center",
+	gap: 8
+}, ctas?.map((cta) => {
+	const Button = cta.buttonType === "fill" ? FillButton : cta.buttonType === "stroke" ? StrokeButton : TextButton;
+	return /*#__PURE__*/ React.createElement(Button, {
+		href: cta.href,
+		key: cta.text,
+		onClick: cta.onClick,
+		disabled: cta.disabled,
+		variant: cta.variant
+	}, cta.text);
+}))));
+
+//#endregion
+export { CoachingSessionCard };
+//# sourceMappingURL=index.js.map

package/dist/CoachingSessionCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Card","FillButton","FlexBox","StrokeButton","Text","TextButton","CalendarIcon","ClockIcon","formatInTimeZone","formatTime","timeString","format","Date","Intl","DateTimeFormat","resolvedOptions","timeZone","CoachingSessionCard","session","ctas","borderRadius","p","height","column","mb","fontWeight","coachOfferingCategoryName","participantName","alignItems","gap","size","variant","color","startTime","toLocaleDateString","undefined","weekday","month","day","year","endTime","status","map","cta","Button","buttonType","href","key","text","onClick","disabled"],"sources":["../../src/CoachingSessionCard/index.tsx"],"sourcesContent":["import {\n  Card,\n  FillButton,\n  FlexBox,\n  StrokeButton,\n  Text,\n  TextButton,\n} from '@codecademy/gamut';\nimport { CalendarIcon, ClockIcon } from '@codecademy/gamut-icons';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nconst formatTime = (timeString: string, format: string) => {\n  return formatInTimeZone(\n    new Date(timeString),\n    Intl.DateTimeFormat().resolvedOptions().timeZone,\n    format\n  );\n};\n\nexport interface CoachingSessionCardProps {\n  session: {\n    id: string;\n    startTime: string;\n    endTime: string;\n    coachOfferingCategoryName: string;\n    participantName?: string | null;\n    zoomJoinUrl?: string | null;\n    rescheduleUrl?: string | null;\n    status?: string | null;\n  };\n  ctas?: {\n    text: string;\n    href?: string;\n    onClick?: () => void;\n    buttonType?: 'fill' | 'stroke' | 'text';\n    disabled?: boolean;\n    variant?: 'primary' | 'secondary' | 'danger';\n  }[];\n}\n\nexport const CoachingSessionCard: React.FC<CoachingSessionCardProps> = ({\n  session,\n  ctas,\n}) => (\n  <Card borderRadius=\"xl\" p={32} height=\"auto\">\n    <FlexBox column>\n      <Text mb={12}>\n        <Text fontWeight=\"bold\">{session.coachOfferingCategoryName}</Text>{' '}\n        coaching session with{' '}\n        <Text fontWeight=\"bold\">{session.participantName}</Text>\n      </Text>\n      <FlexBox alignItems=\"center\" gap={16} mb={24}>\n        <FlexBox alignItems=\"center\" gap={8}>\n          <CalendarIcon size={16} />\n          <Text variant=\"p-small\" color=\"text-secondary\">\n            {new Date(session.startTime).toLocaleDateString(undefined, {\n              weekday: 'long',\n              month: 'long',\n              day: 'numeric',\n              year: 'numeric',\n            })}\n          </Text>\n        </FlexBox>\n        <FlexBox alignItems=\"center\" gap={8}>\n          <ClockIcon size={16} />\n          <Text variant=\"p-small\" color=\"text-secondary\">\n            {`${formatTime(session.startTime, 'h:mm aa')} - ${formatTime(\n              session.endTime,\n              'h:mm aa z'\n            )}`}\n          </Text>\n        </FlexBox>\n        {session.status && (\n          <Text variant=\"p-small\" fontWeight=\"bold\">\n            Status: {session.status}\n          </Text>\n        )}\n      </FlexBox>\n      <FlexBox alignItems=\"center\" gap={8}>\n        {ctas?.map((cta) => {\n          const Button =\n            cta.buttonType === 'fill'\n              ? FillButton\n              : cta.buttonType === 'stroke'\n              ? StrokeButton\n              : TextButton;\n          return (\n            <Button\n              href={cta.href}\n              key={cta.text}\n              onClick={cta.onClick}\n              disabled={cta.disabled}\n              variant={cta.variant}\n            >\n              {cta.text}\n            </Button>\n          );\n        })}\n      </FlexBox>\n    </FlexBox>\n  </Card>\n);\n"],"mappings":";;;;;AAWA,MAAMS,cAAcC,YAAoBC,WAAAA;CACtC,OAAOH,iBACL,IAAII,KAAKF,UAAAA,GACTG,KAAKC,eAAc,CAAA,CAAGC,gBAAe,CAAA,CAAGC,UACxCL,MAAAA;AAEJ;AAuBA,MAAaM,uBAA2D,EACtEC,SACAC,WAEA,oBAAA,cAACnB,MAAAA;CAAKoB,cAAa;CAAKC,GAAG;CAAIC,QAAO;GACpC,oBAAA,cAACpB,SAAAA,EAAQqB,QAAAA,QACP,oBAAA,cAACnB,MAAAA,EAAKoB,IAAI,MACR,oBAAA,cAACpB,MAAAA,EAAKqB,YAAW,UAAQP,QAAQQ,yBAAyB,GAAS,KAAI,yBACjD,KACtB,oBAAA,cAACtB,MAAAA,EAAKqB,YAAW,UAAQP,QAAQS,eAAe,CAAA,GAElD,oBAAA,cAACzB,SAAAA;CAAQ0B,YAAW;CAASC,KAAK;CAAIL,IAAI;GACxC,oBAAA,cAACtB,SAAAA;CAAQ0B,YAAW;CAASC,KAAK;GAChC,oBAAA,cAACvB,cAAAA,EAAawB,MAAM,OACpB,oBAAA,cAAC1B,MAAAA;CAAK2B,SAAQ;CAAUC,OAAM;GAC3B,IAAIpB,KAAKM,QAAQe,SAAS,CAAA,CAAEC,mBAAmBC,QAAW;CACzDC,SAAS;CACTC,OAAO;CACPC,KAAK;CACLC,MAAM;AACR,CAAA,CAAA,CAAA,GAGJ,oBAAA,cAACrC,SAAAA;CAAQ0B,YAAW;CAASC,KAAK;GAChC,oBAAA,cAACtB,WAAAA,EAAUuB,MAAM,OACjB,oBAAA,cAAC1B,MAAAA;CAAK2B,SAAQ;CAAUC,OAAM;GAC3B,GAAGvB,WAAWS,QAAQe,WAAW,SAAA,EAAW,KAAKxB,WAChDS,QAAQsB,SACR,WAAA,GACC,CAAA,GAGNtB,QAAQuB,UACP,oBAAA,cAACrC,MAAAA;CAAK2B,SAAQ;CAAUN,YAAW;GAAO,YAC/BP,QAAQuB,MAAM,CAAA,GAI7B,oBAAA,cAACvC,SAAAA;CAAQ0B,YAAW;CAASC,KAAK;GAC/BV,MAAMuB,KAAKC,QAAAA;CACV,MAAMC,SACJD,IAAIE,eAAe,SACf5C,aACA0C,IAAIE,eAAe,WACnB1C,eACAE;CACN,OACE,oBAAA,cAACuC,QAAAA;EACCE,MAAMH,IAAIG;EACVC,KAAKJ,IAAIK;EACTC,SAASN,IAAIM;EACbC,UAAUP,IAAIO;EACdnB,SAASY,IAAIZ;IAEZY,IAAIK,IAAI;AAGf,CAAA,CAAA,CAAA,CAAA"}

package/dist/CommunityEventCard/EventTypeIcon.cjs

@@ -0,0 +1,59 @@
+let _codecademy_gamut = require("@codecademy/gamut");
+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__*/ React.createElement(_codecademy_gamut.FlexBox, {
+		display: "flex",
+		alignItems: "center",
+		fontFamily: "accent",
+		fontSize: 14,
+		"aria-label": key && `${key} event`,
+		"aria-hidden": !iconLoaded
+	}, iconLoaded && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(IconComponent, {
+		"aria-hidden": true,
+		alignSelf: "center",
+		mr: 8
+	}), eventTypeMap[key]?.copy));
+};
+
+//#endregion
+exports.EventTypeIcon = EventTypeIcon;
+//# sourceMappingURL=EventTypeIcon.cjs.map

package/dist/CommunityEventCard/EventTypeIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventTypeIcon.cjs","names":["FlexBox","BookFlipPageIcon","BriefcaseIcon","KeyboardIcon","MicrophoneIcon","PersonPonytailIcon","QuestionMarkIcon","RulerTriangleIcon","YoutubePlayIcon","eventTypeMap","careergrowth","icon","copy","hackathon","networking","studysession","webinar","workshop","youtube","EventTypeIcon","eventType","key","toLowerCase","replace","IconComponent","undefined","iconLoaded","display","alignItems","fontFamily","fontSize","aria-label","aria-hidden","alignSelf","mr"],"sources":["../../src/CommunityEventCard/EventTypeIcon.tsx"],"sourcesContent":["import { FlexBox } from '@codecademy/gamut';\nimport {\n  BookFlipPageIcon,\n  BriefcaseIcon,\n  KeyboardIcon,\n  MicrophoneIcon,\n  PersonPonytailIcon,\n  QuestionMarkIcon,\n  RulerTriangleIcon,\n  YoutubePlayIcon,\n} from '@codecademy/gamut-icons';\n\ninterface EventTypeMapProps {\n  icon: typeof BookFlipPageIcon;\n  copy: string;\n}\n\nexport const eventTypeMap: Record<string, EventTypeMapProps | undefined> = {\n  careergrowth: {\n    icon: BriefcaseIcon,\n    copy: 'Career growth',\n  },\n  hackathon: {\n    icon: KeyboardIcon,\n    copy: 'Hackathon',\n  },\n  networking: {\n    icon: PersonPonytailIcon,\n    copy: 'Networking',\n  },\n  'q&a': {\n    icon: QuestionMarkIcon,\n    copy: 'Q&A',\n  },\n  studysession: {\n    icon: BookFlipPageIcon,\n    copy: 'Study session',\n  },\n  webinar: {\n    icon: MicrophoneIcon,\n    copy: 'Webinar',\n  },\n  workshop: {\n    icon: RulerTriangleIcon,\n    copy: 'Workshop',\n  },\n  youtube: {\n    icon: YoutubePlayIcon,\n    copy: 'YouTube',\n  },\n};\n\ninterface EventTypeIconProps {\n  eventType?: string | null;\n}\n\nexport const EventTypeIcon: React.FC<EventTypeIconProps> = ({ eventType }) => {\n  const key = eventType?.toLowerCase().replace(/\\s/, '');\n  const IconComponent = key ? eventTypeMap[key]?.icon : undefined;\n  const iconLoaded = key && IconComponent;\n  return (\n    <FlexBox\n      display=\"flex\"\n      alignItems=\"center\"\n      fontFamily=\"accent\"\n      fontSize={14}\n      aria-label={key && `${key} event`}\n      aria-hidden={!iconLoaded}\n    >\n      {iconLoaded && (\n        <>\n          <IconComponent aria-hidden alignSelf=\"center\" mr={8} />\n          {eventTypeMap[key]?.copy}\n        </>\n      )}\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;AAiBA,MAAaS,eAA8D;CACzEC,cAAc;EACZC,MAAMT;EACNU,MAAM;CACR;CACAC,WAAW;EACTF,MAAMR;EACNS,MAAM;CACR;CACAE,YAAY;EACVH,MAAMN;EACNO,MAAM;CACR;CACA,OAAO;EACLD,MAAML;EACNM,MAAM;CACR;CACAG,cAAc;EACZJ,MAAMV;EACNW,MAAM;CACR;CACAI,SAAS;EACPL,MAAMP;EACNQ,MAAM;CACR;CACAK,UAAU;EACRN,MAAMJ;EACNK,MAAM;CACR;CACAM,SAAS;EACPP,MAAMH;EACNI,MAAM;CACR;AACF;AAMA,MAAaO,iBAA+C,EAAEC,gBAAW;CACvE,MAAMC,MAAMD,WAAWE,YAAAA,CAAAA,CAAcC,QAAQ,MAAM,EAAA;CACnD,MAAMC,gBAAgBH,MAAMZ,aAAaY,IAAI,EAAEV,OAAOc;CACtD,MAAMC,aAAaL,OAAOG;CAC1B,OACE,oBAAA,cAACxB,2BAAAA;EACC2B,SAAQ;EACRC,YAAW;EACXC,YAAW;EACXC,UAAU;EACVC,cAAYV,OAAO,GAAGA,IAAI;EAC1BW,eAAa,CAACN;IAEbA,cACC,oBAAA,cAAA,MAAA,UAAA,MACE,oBAAA,cAACF,eAAAA;EAAcQ,eAAAA;EAAYC,WAAU;EAASC,IAAI;KACjDzB,aAAaY,IAAI,EAAET,IAAAA,CAAAA;AAK9B"}

package/dist/CommunityEventCard/EventTypeIcon.js

@@ -1,59 +1,59 @@
-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 { 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__*/ React.createElement(FlexBox, {
+		display: "flex",
+		alignItems: "center",
+		fontFamily: "accent",
+		fontSize: 14,
+		"aria-label": key && `${key} event`,
+		"aria-hidden": !iconLoaded
+	}, iconLoaded && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(IconComponent, {
+		"aria-hidden": true,
+		alignSelf: "center",
+		mr: 8
+	}), eventTypeMap[key]?.copy));
+};
+
+//#endregion
+export { EventTypeIcon };
+//# sourceMappingURL=EventTypeIcon.js.map

package/dist/CommunityEventCard/EventTypeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventTypeIcon.js","names":["FlexBox","BookFlipPageIcon","BriefcaseIcon","KeyboardIcon","MicrophoneIcon","PersonPonytailIcon","QuestionMarkIcon","RulerTriangleIcon","YoutubePlayIcon","eventTypeMap","careergrowth","icon","copy","hackathon","networking","studysession","webinar","workshop","youtube","EventTypeIcon","eventType","key","toLowerCase","replace","IconComponent","undefined","iconLoaded","display","alignItems","fontFamily","fontSize","aria-label","aria-hidden","alignSelf","mr"],"sources":["../../src/CommunityEventCard/EventTypeIcon.tsx"],"sourcesContent":["import { FlexBox } from '@codecademy/gamut';\nimport {\n  BookFlipPageIcon,\n  BriefcaseIcon,\n  KeyboardIcon,\n  MicrophoneIcon,\n  PersonPonytailIcon,\n  QuestionMarkIcon,\n  RulerTriangleIcon,\n  YoutubePlayIcon,\n} from '@codecademy/gamut-icons';\n\ninterface EventTypeMapProps {\n  icon: typeof BookFlipPageIcon;\n  copy: string;\n}\n\nexport const eventTypeMap: Record<string, EventTypeMapProps | undefined> = {\n  careergrowth: {\n    icon: BriefcaseIcon,\n    copy: 'Career growth',\n  },\n  hackathon: {\n    icon: KeyboardIcon,\n    copy: 'Hackathon',\n  },\n  networking: {\n    icon: PersonPonytailIcon,\n    copy: 'Networking',\n  },\n  'q&a': {\n    icon: QuestionMarkIcon,\n    copy: 'Q&A',\n  },\n  studysession: {\n    icon: BookFlipPageIcon,\n    copy: 'Study session',\n  },\n  webinar: {\n    icon: MicrophoneIcon,\n    copy: 'Webinar',\n  },\n  workshop: {\n    icon: RulerTriangleIcon,\n    copy: 'Workshop',\n  },\n  youtube: {\n    icon: YoutubePlayIcon,\n    copy: 'YouTube',\n  },\n};\n\ninterface EventTypeIconProps {\n  eventType?: string | null;\n}\n\nexport const EventTypeIcon: React.FC<EventTypeIconProps> = ({ eventType }) => {\n  const key = eventType?.toLowerCase().replace(/\\s/, '');\n  const IconComponent = key ? eventTypeMap[key]?.icon : undefined;\n  const iconLoaded = key && IconComponent;\n  return (\n    <FlexBox\n      display=\"flex\"\n      alignItems=\"center\"\n      fontFamily=\"accent\"\n      fontSize={14}\n      aria-label={key && `${key} event`}\n      aria-hidden={!iconLoaded}\n    >\n      {iconLoaded && (\n        <>\n          <IconComponent aria-hidden alignSelf=\"center\" mr={8} />\n          {eventTypeMap[key]?.copy}\n        </>\n      )}\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;AAiBA,MAAaS,eAA8D;CACzEC,cAAc;EACZC,MAAMT;EACNU,MAAM;CACR;CACAC,WAAW;EACTF,MAAMR;EACNS,MAAM;CACR;CACAE,YAAY;EACVH,MAAMN;EACNO,MAAM;CACR;CACA,OAAO;EACLD,MAAML;EACNM,MAAM;CACR;CACAG,cAAc;EACZJ,MAAMV;EACNW,MAAM;CACR;CACAI,SAAS;EACPL,MAAMP;EACNQ,MAAM;CACR;CACAK,UAAU;EACRN,MAAMJ;EACNK,MAAM;CACR;CACAM,SAAS;EACPP,MAAMH;EACNI,MAAM;CACR;AACF;AAMA,MAAaO,iBAA+C,EAAEC,gBAAW;CACvE,MAAMC,MAAMD,WAAWE,YAAAA,CAAAA,CAAcC,QAAQ,MAAM,EAAA;CACnD,MAAMC,gBAAgBH,MAAMZ,aAAaY,IAAI,EAAEV,OAAOc;CACtD,MAAMC,aAAaL,OAAOG;CAC1B,OACE,oBAAA,cAACxB,SAAAA;EACC2B,SAAQ;EACRC,YAAW;EACXC,YAAW;EACXC,UAAU;EACVC,cAAYV,OAAO,GAAGA,IAAI;EAC1BW,eAAa,CAACN;IAEbA,cACC,oBAAA,cAAA,MAAA,UAAA,MACE,oBAAA,cAACF,eAAAA;EAAcQ,eAAAA;EAAYC,WAAU;EAASC,IAAI;KACjDzB,aAAaY,IAAI,EAAET,IAAAA,CAAAA;AAK9B"}