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

package/dist/EmptySection/index.d.cts

@@ -1,32 +0,0 @@
-import { DropdownButtonProps } from "../DropdownButton/index.cjs";
-import { ButtonProps } from "@codecademy/gamut";
-import * as React$1 from "react";
-import { IllustrationProps } from "@codecademy/gamut-illustrations";
-
-//#region src/EmptySection/index.d.ts
-type EmptySectionProps = {
-  /**
-   * Paragraph text that displays beneath the heading text
-   */
-  bodyText?: string;
-  /**
-   * Button or dropdown button with an action for the user to take
-   */
-  children?: React$1.ReactElement<ButtonProps | DropdownButtonProps>;
-  /**
-   * The larger heading text that appears over the body text
-   */
-  headingText: string;
-  illustration: React$1.ComponentType<IllustrationProps>;
-  /**
-   * Whether the illustration appears to the left or right of the rest of the section's content
-   */
-  illustrationPosition?: 'left' | 'right';
-  /**
-   * Whether the pattern background stretches to the end of the left or right of the viewport
-   */
-  stretchDirection: 'left' | 'right' | 'none';
-};
-declare const EmptySection: React$1.FC<EmptySectionProps>;
-//#endregion
-export { EmptySection, EmptySectionProps };

package/dist/ErrorContents/index.cjs

@@ -1,64 +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/ErrorContents/index.tsx
-const ErrorContents = ({ supportInformation }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-	maxWidth: "40rem",
-	my: 96,
-	mx: "auto",
-	as: "main",
-	children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			as: "h1",
-			fontSize: 44,
-			children: "Something has gone wrong"
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			as: "p",
-			my: 16,
-			children: "We're sorry, and our best are working to fix this. In the meantime, have you tried the following?"
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-			as: "ul",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: "Refreshing this page." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: "Clearing your browser cache." })]
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Text, {
-			as: "p",
-			children: [
-				"If that doesn't help, please let us know on our",
-				" ",
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-					href: "https://help.codecademy.com/hc/en-us",
-					children: "Help Center"
-				}),
-				"!"
-			]
-		}),
-		supportInformation && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-			as: "details",
-			fontSize: 16,
-			textColor: "gray-900",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-				as: "summary",
-				mt: 48,
-				mb: 8,
-				children: "Support information"
-			}), supportInformation.map(([key, value]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Text, {
-				as: "code",
-				display: "block",
-				fontSize: "small",
-				children: [
-					key,
-					": ",
-					value
-				]
-			}, key))]
-		})
-	]
-});
-
-//#endregion
-exports.ErrorContents = ErrorContents;

package/dist/ErrorContents/index.d.cts

@@ -1,12 +0,0 @@
-import * as React$1 from "react";
-
-//#region src/ErrorContents/index.d.ts
-type ErrorContentsProps = {
-  /**
-   * Any debug info to display, such as ["User ID", <user-id>].
-   */
-  supportInformation?: [string, string][];
-};
-declare const ErrorContents: React$1.FC<ErrorContentsProps>;
-//#endregion
-export { ErrorContents, ErrorContentsProps };

package/dist/FeatureList/index.cjs

@@ -1,41 +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_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/FeatureList/index.tsx
-const StyledIconContainer = (0, _emotion_styled.default)(_codecademy_gamut.FlexBox)`
-  color: ${({ iconColor }) => iconColor};
-`;
-const FeatureList = ({ featureList }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-		flexDirection: "column",
-		gap: 16,
-		mt: 24,
-		children: featureList.map((feature) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			flexDirection: "row",
-			gap: 12,
-			alignItems: feature.description ? "flex-start" : "center",
-			children: [feature.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledIconContainer, {
-				iconColor: feature.iconColor || _codecademy_gamut_styles.theme.colors.text,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(feature.icon, { size: feature.description ? 24 : 20 })
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				flexDirection: "column",
-				gap: feature.description ? 8 : 0,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					fontSize: 16,
-					fontWeight: feature.description ? "bold" : "normal",
-					children: feature.title
-				}), feature.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					fontSize: 14,
-					children: feature.description
-				})]
-			})]
-		}, feature.title))
-	});
-};
-
-//#endregion
-exports.FeatureList = FeatureList;

