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

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferralForm.js

@@ -1,69 +1,77 @@
-import { ReferralFields } from "./ReferralFields.js";
-import { SubmitButton, useConnectedForm } from "@codecademy/gamut";
-import React, { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import Cookies from "universal-cookie";
-
-//#region src/GlobalFooter/FooterNavLinks/ReferralRock/ReferralForm.tsx
+import { SubmitButton, useConnectedForm } from '@codecademy/gamut';
+import React, { useState } from 'react';
+import Cookies from 'universal-cookie';
+import { ReferralFields } from './ReferralFields';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const createMember = (firstName, email) => {
-	const cookies = new Cookies();
-	return fetch(`${process.env.NEXT_PUBLIC_MONOLITH ?? ""}/referralrock/members`, {
-		method: "POST",
-		credentials: "include",
-		headers: {
-			"Content-Type": "application/json",
-			"CF-Access-Client-Id": process.env.NEXT_PUBLIC_CF_ACCESS_CLIENT_ID ?? "",
-			"CF-Access-Client-Secret": process.env.NEXT_PUBLIC_CF_ACCESS_CLIENT_SECRET ?? "",
-			"X-CSRF-Token": cookies.get("CSRF-TOKEN")
-		},
-		body: JSON.stringify({
-			firstName,
-			email
-		})
-	});
+  const cookies = new Cookies();
+  return fetch(`${process.env.NEXT_PUBLIC_MONOLITH ?? ''}/referralrock/members`, {
+    method: 'POST',
+    credentials: 'include',
+    headers: {
+      'Content-Type': 'application/json',
+      'CF-Access-Client-Id': process.env.NEXT_PUBLIC_CF_ACCESS_CLIENT_ID ?? '',
+      'CF-Access-Client-Secret': process.env.NEXT_PUBLIC_CF_ACCESS_CLIENT_SECRET ?? '',
+      'X-CSRF-Token': cookies.get('CSRF-TOKEN')
+    },
+    body: JSON.stringify({
+      firstName,
+      email
+    })
+  });
 };
-const ReferralForm = ({ setReferralUrl }) => {
-	const [disableSubmit, setDisableSubmit] = useState(true);
-	const handleWatch = (values) => {
-		const [firstName, email] = values;
-		return firstName && email ? setDisableSubmit(false) : setDisableSubmit(true);
-	};
-	const { ConnectedForm, connectedFormProps } = useConnectedForm({
-		defaultValues: {
-			email: "",
-			firstName: ""
-		},
-		validationRules: {
-			firstName: { required: "Please enter your first name." },
-			email: {
-				required: "Please enter your email address.",
-				pattern: {
-					value: /^[^@\s]+@[^@\s\.]+\.[^@\s]{2,}$/,
-					message: "Please enter a valid email address."
-				}
-			}
-		},
-		watchedFields: {
-			fields: ["firstName", "email"],
-			watchHandler: handleWatch
-		}
-	});
-	return /* @__PURE__ */ jsxs(ConnectedForm, {
-		onSubmit: async ({ firstName, email }) => {
-			setReferralUrl((await (await createMember(firstName, email)).json())?.member?.referralUrl);
-		},
-		validation: "onBlur",
-		...connectedFormProps,
-		children: [/* @__PURE__ */ jsx(ReferralFields, {}), /* @__PURE__ */ jsx(SubmitButton, {
-			type: "submit",
-			variant: "primary",
-			id: "get-referral-link",
-			width: "100%",
-			disabled: disableSubmit,
-			children: "Get your referral link"
-		})]
-	});
-};
-
-//#endregion
-export { ReferralForm };
+export const ReferralForm = ({
+  setReferralUrl
+}) => {
+  const [disableSubmit, setDisableSubmit] = useState(true);
+  const handleWatch = values => {
+    const [firstName, email] = values;
+    return firstName && email ? setDisableSubmit(false) : setDisableSubmit(true);
+  };
+  const {
+    ConnectedForm,
+    connectedFormProps
+  } = useConnectedForm({
+    defaultValues: {
+      email: '',
+      firstName: ''
+    },
+    validationRules: {
+      firstName: {
+        required: 'Please enter your first name.'
+      },
+      email: {
+        required: 'Please enter your email address.',
+        pattern: {
+          value: /^[^@\s]+@[^@\s\.]+\.[^@\s]{2,}$/,
+          // eslint-disable-line no-useless-escape
+          message: 'Please enter a valid email address.'
+        }
+      }
+    },
+    watchedFields: {
+      fields: ['firstName', 'email'],
+      watchHandler: handleWatch
+    }
+  });
+  return /*#__PURE__*/_jsxs(ConnectedForm, {
+    onSubmit: async ({
+      firstName,
+      email
+    }) => {
+      const res = await createMember(firstName, email);
+      const json = await res.json();
+      setReferralUrl(json?.member?.referralUrl);
+    },
+    validation: "onBlur",
+    ...connectedFormProps,
+    children: [/*#__PURE__*/_jsx(ReferralFields, {}), /*#__PURE__*/_jsx(SubmitButton, {
+      type: "submit",
+      variant: "primary",
+      id: "get-referral-link",
+      width: "100%",
+      disabled: disableSubmit,
+      children: "Get your referral link"
+    })]
+  });
+};

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferralLinkSocialMediaSharing.d.ts

@@ -0,0 +1,3 @@
+export declare const ReferralLinkSocialMediaSharing: React.FC<{
+    referralUrl: string;
+}>;

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferralLinkSocialMediaSharing.js

@@ -1,69 +1,86 @@
-import { createShareLink } from "../../../SocialMediaSharing/index.js";
-import { onClickWrapper } from "../../../SocialMediaSharingDropdown/index.js";
-import { Box, GridBox, StrokeButton } from "@codecademy/gamut";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { EmailFilledIcon, FacebookIcon, WhatsAppFilledIcon, XIcon } from "@codecademy/gamut-icons";
-
-//#region src/GlobalFooter/FooterNavLinks/ReferralRock/ReferralLinkSocialMediaSharing.tsx
-const referralMessage = "Use my referral link to get 50% off a Pro, Plus, or Pro Student annual plan";
-const socialLinks = [
-	{
-		id: "x",
-		label: "X",
-		icon: XIcon,
-		formatShare: (referralUrl) => createShareLink(({ url }) => ({
-			...url && { url },
-			text: referralMessage,
-			hashtags: "codecademy",
-			via: "codecademy"
-		}), "https://twitter.com/intent/tweet?", { url: referralUrl })
-	},
-	{
-		id: "facebook",
-		label: "Facebook",
-		icon: FacebookIcon,
-		formatShare: (referralUrl) => createShareLink(({ url }) => ({
-			...url && { href: url },
-			quote: referralMessage,
-			hashtag: "#codecademy"
-		}), "https://www.facebook.com/dialog/share?app_id=212500508799908", { url: referralUrl })
-	},
-	{
-		id: "whatsApp",
-		label: "WhatsApp",
-		icon: WhatsAppFilledIcon,
-		formatShare: (referralUrl) => createShareLink(({ url }) => ({ text: `${referralMessage}: ${url}` }), "https://wa.me/?", { url: referralUrl })
-	},
-	{
-		id: "email",
-		label: "Email",
-		icon: EmailFilledIcon,
-		formatShare: (url) => {
-			return `mailto:?subject=${encodeURIComponent("Join me on Codecademy and get 50% off")}&body=${encodeURIComponent(`Hey! I thought you would be interested in learning to code and building skills to grow your career. If you sign up using my referral link, you'll get 50% off a Codecademy Pro, Plus, or Pro Student plan for a year: ${url}`)}`;
-		}
-	}
-];
-const ReferralLinkSocialMediaSharing = ({ referralUrl }) => /* @__PURE__ */ jsx(GridBox, {
-	gridTemplateColumns: "1fr 1fr",
-	columnGap: 12,
-	rowGap: 12,
-	as: "ul",
-	listStyle: "none",
-	m: 0,
-	p: 0,
-	children: socialLinks.map(({ id, label, icon: IconComponent, formatShare }) => /* @__PURE__ */ jsx(Box, {
-		as: "li",
-		children: /* @__PURE__ */ jsxs(StrokeButton, {
-			"aria-label": `Share referral link via ${label}`,
-			width: "100%",
-			onClick: (e) => onClickWrapper(e, id, formatShare(referralUrl)),
-			children: [/* @__PURE__ */ jsx(IconComponent, {
-				size: 12,
-				mr: 8
-			}), label]
-		})
-	}, id))
-});
-
-//#endregion
-export { ReferralLinkSocialMediaSharing };
+import { Box, GridBox, StrokeButton } from '@codecademy/gamut';
+import { EmailFilledIcon, FacebookIcon, WhatsAppFilledIcon, XIcon } from '@codecademy/gamut-icons';
+import { createShareLink } from '../../../SocialMediaSharing';
+import { onClickWrapper } from '../../../SocialMediaSharingDropdown';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const referralMessage = 'Use my referral link to get 50% off a Pro, Plus, or Pro Student annual plan';
+const socialLinks = [{
+  id: 'x',
+  label: 'X',
+  icon: XIcon,
+  formatShare: referralUrl => createShareLink(({
+    url
+  }) => ({
+    ...(url && {
+      url
+    }),
+    text: referralMessage,
+    hashtags: 'codecademy',
+    via: 'codecademy'
+  }), 'https://twitter.com/intent/tweet?', {
+    url: referralUrl
+  })
+}, {
+  id: 'facebook',
+  label: 'Facebook',
+  icon: FacebookIcon,
+  formatShare: referralUrl => createShareLink(({
+    url
+  }) => ({
+    ...(url && {
+      href: url
+    }),
+    quote: referralMessage,
+    hashtag: '#codecademy'
+  }), 'https://www.facebook.com/dialog/share?app_id=212500508799908', {
+    url: referralUrl
+  })
+}, {
+  id: 'whatsApp',
+  label: 'WhatsApp',
+  icon: WhatsAppFilledIcon,
+  formatShare: referralUrl => createShareLink(({
+    url
+  }) => ({
+    text: `${referralMessage}: ${url}`
+  }), 'https://wa.me/?', {
+    url: referralUrl
+  })
+}, {
+  id: 'email',
+  label: 'Email',
+  icon: EmailFilledIcon,
+  formatShare: url => {
+    const subject = encodeURIComponent('Join me on Codecademy and get 50% off');
+    const body = encodeURIComponent(`Hey! I thought you would be interested in learning to code and building skills to grow your career. If you sign up using my referral link, you'll get 50% off a Codecademy Pro, Plus, or Pro Student plan for a year: ${url}`);
+    return `mailto:?subject=${subject}&body=${body}`;
+  }
+}];
+export const ReferralLinkSocialMediaSharing = ({
+  referralUrl
+}) => /*#__PURE__*/_jsx(GridBox, {
+  gridTemplateColumns: "1fr 1fr",
+  columnGap: 12,
+  rowGap: 12,
+  as: "ul",
+  listStyle: "none",
+  m: 0,
+  p: 0,
+  children: socialLinks.map(({
+    id,
+    label,
+    icon: IconComponent,
+    formatShare
+  }) => /*#__PURE__*/_jsx(Box, {
+    as: "li",
+    children: /*#__PURE__*/_jsxs(StrokeButton, {
+      "aria-label": `Share referral link via ${label}`,
+      width: "100%",
+      onClick: e => onClickWrapper(e, id, formatShare(referralUrl)),
+      children: [/*#__PURE__*/_jsx(IconComponent, {
+        size: 12,
+        mr: 8
+      }), label]
+    })
+  }, id))
+});

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/types.d.ts

@@ -1,7 +1,4 @@
-//#region src/GlobalFooter/FooterNavLinks/ReferralRock/types.d.ts
-interface ReferralRockUrls {
-  stats: string;
-  tos: string;
+export interface ReferralRockUrls {
+    stats: string;
+    tos: string;
 }
-//#endregion
-export { ReferralRockUrls };

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/types.js

@@ -0,0 +1 @@
+export {};

package/dist/GlobalFooter/FooterNavLinks/SocialMediaLinks.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const SocialMediaLinks: React.FC;

package/dist/GlobalFooter/FooterNavLinks/SocialMediaLinks.js

@@ -1,57 +1,50 @@
-import { FooterLinkItems } from "../FooterLinks.js";
-import { Anchor, Box } from "@codecademy/gamut";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { FacebookIcon, InstagramIcon, TikTokIcon, XIcon, YoutubeIcon } from "@codecademy/gamut-icons";
-
-//#region src/GlobalFooter/FooterNavLinks/SocialMediaLinks.tsx
-const media = [
-	{
-		label: "Follow us on Twitter",
-		url: "https://twitter.com/Codecademy",
-		icon: XIcon
-	},
-	{
-		label: "Like us on Facebook",
-		url: "https://codecademy.com/users/redirect?redirect_url=https://www.facebook.com/groups/codecademy.community",
-		icon: FacebookIcon
-	},
-	{
-		label: "Follow us on Instagram",
-		url: "https://instagram.com/codecademy",
-		icon: InstagramIcon
-	},
-	{
-		label: "Subscribe to Codecademy on YouTube",
-		url: "https://www.youtube.com/channel/UC5CMtpogD_P3mOoeiDHD5eQ",
-		icon: YoutubeIcon
-	},
-	{
-		label: "Follow us on TikTok",
-		url: "https://www.tiktok.com/@codecademy",
-		icon: TikTokIcon
-	}
-];
-const SocialMediaLinks = () => {
-	return /* @__PURE__ */ jsx(FooterLinkItems, {
-		"aria-label": "Social Media",
-		pt: 16,
-		children: media.map(({ label, url, icon: IconComponent }) => /* @__PURE__ */ jsx(Box, {
-			as: "li",
-			display: "inline-block",
-			children: /* @__PURE__ */ jsx(Anchor, {
-				"aria-label": label,
-				fontSize: 20,
-				href: url,
-				mr: 8,
-				rel: "noopener noreferrer",
-				target: "_blank",
-				variant: "interface",
-				children: /* @__PURE__ */ jsx(IconComponent, {})
-			})
-		}, label))
-	});
-};
-
-//#endregion
-export { SocialMediaLinks };
+import { Anchor, Box } from '@codecademy/gamut';
+import { FacebookIcon, InstagramIcon, TikTokIcon, XIcon, YoutubeIcon } from '@codecademy/gamut-icons';
+import * as React from 'react';
+import { FooterLinkItems } from '../FooterLinks';
+import { jsx as _jsx } from "react/jsx-runtime";
+const media = [{
+  label: 'Follow us on Twitter',
+  url: 'https://twitter.com/Codecademy',
+  icon: XIcon
+}, {
+  label: 'Like us on Facebook',
+  url: 'https://codecademy.com/users/redirect?redirect_url=https://www.facebook.com/groups/codecademy.community',
+  icon: FacebookIcon
+}, {
+  label: 'Follow us on Instagram',
+  url: 'https://instagram.com/codecademy',
+  icon: InstagramIcon
+}, {
+  label: 'Subscribe to Codecademy on YouTube',
+  url: 'https://www.youtube.com/channel/UC5CMtpogD_P3mOoeiDHD5eQ',
+  icon: YoutubeIcon
+}, {
+  label: 'Follow us on TikTok',
+  url: 'https://www.tiktok.com/@codecademy',
+  icon: TikTokIcon
+}];
+export const SocialMediaLinks = () => {
+  return /*#__PURE__*/_jsx(FooterLinkItems, {
+    "aria-label": "Social Media",
+    pt: 16,
+    children: media.map(({
+      label,
+      url,
+      icon: IconComponent
+    }) => /*#__PURE__*/_jsx(Box, {
+      as: "li",
+      display: "inline-block",
+      children: /*#__PURE__*/_jsx(Anchor, {
+        "aria-label": label,
+        fontSize: 20,
+        href: url,
+        mr: 8,
+        rel: "noopener noreferrer",
+        target: "_blank",
+        variant: "interface",
+        children: /*#__PURE__*/_jsx(IconComponent, {})
+      })
+    }, label))
+  });
+};

package/dist/GlobalFooter/FooterNavLinks/index.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { CompanyLinksProps } from './CompanyLinks';
+export type FooterNavLinksProps = CompanyLinksProps;
+export declare const FooterNavLinks: React.FC<FooterNavLinksProps>;

package/dist/GlobalFooter/FooterNavLinks/index.js

@@ -1,41 +1,43 @@
-import { CatalogLinks } from "./CatalogLinks.js";
-import { CompanyLinks } from "./CompanyLinks.js";
-import { Column, LayoutGrid } from "@codecademy/gamut";
-import { theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/GlobalFooter/FooterNavLinks/index.tsx
-const FooterNavLinksGrid = styled(LayoutGrid)`
-  ${theme.breakpoints.sm} {
-    padding: 2rem 0;
-  }
-`;
-const FooterNavLinks = ({ hidePricing, onClick, userGeo, referralRockUrls, isBusinessUser }) => {
-	return /* @__PURE__ */ jsxs(FooterNavLinksGrid, { children: [/* @__PURE__ */ jsx(Column, {
-		size: {
-			_: 12,
-			md: 6
-		},
-		children: /* @__PURE__ */ jsx(CompanyLinks, {
-			hidePricing,
-			onClick,
-			userGeo,
-			referralRockUrls,
-			isBusinessUser
-		})
-	}), /* @__PURE__ */ jsx(Column, {
-		size: {
-			_: 12,
-			md: 6
-		},
-		children: /* @__PURE__ */ jsx(CatalogLinks, {
-			onClick,
-			userGeo
-		})
-	})] });
-};
-
-//#endregion
-export { FooterNavLinks };
+import _styled from "@emotion/styled/base";
+import { Column, LayoutGrid } from '@codecademy/gamut';
+import { theme } from '@codecademy/gamut-styles';
+import * as React from 'react';
+import { CatalogLinks } from './CatalogLinks';
+import { CompanyLinks } from './CompanyLinks';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FooterNavLinksGrid = /*#__PURE__*/_styled(LayoutGrid, {
+  target: "e1f7ortw0",
+  label: "FooterNavLinksGrid"
+})(theme.breakpoints.sm, "{padding:2rem 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9HbG9iYWxGb290ZXIvRm9vdGVyTmF2TGlua3MvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU2QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvR2xvYmFsRm9vdGVyL0Zvb3Rlck5hdkxpbmtzL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbHVtbiwgTGF5b3V0R3JpZCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQ2F0YWxvZ0xpbmtzIH0gZnJvbSAnLi9DYXRhbG9nTGlua3MnO1xuaW1wb3J0IHsgQ29tcGFueUxpbmtzLCBDb21wYW55TGlua3NQcm9wcyB9IGZyb20gJy4vQ29tcGFueUxpbmtzJztcblxuZXhwb3J0IHR5cGUgRm9vdGVyTmF2TGlua3NQcm9wcyA9IENvbXBhbnlMaW5rc1Byb3BzO1xuXG5jb25zdCBGb290ZXJOYXZMaW5rc0dyaWQgPSBzdHlsZWQoTGF5b3V0R3JpZClgXG4gICR7dGhlbWUuYnJlYWtwb2ludHMuc219IHtcbiAgICBwYWRkaW5nOiAycmVtIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBGb290ZXJOYXZMaW5rczogUmVhY3QuRkM8Rm9vdGVyTmF2TGlua3NQcm9wcz4gPSAoe1xuICBoaWRlUHJpY2luZyxcbiAgb25DbGljayxcbiAgdXNlckdlbyxcbiAgcmVmZXJyYWxSb2NrVXJscyxcbiAgaXNCdXNpbmVzc1VzZXIsXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZvb3Rlck5hdkxpbmtzR3JpZD5cbiAgICAgIDxDb2x1bW4gc2l6ZT17eyBfOiAxMiwgbWQ6IDYgfX0+XG4gICAgICAgIDxDb21wYW55TGlua3NcbiAgICAgICAgICBoaWRlUHJpY2luZz17aGlkZVByaWNpbmd9XG4gICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICB1c2VyR2VvPXt1c2VyR2VvfVxuICAgICAgICAgIHJlZmVycmFsUm9ja1VybHM9e3JlZmVycmFsUm9ja1VybHN9XG4gICAgICAgICAgaXNCdXNpbmVzc1VzZXI9e2lzQnVzaW5lc3NVc2VyfVxuICAgICAgICAvPlxuICAgICAgPC9Db2x1bW4+XG4gICAgICA8Q29sdW1uIHNpemU9e3sgXzogMTIsIG1kOiA2IH19PlxuICAgICAgICA8Q2F0YWxvZ0xpbmtzIG9uQ2xpY2s9e29uQ2xpY2t9IHVzZXJHZW89e3VzZXJHZW99IC8+XG4gICAgICA8L0NvbHVtbj5cbiAgICA8L0Zvb3Rlck5hdkxpbmtzR3JpZD5cbiAgKTtcbn07XG4iXX0= */"));
+export const FooterNavLinks = ({
+  hidePricing,
+  onClick,
+  userGeo,
+  referralRockUrls,
+  isBusinessUser
+}) => {
+  return /*#__PURE__*/_jsxs(FooterNavLinksGrid, {
+    children: [/*#__PURE__*/_jsx(Column, {
+      size: {
+        _: 12,
+        md: 6
+      },
+      children: /*#__PURE__*/_jsx(CompanyLinks, {
+        hidePricing: hidePricing,
+        onClick: onClick,
+        userGeo: userGeo,
+        referralRockUrls: referralRockUrls,
+        isBusinessUser: isBusinessUser
+      })
+    }), /*#__PURE__*/_jsx(Column, {
+      size: {
+        _: 12,
+        md: 6
+      },
+      children: /*#__PURE__*/_jsx(CatalogLinks, {
+        onClick: onClick,
+        userGeo: userGeo
+      })
+    })]
+  });
+};

package/dist/GlobalFooter/FooterSubHeading.d.ts

@@ -0,0 +1,9 @@
+export declare const FooterSubHeading: import("@emotion/styled").StyledComponent<(((Omit<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & import("@codecademy/gamut").TextTruncateProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | keyof import("react").ClassAttributes<HTMLSpanElement>>, "ref"> | Omit<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & import("@codecademy/gamut").TextNoTruncateProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | keyof import("react").ClassAttributes<HTMLSpanElement>>, "ref">) & import("react").RefAttributes<HTMLSpanElement>) & {
+    theme?: import("@emotion/react").Theme;
+}) & {}, {}, {}>;

package/dist/GlobalFooter/FooterSubHeading.js

@@ -0,0 +1,22 @@
+import _styled from "@emotion/styled/base";
+import { Text } from '@codecademy/gamut';
+import { jsx as _jsx } from "react/jsx-runtime";
+const defaultMarginTop = {
+  _: 16,
+  lg: 0
+};
+function FooterSubHeadingDefaults({
+  fontSize = 14,
+  mt = defaultMarginTop,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Text, {
+    mt: mt,
+    fontSize: fontSize,
+    ...props
+  });
+}
+export const FooterSubHeading = /*#__PURE__*/_styled(FooterSubHeadingDefaults, {
+  target: "e6nio9x0",
+  label: "FooterSubHeading"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9HbG9iYWxGb290ZXIvRm9vdGVyU3ViSGVhZGluZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWdDIiwiZmlsZSI6Ii4uLy4uL3NyYy9HbG9iYWxGb290ZXIvRm9vdGVyU3ViSGVhZGluZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBkZWZhdWx0TWFyZ2luVG9wID0geyBfOiAxNiwgbGc6IDAgfSBhcyBjb25zdDtcblxuZnVuY3Rpb24gRm9vdGVyU3ViSGVhZGluZ0RlZmF1bHRzKHtcbiAgZm9udFNpemUgPSAxNCxcbiAgbXQgPSBkZWZhdWx0TWFyZ2luVG9wLFxuICAuLi5wcm9wc1xufTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIFRleHQ+KSB7XG4gIHJldHVybiA8VGV4dCBtdD17bXR9IGZvbnRTaXplPXtmb250U2l6ZX0gey4uLnByb3BzfSAvPjtcbn1cblxuZXhwb3J0IGNvbnN0IEZvb3RlclN1YkhlYWRpbmcgPSBzdHlsZWQoRm9vdGVyU3ViSGVhZGluZ0RlZmF1bHRzKSgpO1xuIl19 */");