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

package/dist/LandingPage/Title.js

@@ -1,28 +1,30 @@
-import { Text } from '@codecademy/gamut';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const titleProps = {
-  heading: {
-    as: 'h1',
-    fontSize: {
-      _: 34,
-      sm: 44,
-      lg: 64
-    }
-  },
-  subheading: {
-    as: 'h2',
-    fontSize: {
-      _: 26,
-      lg: 34
-    }
-  }
+import { Text } from "@codecademy/gamut";
+import "react";
+import { jsx } from "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
+		}
+	}
 };
-export const Title = ({
-  isPageHeading,
-  children
-}) => /*#__PURE__*/_jsx(Text, {
-  maxWidth: "58rem",
-  ...titleProps[isPageHeading ? 'heading' : 'subheading'],
-  children: children
-});
+const Title = ({ isPageHeading, children }) => /* @__PURE__ */ jsx(Text, {
+	maxWidth: "58rem",
+	...titleProps[isPageHeading ? "heading" : "subheading"],
+	children
+});
+
+//#endregion
+export { Title, titleProps };

package/dist/LandingPage/TitleWithEyebrow.cjs

@@ -0,0 +1,39 @@
+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

@@ -0,0 +1,15 @@
+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 };

package/dist/LandingPage/TitleWithEyebrow.d.ts

@@ -1,11 +1,15 @@
-import { TextProps } from '@codecademy/gamut';
-import React from 'react';
-import { Eyebrow } from './PageSingleFeature';
-export interface TitleWithEyebrowProps {
-    eyebrow: Eyebrow;
-    title: string | undefined;
-    isPageHeading: boolean | undefined;
-    titleStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;
-    eyebrowStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;
+import { Eyebrow } from "./PageSingleFeature.js";
+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'>;
 }
-export declare const TitleWithEyebrow: React.FC<TitleWithEyebrowProps>;
+declare const TitleWithEyebrow: React.FC<TitleWithEyebrowProps>;
+//#endregion
+export { TitleWithEyebrow, TitleWithEyebrowProps };

package/dist/LandingPage/TitleWithEyebrow.js

@@ -1,40 +1,37 @@
-import { Text } from '@codecademy/gamut';
-import React from 'react';
-import { Title } from './Title';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const TitleWithEyebrow = ({
-  title,
-  eyebrow,
-  isPageHeading,
-  titleStyle,
-  eyebrowStyle
-}) => /*#__PURE__*/_jsxs("div", {
-  children: [/*#__PURE__*/_jsx(Title, {
-    isPageHeading: isPageHeading,
-    children: /*#__PURE__*/_jsx(Text, {
-      fontSize: {
-        _: 20,
-        sm: 22
-      },
-      fontFamily: "accent",
-      mb: 16,
-      display: "block",
-      color: eyebrow.accent ? 'blue' : undefined,
-      ...eyebrowStyle,
-      children: eyebrow.text
-    })
-  }), /*#__PURE__*/_jsx(Text, {
-    fontSize: isPageHeading ? {
-      _: 34,
-      sm: 44,
-      lg: 64
-    } : {
-      _: 26,
-      lg: 34
-    },
-    fontWeight: 700,
-    lineHeight: "title",
-    ...titleStyle,
-    children: title
-  })]
-});
+import { Title } from "./Title.js";
+import { Text } from "@codecademy/gamut";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/LandingPage/TitleWithEyebrow.tsx
+const TitleWithEyebrow = ({ title, eyebrow, isPageHeading, titleStyle, eyebrowStyle }) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Title, {
+	isPageHeading,
+	children: /* @__PURE__ */ jsx(Text, {
+		fontSize: {
+			_: 20,
+			sm: 22
+		},
+		fontFamily: "accent",
+		mb: 16,
+		display: "block",
+		color: eyebrow.accent ? "blue" : void 0,
+		...eyebrowStyle,
+		children: eyebrow.text
+	})
+}), /* @__PURE__ */ jsx(Text, {
+	fontSize: isPageHeading ? {
+		_: 34,
+		sm: 44,
+		lg: 64
+	} : {
+		_: 26,
+		lg: 34
+	},
+	fontWeight: 700,
+	lineHeight: "title",
+	...titleStyle,
+	children: title
+})] });
+
+//#endregion
+export { TitleWithEyebrow };

