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

package/dist/LandingPage/PageSingleFeature.js

@@ -1,105 +0,0 @@
-import { FeatureList } from "../FeatureList/index.js";
-import { PausableImage } from "../PausableImage/index.js";
-import { CTA } from "./CTA.js";
-import { Description } from "./Description.js";
-import { Title } from "./Title.js";
-import { TitleWithEyebrow } from "./TitleWithEyebrow.js";
-import { Anchor, Box, Column, FlexBox, LayoutGrid, Video } from "@codecademy/gamut";
-import "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/LandingPage/PageSingleFeature.tsx
-const FeaturedImage = ({ src, alt, linkUrl, hideImageOnMobile }) => {
-	return /* @__PURE__ */ jsx(linkUrl ? Anchor : Box, {
-		display: {
-			_: hideImageOnMobile ? "none" : "initial",
-			sm: "initial"
-		},
-		href: linkUrl,
-		width: 1,
-		tabIndex: linkUrl ? 0 : void 0,
-		children: /* @__PURE__ */ jsx(PausableImage, {
-			src,
-			alt,
-			"data-testid": "feature-image"
-		})
-	});
-};
-const PageSingleFeature = ({ cta, desc, eyebrow, hideImageOnMobile, isPageHeading, media, mediaWidth = 6, onAnchorClick, testId, title, additionalCtas, featureList }) => {
-	const hasAdditionalCtas = additionalCtas && additionalCtas.length > 0;
-	const primaryContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-		title && (eyebrow ? /* @__PURE__ */ jsx(TitleWithEyebrow, {
-			title,
-			eyebrow,
-			isPageHeading
-		}) : /* @__PURE__ */ jsx(Title, {
-			isPageHeading,
-			children: title
-		})),
-		desc && /* @__PURE__ */ jsx(Description, {
-			text: desc,
-			onAnchorClick
-		}),
-		cta && /* @__PURE__ */ jsxs(FlexBox, {
-			mt: 32,
-			gap: 16,
-			flexDirection: {
-				_: "column",
-				sm: cta.buttonType === "fill" && mediaWidth < 5 ? "row" : "column",
-				md: "row"
-			},
-			maxWidth: {
-				_: "100%",
-				sm: "max-content"
-			},
-			children: [/* @__PURE__ */ jsx(CTA, {
-				href: cta.href,
-				onClick: cta.onClick,
-				buttonType: hasAdditionalCtas ? "fill" : cta.buttonType,
-				children: cta.text
-			}, cta.text), hasAdditionalCtas ? additionalCtas.map((cta$1) => {
-				if (!cta$1) return null;
-				return /* @__PURE__ */ jsx(CTA, {
-					href: cta$1.href,
-					onClick: cta$1.onClick,
-					buttonType: "fill",
-					children: cta$1.text
-				}, cta$1.text);
-			}) : null]
-		}),
-		featureList && /* @__PURE__ */ jsx(FeatureList, { featureList })
-	] });
-	if (!media) return /* @__PURE__ */ jsx("div", {
-		"data-testid": testId,
-		children: primaryContent
-	});
-	const textWidth = 12 - mediaWidth;
-	return /* @__PURE__ */ jsxs(LayoutGrid, {
-		"data-testid": testId,
-		rowGap: 16,
-		columnGap: {
-			_: 8,
-			sm: 32
-		},
-		children: [/* @__PURE__ */ jsx(Column, {
-			size: { sm: textWidth },
-			alignContent: "flex-start",
-			alignSelf: !desc ? "center" : "flex-start",
-			children: primaryContent
-		}), /* @__PURE__ */ jsxs(Column, {
-			size: { sm: mediaWidth },
-			gridRowStart: {
-				_: hideImageOnMobile ? "initial" : 1,
-				sm: "initial"
-			},
-			alignContent: "flex-start",
-			children: [media.type === "image" && /* @__PURE__ */ jsx(FeaturedImage, {
-				...media,
-				hideImageOnMobile
-			}), media.type === "video" && /* @__PURE__ */ jsx(Video, { ...media })]
-		})]
-	});
-};
-
-//#endregion
-export { FeaturedImage, PageSingleFeature };

package/dist/LandingPage/PageTestimonials.cjs

