@codecademy/brand 4.0.0-alpha.14deb86052.0 → 4.0.0-alpha.65b0979c7d.0

package/dist/Logos/index.cjs

@@ -1,15 +0,0 @@
-const require_index = require('./LogoCodecademy/index.cjs');
-const require_index$1 = require('./LogoCodecademyMini/index.cjs');
-const require_index$2 = require('./LogoCodecademyPro/index.cjs');
-const require_index$3 = require('./LogoCodecademyTeams/index.cjs');
-const require_index$4 = require('./LogoFromSkillsoft/index.cjs');
-const require_index$5 = require('./LogoLXStudio/index.cjs');
-const require_index$6 = require('./ProLabel/index.cjs');
-
-exports.LogoCodecademy = require_index.LogoCodecademy;
-exports.LogoCodecademyMini = require_index$1.LogoCodecademyMini;
-exports.LogoCodecademyPro = require_index$2.LogoCodecademyPro;
-exports.LogoCodecademyTeams = require_index$3.LogoCodecademyTeams;
-exports.LogoFromSkillsoft = require_index$4.LogoFromSkillsoft;
-exports.LogoLXStudio = require_index$5.LogoLXStudio;
-exports.ProLabel = require_index$6.ProLabel;

package/dist/Logos/index.d.cts

@@ -1,8 +0,0 @@
-import { LogoCodecademy } from "./LogoCodecademy/index.cjs";
-import { LogoCodecademyMini } from "./LogoCodecademyMini/index.cjs";
-import { LogoCodecademyPro } from "./LogoCodecademyPro/index.cjs";
-import { LogoCodecademyTeams } from "./LogoCodecademyTeams/index.cjs";
-import { LogoFromSkillsoft } from "./LogoFromSkillsoft/index.cjs";
-import { LogoLXStudio } from "./LogoLXStudio/index.cjs";
-import { ProLabel, ProLabelProps } from "./ProLabel/index.cjs";
-export { LogoCodecademy, LogoCodecademyMini, LogoCodecademyPro, LogoCodecademyTeams, LogoFromSkillsoft, LogoLXStudio, ProLabel, ProLabelProps };

package/dist/Logos/shared.cjs

@@ -1,14 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let _codecademy_variance = require("@codecademy/variance");
-
-//#region src/Logos/shared.tsx
-const logoStyles = _codecademy_variance.variance.compose(_codecademy_gamut_styles.system.layout, _codecademy_gamut_styles.system.positioning, _codecademy_gamut_styles.system.space);
-const LogoSvg = (0, _emotion_styled.default)("svg", (0, _codecademy_gamut_styles.styledOptions)())(_codecademy_gamut_styles.system.css({ textColor: "currentColor" }), logoStyles);
-const composedLogoStyles = _codecademy_variance.variance.compose(_codecademy_gamut_styles.system.layout, _codecademy_gamut_styles.system.color, _codecademy_gamut_styles.system.space, _codecademy_gamut_styles.system.positioning);
-const StyledSVGWrapper = (0, _emotion_styled.default)("svg", (0, _codecademy_gamut_styles.styledOptions)())(composedLogoStyles);
-
-//#endregion
-exports.StyledSVGWrapper = StyledSVGWrapper;

package/dist/Logos/shared.d.cts