package/dist/LandingPage/index.cjs

@@ -0,0 +1,29 @@
+const require_FeatureList_index = require('../FeatureList/index.cjs');
+const require_Description = require('./Description.cjs');
+const require_Title = require('./Title.cjs');
+const require_TitleWithEyebrow = require('./TitleWithEyebrow.cjs');
+const require_PageSingleFeature = require('./PageSingleFeature.cjs');
+const require_PageHero = require('./PageHero.cjs');
+const require_PageFeatures = require('./PageFeatures.cjs');
+const require_PageFeaturesEnhanced = require('./PageFeaturesEnhanced.cjs');
+const require_PageFeaturesWithReferences = require('./PageFeaturesWithReferences.cjs');
+const require_PagePrefooter = require('./PagePrefooter.cjs');
+const require_PageVideoGallery = require('./PageVideoGallery.cjs');
+const require_PageTestimonials = require('./PageTestimonials.cjs');
+const require_PageFAQs = require('./PageFAQs.cjs');
+
+exports.Description = require_Description.Description;
+exports.FeatureList = require_FeatureList_index.FeatureList;
+exports.FeaturedImage = require_PageSingleFeature.FeaturedImage;
+exports.PageFaqs = require_PageFAQs.PageFaqs;
+exports.PageFeatures = require_PageFeatures.PageFeatures;
+exports.PageFeaturesEnhanced = require_PageFeaturesEnhanced.PageFeaturesEnhanced;
+exports.PageFeaturesWithReferences = require_PageFeaturesWithReferences.PageFeaturesWithReferences;
+exports.PageHero = require_PageHero.PageHero;
+exports.PagePrefooter = require_PagePrefooter.PagePrefooter;
+exports.PageSingleFeature = require_PageSingleFeature.PageSingleFeature;
+exports.PageTestimonials = require_PageTestimonials.PageTestimonials;
+exports.PageVideoGallery = require_PageVideoGallery.PageVideoGallery;
+exports.Title = require_Title.Title;
+exports.TitleWithEyebrow = require_TitleWithEyebrow.TitleWithEyebrow;
+exports.titleProps = require_Title.titleProps;

package/dist/LandingPage/index.d.cts

@@ -0,0 +1,15 @@
+import { FeatureList, FeatureListItem, IFeatureListProps } from "../FeatureList/index.cjs";
+import { CtaProps, LandingPageBaseProps } from "./types.cjs";
+import { ColumnSize, Eyebrow, FeaturedImage, FeaturedImageProps, ImageProps, MediaColumnsSize, MediaProps, PageSingleFeature, PageSingleFeatureProps } from "./PageSingleFeature.cjs";
+import { PageHero, PageHeroProps } from "./PageHero.cjs";
+import { PageFeatures, PageFeaturesProps } from "./PageFeatures.cjs";
+import { PageFeaturesEnhanced, PageFeaturesEnhancedProps } from "./PageFeaturesEnhanced.cjs";
+import { PageFeaturesWithReferences, PageFeaturesWithReferencesProps } from "./PageFeaturesWithReferences.cjs";
+import { PagePrefooter } from "./PagePrefooter.cjs";
+import { PageVideo, PageVideoGallery, PageVideoGalleryProps } from "./PageVideoGallery.cjs";
+import { Title, TitleProps, titleProps } from "./Title.cjs";
+import { TitleWithEyebrow, TitleWithEyebrowProps } from "./TitleWithEyebrow.cjs";
+import { Description, DescriptionProps } from "./Description.cjs";
+import { LiveLearningTestimonialItem, PageTestimonials, PageTestimonialsProps } from "./PageTestimonials.cjs";
+import { PageFaqs, PageFaqsProps } from "./PageFAQs.cjs";
+export { ColumnSize, CtaProps, Description, DescriptionProps, Eyebrow, FeatureList, FeatureListItem, FeaturedImage, FeaturedImageProps, IFeatureListProps, ImageProps, LandingPageBaseProps, LiveLearningTestimonialItem, MediaColumnsSize, MediaProps, PageFaqs, PageFaqsProps, PageFeatures, PageFeaturesEnhanced, PageFeaturesEnhancedProps, PageFeaturesProps, PageFeaturesWithReferences, PageFeaturesWithReferencesProps, PageHero, PageHeroProps, PagePrefooter, PageSingleFeature, PageSingleFeatureProps, PageTestimonials, PageTestimonialsProps, PageVideo, PageVideoGallery, PageVideoGalleryProps, Title, TitleProps, TitleWithEyebrow, TitleWithEyebrowProps, titleProps };