@@ -1,108 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_Avatar_index = require('../Avatar/index.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");
-
-//#region src/LandingPage/PageTestimonials.tsx
-const UserProfile = ({ fullName, jobTitle, image }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-	flexDirection: "row",
-	gap: 12,
-	alignItems: "center",
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-		background: _codecademy_gamut_styles.theme.colors["blue-300"],
-		borderRadius: "full",
-		alignItems: "center",
-		justifyContent: "center",
-		borderWidth: 1,
-		borderColor: "black",
-		borderStyle: "solid",
-		minWidth: 64,
-		minHeight: 64,
-		overflow: "hidden",
-		children: image ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Avatar_index.Avatar, {
-			src: image,
-			alt: fullName || "N/A",
-			size: 64,
-			disableDropshadow: true
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.PersonFilledIcon, {
-			color: "black",
-			size: 60,
-			mt: 12,
-			borderRadius: "full"
-		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-		display: "flex",
-		flexDirection: "column",
-		gap: 4,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			fontWeight: "bold",
-			fontSize: 16,
-			children: fullName
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			fontSize: 16,
-			color: "gray-800",
-			children: jobTitle
-		})]
-	})]
-});
-const StyledCard = (0, _emotion_styled.default)(_codecademy_gamut.Card)(({ bg }) => `
-  background: ${bg};
-  display: flex;
-  flex-direction: column;
-`);
-const TestimonialCard = ({ testimonial, bg }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledCard, {
-	shadow: "patternLeft",
-	borderRadius: "lg",
-	p: 24,
-	bg,
-	children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.MiniQuoteIcon, {
-			size: 18,
-			mt: "auto"
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-			mt: 12,
-			mb: 24,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Markdown, { text: testimonial?.longQuote })
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UserProfile, {
-			fullName: testimonial?.firstName + " " + testimonial?.lastName,
-			jobTitle: testimonial?.jobTitle,
-			image: testimonial?.image?.url
-		})
-	]
-});
-const TestimonialCards = ({ testimonials }) => {
-	const backgroundVariants = [
-		_codecademy_gamut_styles.theme.colors["yellow-0"],
-		_codecademy_gamut_styles.theme.colors["pink-0"],
-		_codecademy_gamut_styles.theme.colors["blue-0"]
-	];
-	return testimonials?.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Column, {
-		size: {
-			_: 12,
-			sm: 6,
-			md: 4
-		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TestimonialCard, {
-			testimonial: item,
-			bg: backgroundVariants[index % backgroundVariants.length]
-		})
-	}, item.lastName.replaceAll(" ", "-")));
-};
-const PageTestimonials = ({ testimonials, testId }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.LayoutGrid, {
-		"data-testid": testId,
-		gap: 32,
-		children: testimonials && testimonials?.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TestimonialCards, { testimonials })
-	});
-};
-
-//#endregion
-exports.PageTestimonials = PageTestimonials;

package/dist/LandingPage/PageTestimonials.d.cts

@@ -1,25 +0,0 @@
-import { LandingPageBaseProps } from "./types.cjs";
-import { Eyebrow } from "./PageSingleFeature.cjs";
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageTestimonials.d.ts
-interface LiveLearningTestimonialItem {
-  image: {
-    url: string;
-  };
-  firstName: string;
-  lastName: string;
-  jobTitle: string;
-  company: string;
-  shortQuote: string;
-  longQuote: string;
-  href: string;
-}
-interface PageTestimonialsProps extends LandingPageBaseProps, WithChildrenProp {
-  eyebrow?: Eyebrow;
-  testimonials?: LiveLearningTestimonialItem[];
-}
-declare const PageTestimonials: React$1.FC<PageTestimonialsProps>;
-//#endregion
-export { LiveLearningTestimonialItem, PageTestimonials, PageTestimonialsProps };

package/dist/LandingPage/PageTestimonials.d.ts

@@ -1,25 +0,0 @@
-import { LandingPageBaseProps } from "./types.js";
-import { Eyebrow } from "./PageSingleFeature.js";
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageTestimonials.d.ts
-interface LiveLearningTestimonialItem {
-  image: {
-    url: string;
-  };
-  firstName: string;
-  lastName: string;
-  jobTitle: string;
-  company: string;
-  shortQuote: string;
-  longQuote: string;
-  href: string;
-}
-interface PageTestimonialsProps extends LandingPageBaseProps, WithChildrenProp {
-  eyebrow?: Eyebrow;
-  testimonials?: LiveLearningTestimonialItem[];
-}
-declare const PageTestimonials: React$1.FC<PageTestimonialsProps>;
-//#endregion
-export { LiveLearningTestimonialItem, PageTestimonials, PageTestimonialsProps };