package/dist/FeatureList/index.d.cts

@@ -1,18 +0,0 @@
-import { GamutIconProps } from "@codecademy/gamut-icons";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/FeatureList/index.d.ts
-type FeatureListItem = {
-  title: string;
-  description: string | null;
-  icon: React.ComponentType<React.PropsWithChildren<GamutIconProps>> | null;
-  iconColor: string | null;
-};
-interface IFeatureListProps {
-  featureList: FeatureListItem[];
-}
-declare const FeatureList: ({
-  featureList
-}: IFeatureListProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { FeatureList, FeatureListItem, IFeatureListProps };

package/dist/GlobalFooter/FooterHeading.cjs

@@ -1,28 +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_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/GlobalFooter/FooterHeading.tsx
-const defaultFontSize = { sm: 16 };
-const defaultMarginTop = [
-	24,
-	,
-	0
-];
-function FooterHeadingDefaults({ as = "h2", variant = "p-small", mb = 16, fontWeight = "bold", fontSize = defaultFontSize, mt = defaultMarginTop, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-		as,
-		variant,
-		mb,
-		fontWeight,
-		fontSize,
-		mt,
-		...props
-	});
-}
-const FooterHeading = (0, _emotion_styled.default)(FooterHeadingDefaults)``;
-
-//#endregion
-exports.FooterHeading = FooterHeading;

package/dist/GlobalFooter/FooterLegal/LegalLinks.cjs

@@ -1,77 +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");
-
-//#region src/GlobalFooter/FooterLegal/LegalLinks.tsx
-const urls = [
-	[
-		"Privacy Policy",
-		"/policy",
-		"policy"
-	],
-	[
-		"Cookie Policy",
-		"/cookie-policy",
-		"cookie_policy"
-	],
-	[
-		"Do Not Sell My Personal Information",
-		"https://privacy.codecademy.com",
-		"data_privacy"
-	],
-	[
-		"Terms",
-		"/terms",
-		"terms"
-	]
-];
-const LinksList = _emotion_styled.default.ul`
-  align-items: center;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  list-style-type: none;
-  margin-bottom: 0.5rem;
-  padding-left: 0;
-
-  ${_codecademy_gamut_styles.theme.breakpoints.md} {
-    justify-content: flex-start;
-    display: inline-flex;
-  }
-`;
-const LinksItem = _emotion_styled.default.li`
-  &::after {
-    content: '|';
-    margin: 0 0.375rem;
-    font-size: 1rem;
-  }
-
-  &:last-of-type::after {
-    opacity: 0;
-  }
-`;
-const LegalLinks = ({ onClick }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinksList, {
-		"aria-label": "Legal",
-		role: "list",
-		children: urls.map(([children, href, target]) => {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinksItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-				href,
-				onClick: (event) => onClick({
-					event,
-					target
-				}),
-				variant: "interface",
-				children
-			}) }, href);
-		})
-	});
-};
-
-//#endregion
-exports.LegalLinks = LegalLinks;

package/dist/GlobalFooter/FooterLegal/MadeIn.cjs