@@ -1,232 +0,0 @@
-import * as _codecademy_variance_dist_types_config1 from "@codecademy/variance/dist/types/config";
-import { StyleProps } from "@codecademy/variance";
-
-//#region src/Logos/shared.d.ts
-
-declare const composedLogoStyles: _codecademy_variance_dist_types_config1.Parser<_codecademy_variance_dist_types_config1.Compose<[_codecademy_variance_dist_types_config1.Parser<_codecademy_variance_dist_types_config1.TransformerMap<{
-  readonly flexBasis: {
-    readonly property: "flexBasis";
-  };
-  readonly flexShrink: {
-    readonly property: "flexShrink";
-  };
-  readonly flexGrow: {
-    readonly property: "flexGrow";
-  };
-  readonly order: {
-    readonly property: "order";
-  };
-  readonly gridColumn: {
-    readonly property: "gridColumn";
-  };
-  readonly gridRow: {
-    readonly property: "gridRow";
-  };
-  readonly gridColumnStart: {
-    readonly property: "gridColumnStart";
-  };
-  readonly gridRowStart: {
-    readonly property: "gridRowStart";
-  };
-  readonly gridColumnEnd: {
-    readonly property: "gridColumnEnd";
-  };
-  readonly gridRowEnd: {
-    readonly property: "gridRowEnd";
-  };
-  readonly justifySelf: {
-    readonly property: "justifySelf";
-  };
-  readonly alignSelf: {
-    readonly property: "alignSelf";
-  };
-  readonly gridArea: {
-    readonly property: "gridArea";
-  };
-  readonly containerType: {
-    readonly property: "containerType";
-  };
-  readonly display: {
-    readonly property: "display";
-  };
-  readonly overflow: {
-    readonly property: "overflow";
-  };
-  readonly overflowX: {
-    readonly property: "overflowX";
-  };
-  readonly overflowY: {
-    readonly property: "overflowY";
-  };
-  readonly dimensions: {
-    readonly property: "width";
-    readonly properties: readonly ["width", "height"];
-    readonly transform: (value: string | number) => string | 0;
-  };
-  readonly width: {
-    readonly property: "width";
-    readonly transform: (value: string | number) => string | 0;
-  };
-  readonly minWidth: {
-    readonly property: "minWidth";
-    readonly transform: (value: string | number) => string | 0;
-  };
-  readonly maxWidth: {
-    readonly property: "maxWidth";
-    readonly transform: (value: string | number) => string | 0;
-  };
-  readonly height: {
-    readonly property: "height";
-    readonly transform: (value: string | number) => string | 0;
-  };
-  readonly minHeight: {
-    readonly property: "minHeight";
-    readonly transform: (value: string | number) => string | 0;
-  };
-  readonly maxHeight: {
-    readonly property: "maxHeight";
-    readonly transform: (value: string | number) => string | 0;
-  };
-  readonly verticalAlign: {
-    readonly property: "verticalAlign";
-  };
-}>>, _codecademy_variance_dist_types_config1.Parser<_codecademy_variance_dist_types_config1.TransformerMap<{
-  readonly color: {
-    readonly property: "color";
-    readonly scale: "colors";
-  };
-  readonly textColor: {
-    readonly property: "color";
-    readonly scale: "colors";
-  };
-  readonly bg: {
-    readonly property: "backgroundColor";
-    readonly scale: "colors";
-  };
-  readonly borderColor: {
-    readonly property: "borderColor";
-    readonly scale: "colors";
-  };
-  readonly borderColorX: {
-    readonly property: "borderColor";
-    readonly properties: readonly ["borderLeftColor", "borderRightColor"];
-    readonly scale: "colors";
-  };
-  readonly borderColorY: {
-    readonly property: "borderColor";
-    readonly properties: readonly ["borderTopColor", "borderBottomColor"];
-    readonly scale: "colors";
-  };
-  readonly borderColorLeft: {
-    readonly property: "borderLeftColor";
-    readonly scale: "colors";
-  };
-  readonly borderColorRight: {
-    readonly property: "borderRightColor";
-    readonly scale: "colors";
-  };
-  readonly borderColorTop: {
-    readonly property: "borderTopColor";
-    readonly scale: "colors";
-  };
-  readonly borderColorBottom: {
-    readonly property: "borderBottomColor";
-    readonly scale: "colors";
-  };
-}>>, _codecademy_variance_dist_types_config1.Parser<_codecademy_variance_dist_types_config1.TransformerMap<{
-  readonly p: {
-    readonly property: "padding";
-    readonly scale: "spacing";
-  };
-  readonly px: {
-    readonly property: "padding";
-    readonly properties: readonly ["paddingLeft", "paddingRight"];
-    readonly scale: "spacing";
-  };
-  readonly py: {
-    readonly property: "padding";
-    readonly properties: readonly ["paddingTop", "paddingBottom"];
-    readonly scale: "spacing";
-  };
-  readonly pt: {
-    readonly property: "paddingTop";
-    readonly scale: "spacing";
-  };
-  readonly pb: {
-    readonly property: "paddingBottom";
-    readonly scale: "spacing";
-  };
-  readonly pr: {
-    readonly property: "paddingRight";
-    readonly scale: "spacing";
-  };
-  readonly pl: {
-    readonly property: "paddingLeft";
-    readonly scale: "spacing";
-  };
-  readonly m: {
-    readonly property: "margin";
-    readonly scale: "spacing";
-  };
-  readonly mx: {
-    readonly property: "margin";
-    readonly properties: readonly ["marginLeft", "marginRight"];
-    readonly scale: "spacing";
-  };
-  readonly my: {
-    readonly property: "margin";
-    readonly properties: readonly ["marginTop", "marginBottom"];
-    readonly scale: "spacing";
-  };
-  readonly mt: {
-    readonly property: "marginTop";
-    readonly scale: "spacing";
-  };
-  readonly mb: {
-    readonly property: "marginBottom";
-    readonly scale: "spacing";
-  };
-  readonly mr: {
-    readonly property: "marginRight";
-    readonly scale: "spacing";
-  };
-  readonly ml: {
-    readonly property: "marginLeft";
-    readonly scale: "spacing";
-  };
-}>>, _codecademy_variance_dist_types_config1.Parser<_codecademy_variance_dist_types_config1.TransformerMap<{
-  readonly position: {
-    readonly property: "position";
-  };
-  readonly inset: {
-    readonly property: "inset";
-    readonly properties: readonly ["top", "right", "bottom", "left"];
-    readonly transform: (value: string | number) => string | 0;
-  };
-  readonly top: {
-    readonly property: "top";
-    readonly transform: (value: string | number) => string | 0;
-  };
-  readonly right: {
-    readonly property: "right";
-    readonly transform: (value: string | number) => string | 0;
-  };
-  readonly bottom: {
-    readonly property: "bottom";
-    readonly transform: (value: string | number) => string | 0;
-  };
-  readonly left: {
-    readonly property: "left";
-    readonly transform: (value: string | number) => string | 0;
-  };
-  readonly zIndex: {
-    readonly property: "zIndex";
-  };
-  readonly opacity: {
-    readonly property: "opacity";
-  };
-}>>]>>;
-interface FromLogoStyleProps extends StyleProps<typeof composedLogoStyles> {}
-interface SharedLogoProps extends Omit<React.SVGProps<SVGSVGElement>, keyof FromLogoStyleProps>, FromLogoStyleProps {}
-//#endregion
-export { SharedLogoProps };