package/dist/LandingPage/index.d.ts

@@ -1,14 +1,15 @@
-export * from './PageHero';
-export * from './PageSingleFeature';
-export * from './PageFeatures';
-export * from './PageFeaturesEnhanced';
-export * from './PageFeaturesWithReferences';
-export * from './PagePrefooter';
-export * from './PageVideoGallery';
-export * from './types';
-export * from './Title';
-export * from './TitleWithEyebrow';
-export * from './Description';
-export * from './PageTestimonials';
-export * from './PageFAQs';
-export * from '../FeatureList';
+import { FeatureList, FeatureListItem, IFeatureListProps } from "../FeatureList/index.js";
+import { CtaProps, LandingPageBaseProps } from "./types.js";
+import { ColumnSize, Eyebrow, FeaturedImage, FeaturedImageProps, ImageProps, MediaColumnsSize, MediaProps, PageSingleFeature, PageSingleFeatureProps } from "./PageSingleFeature.js";
+import { PageHero, PageHeroProps } from "./PageHero.js";
+import { PageFeatures, PageFeaturesProps } from "./PageFeatures.js";
+import { PageFeaturesEnhanced, PageFeaturesEnhancedProps } from "./PageFeaturesEnhanced.js";
+import { PageFeaturesWithReferences, PageFeaturesWithReferencesProps } from "./PageFeaturesWithReferences.js";
+import { PagePrefooter } from "./PagePrefooter.js";
+import { PageVideo, PageVideoGallery, PageVideoGalleryProps } from "./PageVideoGallery.js";
+import { Title, TitleProps, titleProps } from "./Title.js";
+import { TitleWithEyebrow, TitleWithEyebrowProps } from "./TitleWithEyebrow.js";
+import { Description, DescriptionProps } from "./Description.js";
+import { LiveLearningTestimonialItem, PageTestimonials, PageTestimonialsProps } from "./PageTestimonials.js";
+import { PageFaqs, PageFaqsProps } from "./PageFAQs.js";
+export { ColumnSize, CtaProps, Description, DescriptionProps, Eyebrow, FeatureList, FeatureListItem, FeaturedImage, FeaturedImageProps, IFeatureListProps, ImageProps, LandingPageBaseProps, LiveLearningTestimonialItem, MediaColumnsSize, MediaProps, PageFaqs, PageFaqsProps, PageFeatures, PageFeaturesEnhanced, PageFeaturesEnhancedProps, PageFeaturesProps, PageFeaturesWithReferences, PageFeaturesWithReferencesProps, PageHero, PageHeroProps, PagePrefooter, PageSingleFeature, PageSingleFeatureProps, PageTestimonials, PageTestimonialsProps, PageVideo, PageVideoGallery, PageVideoGalleryProps, Title, TitleProps, TitleWithEyebrow, TitleWithEyebrowProps, titleProps };

package/dist/LandingPage/index.js