@@ -1,79 +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 _emotion_react = require("@emotion/react");
-
-//#region src/GlobalFooter/FooterLegal/MadeIn.tsx
-const heartStyles = _emotion_react.css`
-  display: inline-block;
-  filter: saturate(0.7);
-  margin-right: 0.25rem;
-  min-width: 1.75em;
-  text-align: center;
-`;
-const HeartAnchorContainer = (0, _emotion_styled.default)(_codecademy_gamut.Anchor)`
-  ${heartStyles}
-  cursor: pointer;
-`;
-const HeartContainer = _emotion_styled.default.span`
-  ${heartStyles}
-`;
-const MadeIn = ({ onClick }) => {
-	const onMadeClick = () => onClick?.("Made");
-	const onHeartClick = () => onClick?.("❤");
-	const onNYCClick = () => onClick?.("NYC");
-	const onCodecademyClick = () => onClick?.("Codecademy");
-	const year = (/* @__PURE__ */ new Date()).getFullYear();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		display: { md: "inline-block" },
-		textAlign: {
-			_: "center",
-			md: "right"
-		},
-		children: onClick ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-				variant: "interface",
-				onClick: onMadeClick,
-				children: "Made"
-			}),
-			" ",
-			"with",
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeartAnchorContainer, {
-				variant: "interface",
-				onClick: onHeartClick,
-				children: "️❤️"
-			}),
-			"in",
-			" ",
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-				variant: "interface",
-				onClick: onNYCClick,
-				children: "NYC"
-			}),
-			" ",
-			"©",
-			` ${year} `,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-				variant: "interface",
-				onClick: onCodecademyClick,
-				children: "Codecademy"
-			})
-		] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			"Made with ",
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeartContainer, {
-				"aria-label": "love",
-				children: "❤️"
-			}),
-			"in NYC © ",
-			year,
-			" Codecademy"
-		] })
-	});
-};
-
-//#endregion
-exports.MadeIn = MadeIn;

package/dist/GlobalFooter/FooterLegal/index.cjs

@@ -1,29 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_LegalLinks = require('./LegalLinks.cjs');
-const require_MadeIn = require('./MadeIn.cjs');
-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/GlobalFooter/FooterLegal/index.tsx
-const LegalLocalContainer = _emotion_styled.default.div`
-  border-top: 1px solid ${(0, _codecademy_gamut_styles.themed)("colors.navy")};
-  font-size: 0.875rem;
-  padding: 1rem 0 0.5rem;
-  margin: 0;
-
-  ${_codecademy_gamut_styles.theme.breakpoints.md} {
-    align-items: baseline;
-    display: flex;
-    justify-content: space-between;
-  }
-`;
-const FooterLegal = ({ onClick, onMadeInClick }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(LegalLocalContainer, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LegalLinks.LegalLinks, { onClick }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MadeIn.MadeIn, { onClick: onMadeInClick })] });
-};
-
-//#endregion
-exports.FooterLegal = FooterLegal;

package/dist/GlobalFooter/FooterLinks.cjs

@@ -1,51 +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");
-
-//#region src/GlobalFooter/FooterLinks.tsx
-function FooterLinkItemsDefaults({ as = "ul", pl = 0, mb = 0, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		as,
-		pl,
-		mb,
-		...props
-	});
-}
-const FooterLinkItems = (0, _emotion_styled.default)(FooterLinkItemsDefaults)`
-  list-style-type: none;
-`;
-const FooterLinkItem = _emotion_styled.default.li`
-  font-size: 0.875rem;
-  margin: 0.5rem 0;
-
-  ${_codecademy_gamut_styles.theme.breakpoints.sm} {
-    font-size: 1rem;
-    margin: 0.25rem 0;
-  }
-
-  ${_codecademy_gamut_styles.theme.breakpoints.md} {
-    margin: 0.15rem 0;
-  }
-`;
-const FooterLinkItemWithAnchor = ({ trackingTarget, footerOnClick, ...anchorProps }) => {
-	const anchorOnClick = (0, react.useCallback)((event) => {
-		footerOnClick({
-			event,
-			target: trackingTarget
-		});
-	}, [footerOnClick, trackingTarget]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FooterLinkItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-		...anchorProps,
-		onClick: anchorOnClick
-	}) });
-};
-
-//#endregion
-exports.FooterLinkItem = FooterLinkItem;
-exports.FooterLinkItemWithAnchor = FooterLinkItemWithAnchor;
-exports.FooterLinkItems = FooterLinkItems;