package/dist/MarketingToaster/index.cjs

@@ -1,50 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let framer_motion = require("framer-motion");
-
-//#region src/MarketingToaster/index.tsx
-const MarketingToaster = ({ toasts }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.AnimatePresence, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-		initial: false,
-		animate: {
-			opacity: 1,
-			left: 0
-		},
-		exit: { opacity: 0 },
-		transition: { duration: .2 },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OuterBox, {
-			zIndex: 2,
-			position: "fixed",
-			justifyContent: "flex-end",
-			alignItems: "flex-end",
-			top: 0,
-			width: "100vw",
-			height: "100vh",
-			flexDirection: "column",
-			pb: 64,
-			pr: 224,
-			children: Object.keys(toasts).map((key) => {
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InnerBox, {
-					mt: 8,
-					mb: 8,
-					mx: 24,
-					children: toasts[key]
-				}, key);
-			})
-		})
-	}, "marketing_toast") });
-};
-const OuterBox = (0, _emotion_styled.default)(_codecademy_gamut.FlexBox)`
-  pointer-events: none;
-`;
-const InnerBox = (0, _emotion_styled.default)(_codecademy_gamut.Box)`
-  pointer-events: all;
-`;
-
-//#endregion
-exports.MarketingToaster = MarketingToaster;

package/dist/MarketingToaster/index.d.cts

@@ -1,11 +0,0 @@
-import React from "react";
-
-//#region src/MarketingToaster/index.d.ts
-interface MarketingToasterProps {
-  toasts: {
-    [key: string]: React.ReactNode;
-  };
-}
-declare const MarketingToaster: React.FC<MarketingToasterProps>;
-//#endregion
-export { MarketingToaster };

package/dist/NotFoundContent/404.cjs

@@ -1,5 +0,0 @@
-
-//#region src/NotFoundContent/404.svg
-var _404_default = "assets/404-BM2-wvJv.svg";
-
-//#endregion

package/dist/NotFoundContent/index.cjs