package/dist/LandingPage/PageTestimonials.js

@@ -1,105 +0,0 @@
-import { Avatar } from "../Avatar/index.js";
-import { Box, Card, Column, FlexBox, LayoutGrid, Markdown, Text } from "@codecademy/gamut";
-import { theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { MiniQuoteIcon, PersonFilledIcon } from "@codecademy/gamut-icons";
-
-//#region src/LandingPage/PageTestimonials.tsx
-const UserProfile = ({ fullName, jobTitle, image }) => /* @__PURE__ */ jsxs(FlexBox, {
-	flexDirection: "row",
-	gap: 12,
-	alignItems: "center",
-	children: [/* @__PURE__ */ jsx(FlexBox, {
-		background: theme.colors["blue-300"],
-		borderRadius: "full",
-		alignItems: "center",
-		justifyContent: "center",
-		borderWidth: 1,
-		borderColor: "black",
-		borderStyle: "solid",
-		minWidth: 64,
-		minHeight: 64,
-		overflow: "hidden",
-		children: image ? /* @__PURE__ */ jsx(Avatar, {
-			src: image,
-			alt: fullName || "N/A",
-			size: 64,
-			disableDropshadow: true
-		}) : /* @__PURE__ */ jsx(PersonFilledIcon, {
-			color: "black",
-			size: 60,
-			mt: 12,
-			borderRadius: "full"
-		})
-	}), /* @__PURE__ */ jsxs(Box, {
-		display: "flex",
-		flexDirection: "column",
-		gap: 4,
-		children: [/* @__PURE__ */ jsx(Text, {
-			fontWeight: "bold",
-			fontSize: 16,
-			children: fullName
-		}), /* @__PURE__ */ jsx(Text, {
-			fontSize: 16,
-			color: "gray-800",
-			children: jobTitle
-		})]
-	})]
-});
-const StyledCard = styled(Card)(({ bg }) => `
-  background: ${bg};
-  display: flex;
-  flex-direction: column;
-`);
-const TestimonialCard = ({ testimonial, bg }) => /* @__PURE__ */ jsxs(StyledCard, {
-	shadow: "patternLeft",
-	borderRadius: "lg",
-	p: 24,
-	bg,
-	children: [
-		/* @__PURE__ */ jsx(MiniQuoteIcon, {
-			size: 18,
-			mt: "auto"
-		}),
-		/* @__PURE__ */ jsx(Box, {
-			mt: 12,
-			mb: 24,
-			children: /* @__PURE__ */ jsx(Markdown, { text: testimonial?.longQuote })
-		}),
-		/* @__PURE__ */ jsx(UserProfile, {
-			fullName: testimonial?.firstName + " " + testimonial?.lastName,
-			jobTitle: testimonial?.jobTitle,
-			image: testimonial?.image?.url
-		})
-	]
-});
-const TestimonialCards = ({ testimonials }) => {
-	const backgroundVariants = [
-		theme.colors["yellow-0"],
-		theme.colors["pink-0"],
-		theme.colors["blue-0"]
-	];
-	return testimonials?.map((item, index) => /* @__PURE__ */ jsx(Column, {
-		size: {
-			_: 12,
-			sm: 6,
-			md: 4
-		},
-		children: /* @__PURE__ */ jsx(TestimonialCard, {
-			testimonial: item,
-			bg: backgroundVariants[index % backgroundVariants.length]
-		})
-	}, item.lastName.replaceAll(" ", "-")));
-};
-const PageTestimonials = ({ testimonials, testId }) => {
-	return /* @__PURE__ */ jsx(LayoutGrid, {
-		"data-testid": testId,
-		gap: 32,
-		children: testimonials && testimonials?.length > 0 && /* @__PURE__ */ jsx(TestimonialCards, { testimonials })
-	});
-};
-
-//#endregion
-export { PageTestimonials };

package/dist/LandingPage/PageVideoGallery.cjs

@@ -1,70 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_CTA = require('./CTA.cjs');
-const require_Description = require('./Description.cjs');
-const require_Title = require('./Title.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/LandingPage/PageVideoGallery.tsx
-const Grid = _emotion_styled.default.div`
-  display: grid;
-  grid-template: 1fr / 1fr;
-  gap: 8px;
-
-  ${_codecademy_gamut_styles.mediaQueries.sm} {
-    // there must be a mathematical explanation for why ~12:5 is the correct ratio for
-    // the column widths but I do not know what it is. Regardless, the effect is that
-    // all three videos will maintain a 16:9 aspect ratio with an even gap between them.
-
-    grid-template: 1fr 1fr / 12fr 5fr;
-
-    gap: 16px;
-  }
-  ${_codecademy_gamut_styles.mediaQueries.md} {
-    gap: 24px;
-  }
-  ${_codecademy_gamut_styles.mediaQueries.lg} {
-    gap: 32px;
-  }
-`;
-const GridVideo = (0, _emotion_styled.default)(_codecademy_gamut.Video)`
-  ${_codecademy_gamut_styles.mediaQueries.sm} {
-    &:first-of-type {
-      grid-row: 1 / span 2;
-    }
-  }
-`;
-const PageVideoGallery = ({ videos, title, desc, onAnchorClick, cta, testId }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
-	(title || desc) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-		mb: 32,
-		children: [title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Title.Title, { children: title }), desc && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Description.Description, {
-			text: desc,
-			onAnchorClick
-		})]
-	}),
-	/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Grid, {
-		"data-testid": testId,
-		children: videos.map((video) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GridVideo, {
-			videoUrl: video.url,
-			videoTitle: video.title,
-			placeholderImage: video.placeholderImage || true
-		}, video.url))
-	}),
-	cta && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		mt: 32,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CTA.CTA, {
-			href: cta.href,
-			onClick: cta.onClick,
-			buttonType: cta.buttonType,
-			children: cta.text
-		})
-	})
-] });
-
-//#endregion
-exports.PageVideoGallery = PageVideoGallery;