@@ -1,14 +1,15 @@
-export * from './PageHero';
-export * from './PageSingleFeature';
-export * from './PageFeatures';
-export * from './PageFeaturesEnhanced';
-export * from './PageFeaturesWithReferences';
-export * from './PagePrefooter';
-export * from './PageVideoGallery';
-export * from './types';
-export * from './Title';
-export * from './TitleWithEyebrow';
-export * from './Description';
-export * from './PageTestimonials';
-export * from './PageFAQs';
-export * from '../FeatureList';
+import { FeatureList } from "../FeatureList/index.js";
+import { Description } from "./Description.js";
+import { Title, titleProps } from "./Title.js";
+import { TitleWithEyebrow } from "./TitleWithEyebrow.js";
+import { FeaturedImage, PageSingleFeature } from "./PageSingleFeature.js";
+import { PageHero } from "./PageHero.js";
+import { PageFeatures } from "./PageFeatures.js";
+import { PageFeaturesEnhanced } from "./PageFeaturesEnhanced.js";
+import { PageFeaturesWithReferences } from "./PageFeaturesWithReferences.js";
+import { PagePrefooter } from "./PagePrefooter.js";
+import { PageVideoGallery } from "./PageVideoGallery.js";
+import { PageTestimonials } from "./PageTestimonials.js";
+import { PageFaqs } from "./PageFAQs.js";
+
+export { Description, FeatureList, FeaturedImage, PageFaqs, PageFeatures, PageFeaturesEnhanced, PageFeaturesWithReferences, PageHero, PagePrefooter, PageSingleFeature, PageTestimonials, PageVideoGallery, Title, TitleWithEyebrow, titleProps };

package/dist/LandingPage/types.d.cts

@@ -0,0 +1,31 @@
+//#region src/LandingPage/types.d.ts
+type LandingPageBaseProps = {
+  title?: string;
+  /**
+   * Body text as markdown
+   */
+  desc?: string;
+  /**
+   * Callback when a markdown anchor tag is clicked
+   */
+  onAnchorClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+  /**
+   * text: button text
+   *
+   * href: url to navigate to when clicking the button
+   *
+   * onClick: callback when the button is clicked
+   *
+   * buttonType: whether to show a CTA button or a regular fill button, defaults to CTA button
+   */
+  cta?: {
+    text: string;
+    href: string;
+    onClick?: React.MouseEventHandler;
+    buttonType?: 'cta' | 'fill';
+  };
+  testId?: string;
+};
+type CtaProps = LandingPageBaseProps['cta'];
+//#endregion
+export { CtaProps, LandingPageBaseProps };

package/dist/LandingPage/types.d.ts