@@ -1,49 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_404 = require('./404.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/NotFoundContent/index.tsx
-const ErrorContainer = (0, _emotion_styled.default)(_codecademy_gamut.Box)((0, _codecademy_gamut_styles.css)({ canvas: { maxWidth: "100vw" } }));
-const Image = _codecademy_gamut.Box.withComponent("img");
-const NotFoundContent = ({ title = "Oh no!", subtitle = "Looks like you're lost.", hiddenText = "404: Page Not Found" }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("main", {
-		"data-testid": "error404",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			screenreader: true,
-			children: hiddenText
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ErrorContainer, {
-			as: "main",
-			my: 96,
-			mx: 16,
-			textAlign: "center",
-			"data-testid": "error404",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Image, {
-				src: require_404.default,
-				alt: "",
-				height: "125",
-				width: "500",
-				maxWidth: "100%"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-				my: 48,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					as: "h1",
-					variant: "title-xl",
-					children: title
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					as: "h2",
-					variant: "title-lg",
-					children: subtitle
-				})]
-			})]
-		})]
-	});
-};
-
-//#endregion
-exports.NotFoundContent = NotFoundContent;

package/dist/NotFoundContent/index.d.cts

@@ -1,11 +0,0 @@
-import React from "react";
-
-//#region src/NotFoundContent/index.d.ts
-interface NotFoundPageProps {
-  title?: string;
-  subtitle?: string;
-  hiddenText?: string;
-}
-declare const NotFoundContent: React.FC<NotFoundPageProps>;
-//#endregion
-export { NotFoundContent };

package/dist/NotificationList/EmptyNotification/emptyNotificationContents.cjs

@@ -1,34 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut_illustrations = require("@codecademy/gamut-illustrations");
-
-//#region src/NotificationList/EmptyNotification/emptyNotificationContents.tsx
-const emptyNotificationContents = [
-	{
-		text: "You're all caught up!",
-		subtext: "Go forth and learn new things.",
-		image: _codecademy_gamut_illustrations.Bee
-	},
-	{
-		text: "You're all caught up!",
-		subtext: "Time to learn new things.",
-		image: _codecademy_gamut_illustrations.Confetti
-	},
-	{
-		text: "You're all caught up!",
-		subtext: "The future looks bright.",
-		image: _codecademy_gamut_illustrations.Sun
-	},
-	{
-		text: "You're up to date!",
-		subtext: "Go forth and learn new things.",
-		image: _codecademy_gamut_illustrations.Plant
-	},
-	{
-		text: "You're up to date!",
-		subtext: "Clear future ahead.",
-		image: _codecademy_gamut_illustrations.Browser
-	}
-];
-
-//#endregion
-exports.emptyNotificationContents = emptyNotificationContents;

package/dist/NotificationList/EmptyNotification/index.cjs

@@ -1,44 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_emptyNotificationContents = require('./emptyNotificationContents.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let lodash_sample = require("lodash/sample");
-lodash_sample = require_rolldown_runtime.__toESM(lodash_sample);
-
-//#region src/NotificationList/EmptyNotification/index.tsx
-const EmptyNotification = () => {
-	const content = (0, react.useMemo)(() => (0, lodash_sample.default)(require_emptyNotificationContents.emptyNotificationContents), []);
-	const Image = content.image;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-		as: "li",
-		flexDirection: "column",
-		alignItems: "center",
-		pt: 32,
-		pb: 48,
-		"data-testid": "empty-notification",
-		"aria-label": "You have no notifications",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-			pb: 16,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Image, {
-				"aria-hidden": true,
-				width: 80,
-				height: 60
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			flexDirection: "column",
-			alignItems: "center",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				as: "p",
-				mb: 16,
-				children: content.text
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				as: "p",
-				children: content.subtext
-			})]
-		})]
-	});
-};
-
-//#endregion
-exports.EmptyNotification = EmptyNotification;

package/dist/NotificationList/NotificationItem.cjs