package/dist/LandingPage/PageVideoGallery.d.cts

@@ -1,15 +0,0 @@
-import { LandingPageBaseProps } from "./types.cjs";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageVideoGallery.d.ts
-type PageVideo = {
-  url: string;
-  title: string;
-  placeholderImage?: string;
-};
-type PageVideoGalleryProps = LandingPageBaseProps & {
-  videos: PageVideo[];
-};
-declare const PageVideoGallery: React$1.FC<PageVideoGalleryProps>;
-//#endregion
-export { PageVideo, PageVideoGallery, PageVideoGalleryProps };

package/dist/LandingPage/PageVideoGallery.d.ts

@@ -1,15 +0,0 @@
-import { LandingPageBaseProps } from "./types.js";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageVideoGallery.d.ts
-type PageVideo = {
-  url: string;
-  title: string;
-  placeholderImage?: string;
-};
-type PageVideoGalleryProps = LandingPageBaseProps & {
-  videos: PageVideo[];
-};
-declare const PageVideoGallery: React$1.FC<PageVideoGalleryProps>;
-//#endregion
-export { PageVideo, PageVideoGallery, PageVideoGalleryProps };

package/dist/LandingPage/PageVideoGallery.js

@@ -1,67 +0,0 @@
-import { CTA } from "./CTA.js";
-import { Description } from "./Description.js";
-import { Title } from "./Title.js";
-import { Box, Video } from "@codecademy/gamut";
-import { mediaQueries } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/LandingPage/PageVideoGallery.tsx
-const Grid = styled.div`
-  display: grid;
-  grid-template: 1fr / 1fr;
-  gap: 8px;
-
-  ${mediaQueries.sm} {
-    // there must be a mathematical explanation for why ~12:5 is the correct ratio for
-    // the column widths but I do not know what it is. Regardless, the effect is that
-    // all three videos will maintain a 16:9 aspect ratio with an even gap between them.
-
-    grid-template: 1fr 1fr / 12fr 5fr;
-
-    gap: 16px;
-  }
-  ${mediaQueries.md} {
-    gap: 24px;
-  }
-  ${mediaQueries.lg} {
-    gap: 32px;
-  }
-`;
-const GridVideo = styled(Video)`
-  ${mediaQueries.sm} {
-    &:first-of-type {
-      grid-row: 1 / span 2;
-    }
-  }
-`;
-const PageVideoGallery = ({ videos, title, desc, onAnchorClick, cta, testId }) => /* @__PURE__ */ jsxs("div", { children: [
-	(title || desc) && /* @__PURE__ */ jsxs(Box, {
-		mb: 32,
-		children: [title && /* @__PURE__ */ jsx(Title, { children: title }), desc && /* @__PURE__ */ jsx(Description, {
-			text: desc,
-			onAnchorClick
-		})]
-	}),
-	/* @__PURE__ */ jsx(Grid, {
-		"data-testid": testId,
-		children: videos.map((video) => /* @__PURE__ */ jsx(GridVideo, {
-			videoUrl: video.url,
-			videoTitle: video.title,
-			placeholderImage: video.placeholderImage || true
-		}, video.url))
-	}),
-	cta && /* @__PURE__ */ jsx(Box, {
-		mt: 32,
-		children: /* @__PURE__ */ jsx(CTA, {
-			href: cta.href,
-			onClick: cta.onClick,
-			buttonType: cta.buttonType,
-			children: cta.text
-		})
-	})
-] });
-
-//#endregion
-export { PageVideoGallery };