@@ -1,28 +1,31 @@
-export type LandingPageBaseProps = {
-    title?: string;
-    /**
-     * Body text as markdown
-     */
-    desc?: string;
-    /**
-     * Callback when a markdown anchor tag is clicked
-     */
-    onAnchorClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-    /**
-     * text: button text
-     *
-     * href: url to navigate to when clicking the button
-     *
-     * onClick: callback when the button is clicked
-     *
-     * buttonType: whether to show a CTA button or a regular fill button, defaults to CTA button
-     */
-    cta?: {
-        text: string;
-        href: string;
-        onClick?: React.MouseEventHandler;
-        buttonType?: 'cta' | 'fill';
-    };
-    testId?: string;
+//#region src/LandingPage/types.d.ts
+type LandingPageBaseProps = {
+  title?: string;
+  /**
+   * Body text as markdown
+   */
+  desc?: string;
+  /**
+   * Callback when a markdown anchor tag is clicked
+   */
+  onAnchorClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+  /**
+   * text: button text
+   *
+   * href: url to navigate to when clicking the button
+   *
+   * onClick: callback when the button is clicked
+   *
+   * buttonType: whether to show a CTA button or a regular fill button, defaults to CTA button
+   */
+  cta?: {
+    text: string;
+    href: string;
+    onClick?: React.MouseEventHandler;
+    buttonType?: 'cta' | 'fill';
+  };
+  testId?: string;
 };
-export type CtaProps = LandingPageBaseProps['cta'];
+type CtaProps = LandingPageBaseProps['cta'];
+//#endregion
+export { CtaProps, LandingPageBaseProps };

package/dist/LayoutMenu/AccordionMenu.cjs

@@ -0,0 +1,64 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_LayoutMenuSection = require('./LayoutMenuSection.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/LayoutMenu/AccordionMenu.tsx
+const StyledAccordionArea = (0, _emotion_styled.default)(_codecademy_gamut.AccordionAreaDeprecated)`
+  padding-bottom: ${({ theme }) => theme.spacing[32]};
+  position: relative;
+  left: -4px;
+`;
+const chevronStates = (0, _codecademy_gamut_styles.states)({ expanded: { transform: "rotate(180deg)" } });
+const ExpandChevron = (0, _emotion_styled.default)(_codecademy_gamut_icons.MiniChevronDownIcon)((0, _codecademy_gamut_styles.css)({
+	transform: "rotate(0deg)",
+	transition: (0, _codecademy_gamut_styles.transitionConcat)(["transform"], "slow", "ease-out")
+}), chevronStates);
+const isSection = (item) => {
+	return typeof item === "object" && item !== null && "title" in item && "slug" in item && "items" in item;
+};
+const AccordionMenu = ({ section, onSectionToggle, onItemClick, selectedItem, verticalSpacing }) => {
+	const [expanded, setExpanded] = react.useState(true);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAccordionArea, {
+		expanded,
+		top: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Anchor, {
+			variant: "interface",
+			py: 12,
+			px: 4,
+			onClick: () => {
+				onSectionToggle(section.slug);
+				setExpanded((prev) => !prev);
+			},
+			"aria-expanded": expanded,
+			display: "flex",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
+				variant: "title-xs",
+				style: { flex: 1 },
+				textAlign: "left",
+				children: section.title
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandChevron, {
+				ml: 12,
+				size: 14,
+				expanded,
+				position: "relative",
+				top: 4
+			})]
+		}),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LayoutMenuSection.LayoutMenuSection, {
+			items: section.items,
+			selectedItem,
+			onItemClick,
+			verticalSpacing
+		})
+	});
+};
+
+//#endregion
+exports.AccordionMenu = AccordionMenu;
+exports.isSection = isSection;

package/dist/LayoutMenu/AccordionMenu.d.cts

@@ -0,0 +1,18 @@
+import * as React$1 from "react";
+import { Scale } from "@codecademy/variance/dist/types/config";
+
+//#region src/LayoutMenu/AccordionMenu.d.ts
+type SectionItem = {
+  title: string;
+  slug: string;
+  href: string;
+  onClick: (event: React$1.MouseEvent) => void;
+  badge?: JSX.Element;
+};
+type Section = {
+  title: string;
+  slug: string;
+  items: SectionItem[];
+};
+//#endregion
+export { Section, SectionItem };

package/dist/LayoutMenu/AccordionMenu.d.ts

@@ -1,26 +1,18 @@
-import { Scale } from '@codecademy/variance/dist/types/config';
-import * as React from 'react';
-export type SectionItem = {
-    title: string;
-    slug: string;
-    href: string;
-    onClick: (event: React.MouseEvent) => void;
-    badge?: JSX.Element;
+import * as React$1 from "react";
+import { Scale } from "@codecademy/variance/dist/types/config";
+
+//#region src/LayoutMenu/AccordionMenu.d.ts
+type SectionItem = {
+  title: string;
+  slug: string;
+  href: string;
+  onClick: (event: React$1.MouseEvent) => void;
+  badge?: JSX.Element;
 };
-export type Section = {
-    title: string;
-    slug: string;
-    items: SectionItem[];
+type Section = {
+  title: string;
+  slug: string;
+  items: SectionItem[];
 };
-export declare const isSection: (item: Section | React.ReactNode) => item is Section;
-export type AccordionMenuProps = {
-    section: Section;
-    onSectionToggle: (sectionSlug: string) => void;
-    onItemClick: () => void;
-    selectedItem?: string;
-    verticalSpacing?: Scale<{
-        readonly property: 'padding';
-        readonly scale: 'spacing';
-    }>;
-};
-export declare const AccordionMenu: React.FC<AccordionMenuProps>;
+//#endregion
+export { Section, SectionItem };