@@ -1,162 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-let _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
-let _codecademy_gamut_illustrations = require("@codecademy/gamut-illustrations");
-
-//#region src/NotificationList/NotificationItem.tsx
-const StyledLink = _emotion_styled.default.a`
-  text-decoration: none;
-  display: block;
-  z-index: 1;
-
-  &:before,
-  &:after {
-    top: -1px;
-    left: 0;
-    z-index: 0;
-    content: '';
-    position: absolute;
-    width: 100%;
-    height: calc(100% + 2px);
-    transition: background 250ms;
-  }
-  &:focus {
-    outline: none;
-  }
-  &:focus-visible {
-    &:after {
-      border-radius: 4px;
-      border: 2px solid ${(0, _codecademy_gamut_styles.themed)("colors.navy")};
-    }
-  }
-  &:hover {
-    text-decoration: none;
-    &:before {
-      background-color: ${({ theme }) => theme.colors["gray-100"]};
-    }
-  }
-`;
-const StyledImg = _emotion_styled.default.img`
-  border-radius: 50%;
-  border: 1px solid ${(0, _codecademy_gamut_styles.themed)("colors.navy")};
-  height: 3rem;
-  width: 3rem;
-`;
-const isInternalLink = (href) => {
-	try {
-		return new URL(href).hostname === window.location.hostname;
-	} catch (_e) {}
-	return false;
-};
-const NotificationItem = ({ handleDismiss, notification, handleClick }) => {
-	const { date, imageUrl, link, text, type, id } = notification;
-	const notificationItemId = `NotificationItem${id}`;
-	const renderIllustration = (Illustration) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		display: "inline-flex",
-		"aria-hidden": true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Illustration, {
-			height: 48,
-			width: 48
-		})
-	});
-	const renderIcon = (Icon) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		display: "inline-flex",
-		justifyContent: "center",
-		alignItems: "center",
-		borderRadius: "full",
-		border: 1,
-		width: 50,
-		height: 50,
-		"aria-hidden": true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
-			height: 22,
-			width: 22
-		})
-	});
-	const renderImage = () => {
-		if (imageUrl) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledImg, {
-			src: imageUrl,
-			alt: ""
-		});
-		switch (type) {
-			case "marketing_blast": return renderIllustration(_codecademy_gamut_illustrations.Megaphone);
-			case "curriculum_blast": return renderIllustration(_codecademy_gamut_illustrations.New);
-			case "cohort_blast": return renderIcon(_codecademy_gamut_icons.MultipleUsersIcon);
-			case "forum_comment": return renderIllustration(_codecademy_gamut_illustrations.ChatBox);
-			case "forum_message": return renderIllustration(_codecademy_gamut_illustrations.Envelope);
-			case "forum_like": return renderIllustration(_codecademy_gamut_illustrations.Heart);
-			case "forum_mention": return renderIllustration(_codecademy_gamut_illustrations.EmailAt);
-			default: return renderIllustration(_codecademy_gamut_illustrations.Bell);
-		}
-	};
-	const notificationContent = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-		zIndex: 1,
-		position: "relative",
-		textColor: "text",
-		children: [renderImage(), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-			flex: 1,
-			pl: 12,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				id: notificationItemId,
-				variant: "p-small",
-				children: text
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				variant: "p-small",
-				textColor: "text-secondary",
-				ml: 4,
-				children: date
-			})]
-		})]
-	});
-	const dismissIcon = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.IconButton, {
-		icon: _codecademy_gamut_icons.MiniDeleteIcon,
-		onClick: handleDismiss,
-		"aria-describedby": notificationItemId,
-		size: "small",
-		variant: "secondary",
-		"z-index": 1,
-		tip: "Dismiss notification",
-		tipProps: {
-			alignment: "bottom-center",
-			placement: "floating"
-		}
-	});
-	const separatorPattern = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		px: 32,
-		m: 0,
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_patterns.CheckerDense, {
-			height: "1px",
-			display: "flex"
-		})
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-		py: 24,
-		px: 32,
-		alignItems: "flex-start",
-		justifyContent: "space-between",
-		position: "relative",
-		children: [link ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledLink, {
-			href: link,
-			"aria-label": `${text}, ${date} ago`,
-			rel: isInternalLink(link) ? "" : "noopener noreferrer",
-			target: isInternalLink(link) ? "" : "_blank",
-			onClick: (event) => handleClick?.(event),
-			children: notificationContent
-		}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: notificationContent }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-			alignItems: "flex-start",
-			zIndex: 1,
-			children: handleDismiss && dismissIcon
-		})]
-	}), separatorPattern] });
-};
-
-//#endregion
-exports.NotificationItem = NotificationItem;

package/dist/NotificationList/NotificationItem.d.cts

@@ -1,12 +0,0 @@
-import { Notification } from "./typings.cjs";
-import * as React$1 from "react";
-
-//#region src/NotificationList/NotificationItem.d.ts
-type NotificationItemProps = {
-  notification: Notification;
-  handleClick?: (event: object) => void;
-  handleDismiss?: () => void;
-};
-declare const NotificationItem: React$1.FC<NotificationItemProps>;
-//#endregion
-export { NotificationItem, NotificationItemProps };