package/dist/LandingPage/Title.cjs

@@ -1,33 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/LandingPage/Title.tsx
-const titleProps = {
-	heading: {
-		as: "h1",
-		fontSize: {
-			_: 34,
-			sm: 44,
-			lg: 64
-		}
-	},
-	subheading: {
-		as: "h2",
-		fontSize: {
-			_: 26,
-			lg: 34
-		}
-	}
-};
-const Title = ({ isPageHeading, children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-	maxWidth: "58rem",
-	...titleProps[isPageHeading ? "heading" : "subheading"],
-	children
-});
-
-//#endregion
-exports.Title = Title;
-exports.titleProps = titleProps;

package/dist/LandingPage/Title.d.cts

@@ -1,27 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LandingPage/Title.d.ts
-interface TitleProps extends WithChildrenProp {
-  isPageHeading?: boolean;
-}
-declare const titleProps: {
-  readonly heading: {
-    readonly as: "h1";
-    readonly fontSize: {
-      readonly _: 34;
-      readonly sm: 44;
-      readonly lg: 64;
-    };
-  };
-  readonly subheading: {
-    readonly as: "h2";
-    readonly fontSize: {
-      readonly _: 26;
-      readonly lg: 34;
-    };
-  };
-};
-declare const Title: React$1.FC<TitleProps>;
-//#endregion
-export { Title, TitleProps, titleProps };

package/dist/LandingPage/TitleWithEyebrow.cjs

@@ -1,39 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_Title = require('./Title.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/LandingPage/TitleWithEyebrow.tsx
-const TitleWithEyebrow = ({ title, eyebrow, isPageHeading, titleStyle, eyebrowStyle }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Title.Title, {
-	isPageHeading,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-		fontSize: {
-			_: 20,
-			sm: 22
-		},
-		fontFamily: "accent",
-		mb: 16,
-		display: "block",
-		color: eyebrow.accent ? "blue" : void 0,
-		...eyebrowStyle,
-		children: eyebrow.text
-	})
-}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-	fontSize: isPageHeading ? {
-		_: 34,
-		sm: 44,
-		lg: 64
-	} : {
-		_: 26,
-		lg: 34
-	},
-	fontWeight: 700,
-	lineHeight: "title",
-	...titleStyle,
-	children: title
-})] });
-
-//#endregion
-exports.TitleWithEyebrow = TitleWithEyebrow;

package/dist/LandingPage/TitleWithEyebrow.d.cts

@@ -1,15 +0,0 @@
-import { Eyebrow } from "./PageSingleFeature.cjs";
-import { TextProps } from "@codecademy/gamut";
-import React from "react";
-
-//#region src/LandingPage/TitleWithEyebrow.d.ts
-interface TitleWithEyebrowProps {
-  eyebrow: Eyebrow;
-  title: string | undefined;
-  isPageHeading: boolean | undefined;
-  titleStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;
-  eyebrowStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;
-}
-declare const TitleWithEyebrow: React.FC<TitleWithEyebrowProps>;
-//#endregion
-export { TitleWithEyebrow, TitleWithEyebrowProps };