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

package/dist/ScoreSummary/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/ScoreSummary/types.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/SkillPathCard/index.d.ts

@@ -1,6 +1,6 @@
 import { CourseDifficulty, EnrollmentStatus } from "../ContentGroupBaseCard/types.js";
 import { HeadingTags } from "@codecademy/gamut";
-import * as react9 from "react";
+import * as react11 from "react";
 
 //#region src/SkillPathCard/index.d.ts
 interface SkillPathCardProps {
@@ -20,6 +20,7 @@ interface SkillPathCardProps {
   href: string;
   onClick: () => void;
 }
-declare const SkillPathCard: react9.ForwardRefExoticComponent<SkillPathCardProps & react9.RefAttributes<HTMLAnchorElement>>;
+declare const SkillPathCard: react11.ForwardRefExoticComponent<SkillPathCardProps & react11.RefAttributes<HTMLAnchorElement>>;
 //#endregion
-export { SkillPathCard, SkillPathCardProps };
+export { SkillPathCard, SkillPathCardProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/SkillPathCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/SkillPathCard/index.tsx"],"sourcesContent":[],"mappings":";;;;;UAciB,kBAAA;;;EAAA,gBAAA,EAGG,gBAHe;EAGf,gBAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAEL,UAAA,CAAA,EAAA,gBAAA,GAAA,IAAA;EAIE,QAAA,EAAA,MAAA;EAEN,WAAM,EAAA,MAAA;EACN,UAAM,CAAA,EAAA,OAAA;EAAS,YAAA,CAAA,EAHT,WAGS;EAMb,cAAA,CAAA,EAkDZ,MAAA,GAAA,IAAA;EAlDyB,MAAA,CAAA,EAPf,KAAA,CAAM,SAOS;EAAA,MAAA,CAAA,EANf,KAAA,CAAM,SAMS;EAAA,YAAA,CAAA,EAAA,OAAA;EAAA,IAAA,EAAA,MAAA;EAAA,OAAA,EAAA,GAAA,GAAA,IAAA;;cAAb,eAAa,OAAA,CAAA,0BAAA,qBAAA,OAAA,CAAA,cAAA"}

package/dist/SkillPathCard/index.js

@@ -30,4 +30,5 @@ const SkillPathCard = forwardRef(({ title, shortDescription, difficulty, lessonC
 });
 
 //#endregion
-export { SkillPathCard };
+export { SkillPathCard };
+//# sourceMappingURL=index.js.map

package/dist/SkillPathCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/SkillPathCard/index.tsx"],"sourcesContent":["import { HeadingTags } from '@codecademy/gamut';\nimport { forwardRef, PropsWithRef } from 'react';\n\nimport { ContentGroupBaseCard } from '../ContentGroupBaseCard';\nimport { getPathImageUrl } from '../ContentGroupBaseCard/helpers';\nimport {\n  CertificateComponent,\n  CourseCountComponent,\n} from '../ContentGroupBaseCard/shared';\nimport {\n  CourseDifficulty,\n  EnrollmentStatus,\n} from '../ContentGroupBaseCard/types';\n\nexport interface SkillPathCardProps {\n  title: string;\n  lessonCount: number;\n  enrollmentStatus: EnrollmentStatus;\n  shortDescription?: string | null;\n  difficulty?: CourseDifficulty | null;\n  imageUrl: string;\n  courseCount: number;\n  isFullSize?: boolean;\n  headingLevel?: HeadingTags;\n  timeToComplete?: number | null;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  openInNewTab?: boolean;\n  href: string;\n  onClick: () => void;\n}\n\nexport const SkillPathCard = forwardRef<\n  HTMLAnchorElement,\n  PropsWithRef<SkillPathCardProps>\n>(\n  (\n    {\n      title,\n      shortDescription,\n      difficulty,\n      lessonCount,\n      imageUrl,\n      courseCount,\n      enrollmentStatus,\n      headingLevel = 'h3',\n      isFullSize = false,\n      timeToComplete,\n      header,\n      footer,\n      openInNewTab = false,\n      href,\n      onClick,\n    },\n    ref\n  ) => {\n    return (\n      <ContentGroupBaseCard\n        headerBackgroundColor=\"blue-100\"\n        headerText=\"Skill path\"\n        title={title}\n        headingLevel={headingLevel}\n        description={shortDescription}\n        difficulty={difficulty}\n        numLessons={lessonCount}\n        shadow=\"outline\"\n        imageSrc={getPathImageUrl(enrollmentStatus, imageUrl)}\n        isFullSize={isFullSize}\n        enrollmentStatus={enrollmentStatus}\n        timeToComplete={timeToComplete}\n        header={header}\n        footer={footer}\n        openInNewTab={openInNewTab}\n        href={href}\n        onClick={onClick}\n        ref={ref}\n      >\n        <CourseCountComponent count={courseCount} />\n        <CertificateComponent />\n      </ContentGroupBaseCard>\n    );\n  }\n);\n"],"mappings":";;;;;;;AAgCA,MAAa,gBAAgB,YAKzB,EACE,OACA,kBACA,YACA,aACA,UACA,aACA,kBACA,eAAe,MACf,aAAa,OACb,gBACA,QACA,QACA,eAAe,OACf,MACA,WAEF,QACG;AACH,QACE,qBAAC;EACC,uBAAsB;EACtB,YAAW;EACJ;EACO;EACd,aAAa;EACD;EACZ,YAAY;EACZ,QAAO;EACP,UAAU,gBAAgB,kBAAkB,SAAS;EACzC;EACM;EACF;EACR;EACA;EACM;EACR;EACG;EACJ;aAEL,oBAAC,wBAAqB,OAAO,cAAe,EAC5C,oBAAC,yBAAuB;GACH;EAG5B"}

package/dist/SocialMediaSharing/SocialShareIconLink.d.ts

@@ -7,4 +7,5 @@ type BaseSocialShareProps = {
   size?: 'small' | 'normal';
 };
 //#endregion
-export { BaseSocialShareProps };
+export { BaseSocialShareProps };
+//# sourceMappingURL=SocialShareIconLink.d.ts.map

package/dist/SocialMediaSharing/SocialShareIconLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialShareIconLink.d.ts","names":[],"sources":["../../src/SocialMediaSharing/SocialShareIconLink.tsx"],"sourcesContent":[],"mappings":";;;;KAUY,oBAAA;;EAAA,IAAA,CAAA,EAAA,OAAA,GAAA,QAAoB"}

package/dist/SocialMediaSharing/SocialShareIconLink.js

@@ -37,4 +37,5 @@ const SocialShareIconLink = ({ icon: IconComponent, id, href, onClick, size, sec
 };
 
 //#endregion
-export { SocialShareIconLink };
+export { SocialShareIconLink };
+//# sourceMappingURL=SocialShareIconLink.js.map

package/dist/SocialMediaSharing/SocialShareIconLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialShareIconLink.js","names":["SocialShareIconLink: React.FC<SocialShareIconLinkProps>"],"sources":["../../src/SocialMediaSharing/SocialShareIconLink.tsx"],"sourcesContent":["import { Anchor, Box } from '@codecademy/gamut';\nimport { GamutIconProps } from '@codecademy/gamut-icons';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nconst IconLink = styled(Box)``.withComponent(Anchor);\n\nconst getTitleId = (id: string, sectionId?: string) =>\n  sectionId ? `${sectionId}-${id}` : id;\n\nexport type BaseSocialShareProps = {\n  sectionId?: string;\n  size?: 'small' | 'normal';\n};\n\nexport type SocialShareIconLinkProps = BaseSocialShareProps & {\n  icon: React.ComponentType<GamutIconProps>;\n  id: string;\n  href: string;\n  onClick?: (e: React.MouseEvent) => void;\n};\n\nexport const SocialShareIconLink: React.FC<SocialShareIconLinkProps> = ({\n  icon: IconComponent,\n  id,\n  href,\n  onClick,\n  size,\n  sectionId,\n}) => {\n  const onIconClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    onClick?.(e);\n    const popupSize = 570;\n    const left = (window.screen.width - popupSize) / 2;\n    const top = (window.screen.height - popupSize) / 2;\n    const features = `menubar=no,toolbar=no,status=no,width=${popupSize},height=${popupSize},top=${top},left=${left}`;\n    window.open(href, '_blank', features)?.focus();\n  };\n\n  return (\n    <IconLink\n      href={href}\n      onClick={onIconClick}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label={`share on ${id}`}\n      p={8}\n      lineHeight={0}\n      borderStyle=\"solid\"\n      borderWidth={size === 'small' ? 1 : 2}\n      borderColor=\"border-primary\"\n      borderRadius=\"full\"\n    >\n      <IconComponent\n        title={id}\n        titleId={getTitleId(id, sectionId)}\n        size={size === 'small' ? 16 : 24}\n        color=\"text\"\n      />\n    </IconLink>\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAM,WAAW,OAAO,IAAI,GAAG,cAAc,OAAO;AAEpD,MAAM,cAAc,IAAY,cAC9B,YAAY,GAAG,UAAU,GAAG,OAAO;AAcrC,MAAaA,uBAA2D,EACtE,MAAM,eACN,IACA,MACA,SACA,MACA,gBACI;CACJ,MAAM,eAAe,MAAwB;AAC3C,IAAE,gBAAgB;AAClB,YAAU,EAAE;EACZ,MAAM,YAAY;EAClB,MAAM,QAAQ,OAAO,OAAO,QAAQ,aAAa;EAEjD,MAAM,WAAW,yCAAyC,UAAU,UAAU,UAAU,QAD3E,OAAO,OAAO,SAAS,aAAa,EACkD,QAAQ;AAC3G,SAAO,KAAK,MAAM,UAAU,SAAS,EAAE,OAAO;;AAGhD,QACE,oBAAC;EACO;EACN,SAAS;EACT,QAAO;EACP,KAAI;EACJ,cAAY,YAAY;EACxB,GAAG;EACH,YAAY;EACZ,aAAY;EACZ,aAAa,SAAS,UAAU,IAAI;EACpC,aAAY;EACZ,cAAa;YAEb,oBAAC;GACC,OAAO;GACP,SAAS,WAAW,IAAI,UAAU;GAClC,MAAM,SAAS,UAAU,KAAK;GAC9B,OAAM;IACN;GACO"}

package/dist/SocialMediaSharing/index.d.ts

@@ -61,4 +61,5 @@ type SocialMediaSharingProps = BaseSocialShareProps & {
 };
 declare const SocialMediaSharing: React$1.FC<SocialMediaSharingProps>;
 //#endregion
-export { SOCIAL_SHARING_PLATFORMS, SocialMediaShare, SocialMediaSharing, SocialMediaSharingProps, createShareLink };
+export { SOCIAL_SHARING_PLATFORMS, SocialMediaShare, SocialMediaSharing, SocialMediaSharingProps, createShareLink };
+//# sourceMappingURL=index.d.ts.map

package/dist/SocialMediaSharing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/SocialMediaSharing/index.tsx"],"sourcesContent":[],"mappings":";;;;;KAWY,gBAAA;;;EAAA,QAAA,CAAA,EAAA,MAAA,EAAgB;EAOf,OAAA,CAAA,EAAA,MAAA;CACU;AAAqB,cAD/B,eAC+B,EAAA,CAAA,SAAA,EAAA,CAAA,OAAA,EAArB,gBAAqB,EAAA,GAAA,MAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAEjC,gBAFiC,EAAA,GAAA,MAAA;AAEjC,cAeE,wBAfF,EAAA,CAAA;EAAgB,EAAA,EAAA,MAAA;EAed,WAAA,EAAA,MAAA;EA+BZ,IAAA,mCAAA,CAAA,wBAAA,CAAA,cAAA,wBAAA,cAAA,CAAA,CAAA;;;;;KAzBmC;;;;EAAA,CAAA;CAAgB,GAAA;;;0CAAA,wBAAA,CAAA,cAAA;;;;;;;KAWG;;;IAAA,IAAA,CAAA,EAAA,MAAA,GAAA,SAAA;IAAgB,GAAA,CAAA,EAAA,MAAA,GAAA,SAAA;;;;;EAY5C,IAAA,mCAAA,CAZ4C,wBAAA,CAAA,cAAA,wBAY5C,cAAA,CAAA,CAAA;EAAgB,OAAA,EAAA,MAAA;EAI/B,WAAA,EAAA,CAAA;IAAA;EAAuB,CAAvB,EAJe,gBAIW,EAAA,GAAA;IAUzB,GAAA,EAAA,MAAA;;;KAVD,uBAAA,GAA0B;;;;;eAKvB,OAAA,CAAM;;;;cAKR,oBAAoB,OAAA,CAAM,GAAG"}

package/dist/SocialMediaSharing/index.js

@@ -79,4 +79,5 @@ const SocialMediaSharing = ({ url, message, hashtags, mention, action, label, se
 };
 
 //#endregion
-export { SOCIAL_SHARING_PLATFORMS, SocialMediaSharing, createShareLink };
+export { SOCIAL_SHARING_PLATFORMS, SocialMediaSharing, createShareLink };
+//# sourceMappingURL=index.js.map

package/dist/SocialMediaSharing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SocialMediaSharing: React.FC<SocialMediaSharingProps>"],"sources":["../../src/SocialMediaSharing/index.tsx"],"sourcesContent":["import { Box, GridBox, Text } from '@codecademy/gamut';\nimport {\n  FacebookIcon,\n  LinkedinIcon,\n  TwitterIcon,\n} from '@codecademy/gamut-icons';\nimport * as React from 'react';\n\nimport type { BaseSocialShareProps } from './SocialShareIconLink';\nimport { SocialShareIconLink } from './SocialShareIconLink';\n\nexport type SocialMediaShare = {\n  url: string;\n  message?: string;\n  hashtags?: string[];\n  mention?: string;\n};\n\nexport const createShareLink = (\n  formatter: (payload: SocialMediaShare) => Record<string, string>,\n  baseUri: string,\n  payload: SocialMediaShare\n) => {\n  const params = formatter(payload);\n  const url = new URL(baseUri);\n\n  Object.keys(params).forEach((key) => {\n    url.searchParams.append(key, params[key]);\n  });\n\n  return url.toString();\n};\n\n// https://developer.twitter.com/en/docs/twitter-for-websites/tweet-button/overview\n// https://developers.facebook.com/docs/sharing/reference/share-dialog\n// https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/share-on-linkedin?context=linkedin/consumer/context#create-an-article-or-url-share\nexport const SOCIAL_SHARING_PLATFORMS = [\n  {\n    id: 'facebook',\n    displayName: 'Facebook',\n    icon: FacebookIcon,\n    baseUrl: 'https://www.facebook.com/dialog/share?app_id=212500508799908',\n    formatShare: ({ url, message }: SocialMediaShare) => ({\n      ...(url && { href: url }),\n      ...(message && { quote: message }),\n      hashtag: '#codecademy',\n    }),\n  },\n  {\n    id: 'twitter',\n    displayName: 'Twitter',\n    icon: TwitterIcon,\n    baseUrl: 'https://twitter.com/intent/tweet?',\n    formatShare: ({ url, message, hashtags, mention }: SocialMediaShare) => ({\n      ...(url && { url }),\n      ...(message && { text: message }),\n      ...(hashtags && { hashtags: hashtags.join(',') }),\n      ...(mention && { via: mention }),\n    }),\n  },\n  {\n    id: 'linkedin',\n    displayName: 'LinkedIn',\n    icon: LinkedinIcon,\n    baseUrl: 'https://www.linkedin.com/shareArticle',\n    formatShare: ({ url }: SocialMediaShare) => ({ url }),\n  },\n];\n\nexport type SocialMediaSharingProps = BaseSocialShareProps & {\n  url: string;\n  message?: string;\n  hashtags?: string[];\n  mention?: string;\n  action?: (e: React.MouseEvent, target: string) => void;\n  label?: string;\n  iconStyles?: string;\n};\n\nexport const SocialMediaSharing: React.FC<SocialMediaSharingProps> = ({\n  url,\n  message,\n  hashtags,\n  mention,\n  action,\n  label,\n  sectionId,\n  size = 'normal',\n  iconStyles,\n}) => {\n  return (\n    <Box display=\"inline-flex\" flexDirection=\"column\" alignItems=\"center\">\n      {label && (\n        <Text\n          fontSize={size === 'small' ? 14 : 16}\n          textColor=\"text\"\n          mb={16}\n          data-testid=\"social-sharing-label\"\n        >\n          {label}\n        </Text>\n      )}\n      <GridBox\n        gridAutoColumns=\"max-content\"\n        gridAutoFlow=\"column\"\n        gap={16}\n        className={iconStyles}\n      >\n        {SOCIAL_SHARING_PLATFORMS.map(({ id, icon, formatShare, baseUrl }) => (\n          <SocialShareIconLink\n            key={id}\n            id={id}\n            sectionId={sectionId}\n            href={createShareLink(formatShare, baseUrl, {\n              url,\n              message,\n              hashtags,\n              mention,\n            })}\n            icon={icon}\n            size={size}\n            onClick={(e) => action?.(e, `${id}_share`)}\n          />\n        ))}\n      </GridBox>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;AAkBA,MAAa,mBACX,WACA,SACA,YACG;CACH,MAAM,SAAS,UAAU,QAAQ;CACjC,MAAM,MAAM,IAAI,IAAI,QAAQ;AAE5B,QAAO,KAAK,OAAO,CAAC,SAAS,QAAQ;AACnC,MAAI,aAAa,OAAO,KAAK,OAAO,KAAK;GACzC;AAEF,QAAO,IAAI,UAAU;;AAMvB,MAAa,2BAA2B;CACtC;EACE,IAAI;EACJ,aAAa;EACb,MAAM;EACN,SAAS;EACT,cAAc,EAAE,KAAK,eAAiC;GACpD,GAAI,OAAO,EAAE,MAAM,KAAK;GACxB,GAAI,WAAW,EAAE,OAAO,SAAS;GACjC,SAAS;GACV;EACF;CACD;EACE,IAAI;EACJ,aAAa;EACb,MAAM;EACN,SAAS;EACT,cAAc,EAAE,KAAK,SAAS,UAAU,eAAiC;GACvE,GAAI,OAAO,EAAE,KAAK;GAClB,GAAI,WAAW,EAAE,MAAM,SAAS;GAChC,GAAI,YAAY,EAAE,UAAU,SAAS,KAAK,IAAI,EAAE;GAChD,GAAI,WAAW,EAAE,KAAK,SAAS;GAChC;EACF;CACD;EACE,IAAI;EACJ,aAAa;EACb,MAAM;EACN,SAAS;EACT,cAAc,EAAE,WAA6B,EAAE,KAAK;EACrD;CACF;AAYD,MAAaA,sBAAyD,EACpE,KACA,SACA,UACA,SACA,QACA,OACA,WACA,OAAO,UACP,iBACI;AACJ,QACE,qBAAC;EAAI,SAAQ;EAAc,eAAc;EAAS,YAAW;aAC1D,SACC,oBAAC;GACC,UAAU,SAAS,UAAU,KAAK;GAClC,WAAU;GACV,IAAI;GACJ,eAAY;aAEX;IACI,EAET,oBAAC;GACC,iBAAgB;GAChB,cAAa;GACb,KAAK;GACL,WAAW;aAEV,yBAAyB,KAAK,EAAE,IAAI,MAAM,aAAa,cACtD,oBAAC;IAEK;IACO;IACX,MAAM,gBAAgB,aAAa,SAAS;KAC1C;KACA;KACA;KACA;KACD,CAAC;IACI;IACA;IACN,UAAU,MAAM,SAAS,GAAG,GAAG,GAAG,QAAQ;MAXrC,GAYL,CACF;IACM;GACN"}

package/dist/SocialMediaSharingDropdown/index.d.ts

@@ -16,4 +16,5 @@ type SocialMediaSharingDropdownProps = {
 declare const onClickWrapper: (e: React.MouseEvent, id: string, href: string, action?: SocialMediaSharingDropdownProps["action"]) => void;
 declare const SocialMediaSharingDropdown: React.FC<SocialMediaSharingDropdownProps>;
 //#endregion
-export { SocialMediaSharingDropdown, SocialMediaSharingDropdownProps, onClickWrapper };
+export { SocialMediaSharingDropdown, SocialMediaSharingDropdownProps, onClickWrapper };
+//# sourceMappingURL=index.d.ts.map

package/dist/SocialMediaSharingDropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/SocialMediaSharingDropdown/index.tsx"],"sourcesContent":[],"mappings":";;;KAeY,+BAAA;;EAAA,OAAA,CAAA,EAAA,MAAA;EAUC,QAAA,CAAA,EAAA,MAaZ,EAAA;EAEY,OAAA,CAAA,EAAA,MAAA;eApBE,KAAA,CAAM;oBACD;;;;;;cAIP,oBACR,KAAA,CAAM,+CAGA;cAWE,4BAA4B,KAAA,CAAM,GAC7C"}

package/dist/SocialMediaSharingDropdown/index.js

@@ -93,4 +93,5 @@ const SocialMediaSharingDropdown = ({ url, message, hashtags, mention, action, d
 };
 
 //#endregion
-export { SocialMediaSharingDropdown, onClickWrapper };
+export { SocialMediaSharingDropdown, onClickWrapper };
+//# sourceMappingURL=index.js.map

package/dist/SocialMediaSharingDropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SocialMediaSharingDropdown: React.FC<\n  SocialMediaSharingDropdownProps\n>"],"sources":["../../src/SocialMediaSharingDropdown/index.tsx"],"sourcesContent":["/*\n * NOTE: This is a local new variant of the SocialMediaSharing gamut component that should be ported to Gamut.\n * */\nimport { Alert, FlexBox, PopoverYPositionType, Text } from '@codecademy/gamut';\nimport { LinkIcon, ShareIcon } from '@codecademy/gamut-icons';\nimport { useRef, useState } from 'react';\n\nimport { DropdownButton, DropdownButtonRefType } from '../DropdownButton';\nimport {\n  createShareLink,\n  SOCIAL_SHARING_PLATFORMS,\n} from '../SocialMediaSharing';\n\nconst clipboardAlertMessage = 'Link has been copied to clipboard.';\n\nexport type SocialMediaSharingDropdownProps = {\n  url: string;\n  message?: string;\n  hashtags?: string[];\n  mention?: string;\n  action?: (e: React.MouseEvent, target: string) => void;\n  defaultPosition?: PopoverYPositionType['position'];\n  addAlert?: (alert: { message: string; onClose: () => void }) => void;\n};\n\nexport const onClickWrapper = (\n  e: React.MouseEvent,\n  id: string,\n  href: string,\n  action?: SocialMediaSharingDropdownProps['action']\n) => {\n  e.preventDefault();\n  action?.(e, `${id}_share`);\n  const popupSize = 570;\n  const left = (window.screen.width - popupSize) / 2;\n  const top = (window.screen.height - popupSize) / 2;\n  const features = `menubar=no,toolbar=no,status=no,width=${popupSize},height=${popupSize},top=${top},left=${left}`;\n  window.open(href, '_blank', features)?.focus();\n};\n\nexport const SocialMediaSharingDropdown: React.FC<\n  SocialMediaSharingDropdownProps\n> = ({\n  url,\n  message,\n  hashtags,\n  mention,\n  action,\n  defaultPosition = 'below',\n  addAlert,\n}) => {\n  const [showClipboardAlert, setShowClipboardAlert] = useState(false);\n\n  const dropdownRef = useRef<DropdownButtonRefType>(null);\n  const focusDropdown = () =>\n    dropdownRef.current?.focus({ preventScroll: true });\n\n  const copyUrlToClipboard = async (e: React.MouseEvent) => {\n    action?.(e, `link_share`);\n    await navigator.clipboard.writeText(url);\n\n    if (addAlert) {\n      addAlert({\n        message: clipboardAlertMessage,\n        onClose: focusDropdown,\n      });\n    } else {\n      setShowClipboardAlert(true);\n    }\n  };\n\n  return (\n    <>\n      <DropdownButton\n        ref={dropdownRef}\n        data-testid=\"social-share-dropdown\"\n        isMenu\n        buttonType=\"text\"\n        defaultPosition={defaultPosition}\n        px={0}\n        dropdownItems={[\n          ...SOCIAL_SHARING_PLATFORMS.map(\n            ({ id, formatShare, baseUrl, displayName }) => ({\n              id,\n              text: displayName,\n              clickHandler: (e: React.MouseEvent) => {\n                onClickWrapper(\n                  e,\n                  id,\n                  createShareLink(formatShare, baseUrl, {\n                    url,\n                    message,\n                    hashtags,\n                    mention,\n                  }),\n                  action\n                );\n              },\n            })\n          ),\n          'separator',\n          {\n            id: 'copy-link',\n            icon: LinkIcon,\n            text: 'Copy link',\n            ariaLabel: 'Copy link',\n            clickHandler: (e) => copyUrlToClipboard(e),\n          },\n        ]}\n      >\n        <ShareIcon mr={4} size={22} />\n        Share\n      </DropdownButton>\n      {showClipboardAlert && (\n        <FlexBox\n          minWidth=\"min-content\"\n          width={{ _: '80%', sm: '60%' }}\n          position=\"fixed\"\n          top=\"6rem\"\n          left={{ _: '10%', sm: '20%' }}\n          zIndex={999}\n          data-testid=\"social-share-copy-to-clipboard-alert\"\n          justifyContent=\"center\"\n        >\n          <Alert\n            onClose={() => {\n              setShowClipboardAlert(false);\n              focusDropdown();\n            }}\n            type=\"success\"\n            placement=\"inline\"\n          >\n            <Text whiteSpace=\"break-spaces\" display=\"inline\">\n              {clipboardAlertMessage}\n            </Text>\n          </Alert>\n        </FlexBox>\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;AAaA,MAAM,wBAAwB;AAY9B,MAAa,kBACX,GACA,IACA,MACA,WACG;AACH,GAAE,gBAAgB;AAClB,UAAS,GAAG,GAAG,GAAG,QAAQ;CAC1B,MAAM,YAAY;CAClB,MAAM,QAAQ,OAAO,OAAO,QAAQ,aAAa;CAEjD,MAAM,WAAW,yCAAyC,UAAU,UAAU,UAAU,QAD3E,OAAO,OAAO,SAAS,aAAa,EACkD,QAAQ;AAC3G,QAAO,KAAK,MAAM,UAAU,SAAS,EAAE,OAAO;;AAGhD,MAAaA,8BAER,EACH,KACA,SACA,UACA,SACA,QACA,kBAAkB,SAClB,eACI;CACJ,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,MAAM;CAEnE,MAAM,cAAc,OAA8B,KAAK;CACvD,MAAM,sBACJ,YAAY,SAAS,MAAM,EAAE,eAAe,MAAM,CAAC;CAErD,MAAM,qBAAqB,OAAO,MAAwB;AACxD,WAAS,GAAG,aAAa;AACzB,QAAM,UAAU,UAAU,UAAU,IAAI;AAExC,MAAI,SACF,UAAS;GACP,SAAS;GACT,SAAS;GACV,CAAC;MAEF,uBAAsB,KAAK;;AAI/B,QACE,4CACE,qBAAC;EACC,KAAK;EACL,eAAY;EACZ;EACA,YAAW;EACM;EACjB,IAAI;EACJ,eAAe;GACb,GAAG,yBAAyB,KACzB,EAAE,IAAI,aAAa,SAAS,mBAAmB;IAC9C;IACA,MAAM;IACN,eAAe,MAAwB;AACrC,oBACE,GACA,IACA,gBAAgB,aAAa,SAAS;MACpC;MACA;MACA;MACA;MACD,CAAC,EACF,OACD;;IAEJ,EACF;GACD;GACA;IACE,IAAI;IACJ,MAAM;IACN,MAAM;IACN,WAAW;IACX,eAAe,MAAM,mBAAmB,EAAE;IAC3C;GACF;aAED,oBAAC;GAAU,IAAI;GAAG,MAAM;IAAM;GAEf,EAChB,sBACC,oBAAC;EACC,UAAS;EACT,OAAO;GAAE,GAAG;GAAO,IAAI;GAAO;EAC9B,UAAS;EACT,KAAI;EACJ,MAAM;GAAE,GAAG;GAAO,IAAI;GAAO;EAC7B,QAAQ;EACR,eAAY;EACZ,gBAAe;YAEf,oBAAC;GACC,eAAe;AACb,0BAAsB,MAAM;AAC5B,mBAAe;;GAEjB,MAAK;GACL,WAAU;aAEV,oBAAC;IAAK,YAAW;IAAe,SAAQ;cACrC;KACI;IACD;GACA,IAEX"}

package/dist/Testimonial/index.d.ts

@@ -1,22 +1,22 @@
 import * as _codecademy_gamut0 from "@codecademy/gamut";
-import * as _emotion_styled1 from "@emotion/styled";
-import * as react11 from "react";
+import * as _emotion_styled0 from "@emotion/styled";
+import * as react0 from "react";
 import { ComponentProps } from "react";
-import * as _emotion_react5 from "@emotion/react";
+import * as _emotion_react0 from "@emotion/react";
 import * as _codecademy_variance_dist_types_config0 from "@codecademy/variance/dist/types/config";
 import * as _codecademy_gamut_dist_Card_types0 from "@codecademy/gamut/dist/Card/types";
 
 //#region src/Testimonial/index.d.ts
-declare const TestimonialCard: _emotion_styled1.StyledComponent<_codecademy_gamut_dist_Card_types0.CardProps & {
-  theme?: _emotion_react5.Theme;
+declare const TestimonialCard: _emotion_styled0.StyledComponent<_codecademy_gamut_dist_Card_types0.CardProps & {
+  theme?: _emotion_react0.Theme;
 } & {
   mode?: "light" | "dark" | undefined;
 }, {}, {}>;
-declare const TestimonialContent: _emotion_styled1.StyledComponent<{
-  theme?: _emotion_react5.Theme | undefined;
-  as?: react11.ElementType<any, keyof react11.JSX.IntrinsicElements> | undefined;
-} & _codecademy_gamut0.BoxProps & Pick<react11.DetailedHTMLProps<react11.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "title" | "onClick" | "slot" | "style" | "property" | "rel" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "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" | "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" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "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" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof react11.ClassAttributes<HTMLDivElement>> & {
-  theme?: _emotion_react5.Theme;
+declare const TestimonialContent: _emotion_styled0.StyledComponent<{
+  theme?: _emotion_react0.Theme | undefined;
+  as?: react0.ElementType<any, keyof react0.JSX.IntrinsicElements> | undefined;
+} & _codecademy_gamut0.BoxProps & Pick<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "content" | "translate" | "property" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof react0.ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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-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" | "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" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+  theme?: _emotion_react0.Theme;
 } & _codecademy_variance_dist_types_config0.VariantProps<"orientation", false | "horizontal" | "vertical">, {}, {}>;
 type TestimonialProps = ComponentProps<typeof TestimonialCard> & Pick<ComponentProps<typeof TestimonialContent>, 'orientation'> & {
   firstName: string;
@@ -48,6 +48,7 @@ type TestimonialProps = ComponentProps<typeof TestimonialCard> & Pick<ComponentP
   hidePhoto?: boolean;
   onClick?: () => void;
 };
-declare const Testimonial: react11.FC<TestimonialProps>;
+declare const Testimonial: react0.FC<TestimonialProps>;
 //#endregion
-export { Testimonial, TestimonialProps };
+export { Testimonial, TestimonialProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/Testimonial/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/Testimonial/index.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/Testimonial/index.js

@@ -135,4 +135,5 @@ const Testimonial = ({ firstName, lastName, company, occupation, location, href,
 };
 
 //#endregion
-export { Testimonial };
+export { Testimonial };
+//# sourceMappingURL=index.js.map

package/dist/Testimonial/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Testimonial: React.FC<TestimonialProps>","bottomText: string","variant","darkQuotes"],"sources":["../../src/Testimonial/index.tsx"],"sourcesContent":["import { Anchor, Box, Card, Text } from '@codecademy/gamut';\nimport { css, modeColorProps, variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { ComponentProps, useMemo } from 'react';\nimport * as React from 'react';\n\nimport darkQuotes from '../assets/navyQuotes.svg';\n\nconst QuoteArt = styled.img`\n  height: 25px;\n  grid-area: art;\n`;\n\nconst TestimonialPicture = styled.img(\n  css({\n    height: 98,\n    width: 98,\n    borderRadius: 'full',\n    gridArea: 'avatar',\n  })\n);\n\nconst TestimonialCard = styled(Card)(\n  modeColorProps,\n  css({\n    borderRadius: 'none',\n  })\n);\n\nconst gridLayouts = {\n  vertical: `'art art art'\n             'text text text'\n             'avatar byline byline'\n             'avatar byline byline'\n             `,\n  horizontal: `'avatar art text'\n               'byline art text'\n               'byline art text'\n               'byline art text'\n               `,\n};\n\nconst TestimonialContent = styled(Box)(\n  variant({\n    defaultVariant: 'horizontal',\n    prop: 'orientation',\n    base: {\n      display: 'grid',\n      color: 'text-accent',\n      gridTemplateColumns: 'repeat(2, minmax(0, max-content)) minmax(0, 1fr);',\n      gridTemplateRows: 'repeat(max-content, 4)',\n      gap: 16,\n    },\n    variants: {\n      horizontal: {\n        gridTemplateAreas: {\n          _: gridLayouts.vertical,\n          md: gridLayouts.horizontal,\n        },\n      },\n      vertical: {\n        gridTemplateAreas: gridLayouts.vertical,\n      },\n    },\n  })\n);\n\nexport type TestimonialProps = ComponentProps<typeof TestimonialCard> &\n  Pick<ComponentProps<typeof TestimonialContent>, 'orientation'> & {\n    firstName: string;\n    lastName?: string;\n    quote: string;\n    /**\n     * City location\n     */\n    location?: string;\n    /**\n     * associated occupation of the person.\n     */\n    occupation?: string | null;\n    /**\n     * Associated workplace or institution\n     */\n    company?: string | null;\n    /**\n     * Portrait image src\n     */\n    imageUrl?: string | null;\n    /**\n     * setting this href will wrap the testimonial card with an anchor tag.\n     */\n    href?: string | null;\n    /**\n     * used to conditonally hide the portrait photo\n     */\n    hidePhoto?: boolean;\n    onClick?: () => void;\n  };\n\nexport const Testimonial: React.FC<TestimonialProps> = ({\n  firstName,\n  lastName,\n  company,\n  occupation,\n  location,\n  href,\n  quote,\n  onClick,\n  hidePhoto,\n  imageUrl,\n  variant,\n  orientation,\n  mode,\n  ...rest\n}) => {\n  const isVerticleLayout = orientation === 'vertical';\n\n  const bottomText: string = useMemo(() => {\n    if (company && location) return `@ ${company}, ${location}`;\n    if (!company && location) return `${location}`;\n    if (company && !location) return `@ ${company}`;\n    return '';\n  }, [company, location]);\n\n  const ariaLabel = `${firstName} ${lastName} ${bottomText}. ${quote}`;\n\n  const renderTestimonial = () => (\n    <TestimonialCard\n      {...rest}\n      p={32}\n      width=\"100%\"\n      height=\"100%\"\n      variant={variant}\n      shadow=\"patternLeft\"\n      isInteractive={!!href}\n      mode={mode}\n    >\n      <TestimonialContent orientation={orientation}>\n        {!hidePhoto && imageUrl && (\n          <TestimonialPicture\n            data-testid=\"testimonial-photo\"\n            src={imageUrl}\n            alt=\"testimonial\"\n          />\n        )}\n        <Box\n          my={{ _: 'auto', md: isVerticleLayout && !hidePhoto ? 'auto' : 0 }}\n          mr={32}\n          gridArea={!hidePhoto ? 'byline' : 'avatar'}\n        >\n          <Text variant=\"p-small\" as=\"p\" fontFamily=\"accent\">\n            {lastName ? `${firstName} ${lastName[0]}.` : `${firstName}`}\n          </Text>\n          <Text variant=\"p-small\" as=\"p\" fontFamily=\"accent\">\n            {occupation}\n          </Text>\n          {!!bottomText && (\n            <Text variant=\"p-small\" as=\"p\" fontFamily=\"accent\">\n              {bottomText}\n            </Text>\n          )}\n        </Box>\n        <QuoteArt alt=\"\" src={darkQuotes} />\n        <Text\n          pt={{ _: 0, md: isVerticleLayout ? 0 : 4 }}\n          pr={{ _: 16, sm: 0 }}\n          gridArea=\"text\"\n          variant=\"title-md\"\n          as=\"p\"\n        >\n          {quote}\n        </Text>\n      </TestimonialContent>\n    </TestimonialCard>\n  );\n\n  const renderTestimonialWithAnchor = () => (\n    <Anchor\n      display={rest.display}\n      data-testid=\"testimonial-link\"\n      href={href || undefined}\n      variant=\"interface\"\n      onClick={onClick}\n      aria-label={ariaLabel}\n    >\n      {renderTestimonial()}\n    </Anchor>\n  );\n\n  return href ? renderTestimonialWithAnchor() : renderTestimonial();\n};\n"],"mappings":";;;;;;;;AAQA,MAAM,WAAW,OAAO,GAAG;;;;AAK3B,MAAM,qBAAqB,OAAO,IAChC,IAAI;CACF,QAAQ;CACR,OAAO;CACP,cAAc;CACd,UAAU;CACX,CAAC,CACH;AAED,MAAM,kBAAkB,OAAO,KAAK,CAClC,gBACA,IAAI,EACF,cAAc,QACf,CAAC,CACH;AAED,MAAM,cAAc;CAClB,UAAU;;;;;CAKV,YAAY;;;;;CAKb;AAED,MAAM,qBAAqB,OAAO,IAAI,CACpC,QAAQ;CACN,gBAAgB;CAChB,MAAM;CACN,MAAM;EACJ,SAAS;EACT,OAAO;EACP,qBAAqB;EACrB,kBAAkB;EAClB,KAAK;EACN;CACD,UAAU;EACR,YAAY,EACV,mBAAmB;GACjB,GAAG,YAAY;GACf,IAAI,YAAY;GACjB,EACF;EACD,UAAU,EACR,mBAAmB,YAAY,UAChC;EACF;CACF,CAAC,CACH;AAkCD,MAAaA,eAA2C,EACtD,WACA,UACA,SACA,YACA,UACA,MACA,OACA,SACA,WACA,UACA,oBACA,aACA,MACA,GAAG,WACC;CACJ,MAAM,mBAAmB,gBAAgB;CAEzC,MAAMC,aAAqB,cAAc;AACvC,MAAI,WAAW,SAAU,QAAO,KAAK,QAAQ,IAAI;AACjD,MAAI,CAAC,WAAW,SAAU,QAAO,GAAG;AACpC,MAAI,WAAW,CAAC,SAAU,QAAO,KAAK;AACtC,SAAO;IACN,CAAC,SAAS,SAAS,CAAC;CAEvB,MAAM,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,IAAI;CAE7D,MAAM,0BACJ,oBAAC;EACC,GAAI;EACJ,GAAG;EACH,OAAM;EACN,QAAO;EACP,SAASC;EACT,QAAO;EACP,eAAe,CAAC,CAAC;EACX;YAEN,qBAAC;GAAgC;;IAC9B,CAAC,aAAa,YACb,oBAAC;KACC,eAAY;KACZ,KAAK;KACL,KAAI;MACJ;IAEJ,qBAAC;KACC,IAAI;MAAE,GAAG;MAAQ,IAAI,oBAAoB,CAAC,YAAY,SAAS;MAAG;KAClE,IAAI;KACJ,UAAU,CAAC,YAAY,WAAW;;MAElC,oBAAC;OAAK,SAAQ;OAAU,IAAG;OAAI,YAAW;iBACvC,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG;QAC3C;MACP,oBAAC;OAAK,SAAQ;OAAU,IAAG;OAAI,YAAW;iBACvC;QACI;MACN,CAAC,CAAC,cACD,oBAAC;OAAK,SAAQ;OAAU,IAAG;OAAI,YAAW;iBACvC;QACI;;MAEL;IACN,oBAAC;KAAS,KAAI;KAAG,KAAKC;MAAc;IACpC,oBAAC;KACC,IAAI;MAAE,GAAG;MAAG,IAAI,mBAAmB,IAAI;MAAG;KAC1C,IAAI;MAAE,GAAG;MAAI,IAAI;MAAG;KACpB,UAAS;KACT,SAAQ;KACR,IAAG;eAEF;MACI;;IACY;GACL;CAGpB,MAAM,oCACJ,oBAAC;EACC,SAAS,KAAK;EACd,eAAY;EACZ,MAAM,QAAQ;EACd,SAAQ;EACC;EACT,cAAY;YAEX,mBAAmB;GACb;AAGX,QAAO,OAAO,6BAA6B,GAAG,mBAAmB"}

package/dist/assets/navyQuotes.js

@@ -2,4 +2,5 @@
 var navyQuotes_default = "assets/navyQuotes-C0ZxClwi.svg";
 
 //#endregion
-export { navyQuotes_default as default };
+export { navyQuotes_default as default };
+//# sourceMappingURL=navyQuotes.js.map

package/dist/assets/navyQuotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navyQuotes.js","names":[],"sources":["../../src/assets/navyQuotes.svg"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";yBAAA,gCAAA"}

package/dist/lib/breakpointHooks/index.d.ts

@@ -43,4 +43,5 @@ declare function useBreakpointAt(breakpoint: Breakpoint): boolean;
  */
 declare function useBreakpointAtOrBelow(breakpoint: Breakpoint): boolean;
 //#endregion
-export { Breakpoint, BreakpointMinWidths, breakpoints, useBreakpoint, useBreakpointAt, useBreakpointAtOrAbove, useBreakpointAtOrBelow };
+export { Breakpoint, BreakpointMinWidths, breakpoints, useBreakpoint, useBreakpointAt, useBreakpointAtOrAbove, useBreakpointAtOrBelow };
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/breakpointHooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/lib/breakpointHooks/index.ts"],"sourcesContent":[],"mappings":";KAIY,UAAA;AAAA,KACA,mBAAA,GAAsB,MADZ,CACmB,UADnB,EAAA,MAAA,CAAA;AACV,cAEC,WAFkB,EAKf,mBALkB;AAElC;AAuBA;AAUA;AAWA;AAWA;;;;;;;;;;;;;;cAhCa,kCAEW;;;;;;;iBAQR,sBAAA,aAAmC;;;;;;;iBAWnC,eAAA,aAA4B;;;;;;;iBAW5B,sBAAA,aAAmC"}

package/dist/lib/breakpointHooks/index.js

@@ -55,4 +55,5 @@ function useBreakpointAtOrBelow(breakpoint) {
 }
 
 //#endregion
-export { breakpoints$1 as breakpoints, useBreakpoint, useBreakpointAt, useBreakpointAtOrAbove, useBreakpointAtOrBelow };
+export { breakpoints$1 as breakpoints, useBreakpoint, useBreakpointAt, useBreakpointAtOrAbove, useBreakpointAtOrBelow };
+//# sourceMappingURL=index.js.map

package/dist/lib/breakpointHooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["breakpoints","originalBreakpoints"],"sources":["../../../src/lib/breakpointHooks/index.ts"],"sourcesContent":["import { breakpoints as originalBreakpoints } from '@codecademy/gamut-styles';\nimport mapValues from 'lodash/mapValues';\nimport { createBreakpoint } from 'react-use';\n\nexport type Breakpoint = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport type BreakpointMinWidths = Record<Breakpoint, number>;\n\nexport const breakpoints = mapValues(\n  { xxs: 0, ...originalBreakpoints },\n  (value: string) => parseInt(value, 10)\n) as unknown as BreakpointMinWidths;\n\n/**\n * useBreakpoint will provide the current breakpoint to a React component.\n *\n * If you think you need this, make sure to think twice.  It is really nice\n * to allow your styles layer to concern itself about the appearance of a\n * component at different screen sizes, and not have to maintain two different\n * components that could drift from eachother.  That being said, sometimes\n * The content, layout, and/or functionality of a mobile page/component can\n * be so different that it is non-performant or difficult to maintain the\n * changes in only styles.  For those cases where it is actually easier to maintain\n * two components or a programatic distinction of the breakpoint, this helper\n * exists.\n *\n * @deprecated\n * Use Box, LayoutGrid, or other responsive Gamut components instead.\n * JavaScript-time screen size checks are notorious for worsening page performance.\n * @see https://web.dev/cls\n */\nexport const useBreakpoint = createBreakpoint(\n  breakpoints\n) as () => keyof typeof breakpoints;\n\n/**\n * @deprecated\n * Use Box, LayoutGrid, or other responsive Gamut components instead.\n * JavaScript-time screen size checks are notorious for worsening page performance.\n * @see https://web.dev/cls\n */\nexport function useBreakpointAtOrAbove(breakpoint: Breakpoint): boolean {\n  const currentBreakpoint = useBreakpoint();\n  return breakpoints[currentBreakpoint] >= breakpoints[breakpoint];\n}\n\n/**\n * @deprecated\n * Use Box, LayoutGrid, or other responsive Gamut components instead.\n * JavaScript-time screen size checks are notorious for worsening page performance.\n * @see https://web.dev/cls\n */\nexport function useBreakpointAt(breakpoint: Breakpoint): boolean {\n  const currentBreakpoint = useBreakpoint();\n  return breakpoints[currentBreakpoint] === breakpoints[breakpoint];\n}\n\n/**\n * @deprecated\n * Use Box, LayoutGrid, or other responsive Gamut components instead.\n * JavaScript-time screen size checks are notorious for worsening page performance.\n * @see https://web.dev/cls\n */\nexport function useBreakpointAtOrBelow(breakpoint: Breakpoint): boolean {\n  const currentBreakpoint = useBreakpoint();\n  return breakpoints[currentBreakpoint] <= breakpoints[breakpoint];\n}\n"],"mappings":";;;;;AAOA,MAAaA,gBAAc,UACzB;CAAE,KAAK;CAAG,GAAGC;CAAqB,GACjC,UAAkB,SAAS,OAAO,GAAG,CACvC;;;;;;;;;;;;;;;;;;;AAoBD,MAAa,gBAAgB,iBAC3BD,cACD;;;;;;;AAQD,SAAgB,uBAAuB,YAAiC;AAEtE,QAAOA,cADmB,eAAe,KACAA,cAAY;;;;;;;;AASvD,SAAgB,gBAAgB,YAAiC;AAE/D,QAAOA,cADmB,eAAe,MACCA,cAAY;;;;;;;;AASxD,SAAgB,uBAAuB,YAAiC;AAEtE,QAAOA,cADmB,eAAe,KACAA,cAAY"}

package/dist/lib/catalogList/index.js

@@ -1,29 +1,6 @@
 import { renderNewBadge } from "../resourcesList/index.js";
 
 //#region src/lib/catalogList/index.tsx
-const liveLearningHubItems = {
-	title: "Live Learning",
-	description: "Build skills faster through live learning with expert instructors.",
-	data: [{
-		id: "bootcamps",
-		href: "/bootcamps",
-		text: "Bootcamps",
-		description: "Learn live from industry experts.",
-		trackingTarget: "topnav_catalog_live_learning_bootcamps",
-		type: "link",
-		newTab: true,
-		badge: renderNewBadge()
-	}, {
-		id: "gk",
-		href: "/live-learning#GKLiveLearning",
-		text: "Codecademy x GK",
-		description: "Instructor-led courses, offered via our partner organization.",
-		trackingTarget: "topnav_catalog_live_learning_gk_codecademy",
-		type: "link",
-		newTab: true,
-		badge: renderNewBadge()
-	}]
-};
 const liveLearningNavPanelItems = (isCoachingEnabled) => ({
 	title: "Live Learning",
 	description: "Build skills faster through live, instructor-led sessions. Get real-time feedback, stay motivated, and deepen your understanding with expert guidance.",
@@ -49,4 +26,5 @@ const liveLearningNavPanelItems = (isCoachingEnabled) => ({
 });
 
 //#endregion
-export { liveLearningNavPanelItems };
+export { liveLearningNavPanelItems };
+//# sourceMappingURL=index.js.map

package/dist/lib/catalogList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/catalogList/index.tsx"],"sourcesContent":["import {\n  AppHeaderLinkItem,\n  AppHeaderResourcesDataItem,\n} from '../../AppHeader/shared';\nimport { renderNewBadge } from '../resourcesList';\n\nexport const careerPaths: AppHeaderLinkItem[] = [\n  {\n    id: 'full-stack-engineer-career-path',\n    href: '/learn/paths/full-stack-engineer-career-path',\n    trackingTarget: 'topnav_catalog_career_full_stack_engineer',\n    text: 'Full-Stack Engineer',\n    type: 'link',\n  },\n  {\n    id: 'back-end-engineer-career-path',\n    href: '/learn/paths/back-end-engineer-career-path',\n    trackingTarget: 'topnav_catalog_career_back-end-engineer',\n    text: 'Back-End Engineer',\n    type: 'link',\n  },\n  {\n    id: 'ios-developer',\n    href: '/learn/paths/ios-developer',\n    trackingTarget: 'topnav_catalog_career_ios-developer',\n    text: 'iOS Developer',\n    type: 'link',\n  },\n  {\n    id: 'front-end-engineer-career-path',\n    href: '/learn/paths/front-end-engineer-career-path',\n    trackingTarget: 'topnav_catalog_career_front-end-engineer',\n    text: 'Front-End Engineer',\n    type: 'link',\n  },\n  {\n    id: 'computer-science',\n    href: '/learn/paths/computer-science',\n    trackingTarget: 'topnav_catalog_career_computer-science',\n    text: 'Computer Science',\n    type: 'link',\n  },\n  {\n    id: 'data-science',\n    href: '/pages/data-science-career-specializations',\n    trackingTarget: 'topnav_catalog_career_data_science',\n    text: 'Data Scientist',\n    type: 'link',\n  },\n];\n\nexport const liveLearningNavPanelItems = (\n  isCoachingEnabled?: boolean\n): AppHeaderResourcesDataItem => ({\n  title: 'Live Learning',\n  description:\n    'Build skills faster through live, instructor-led sessions. Get real-time feedback, stay motivated, and deepen your understanding with expert guidance.',\n  data: [\n    {\n      id: 'bootcamps',\n      href: '/bootcamps',\n      text: 'Bootcamps',\n      description:\n        'Join live virtual bootcamps that span multiple weeks and help you build real-world, in-demand skills. Led by experts, each bootcamp includes instructor support, community, professional mentorship—and comes with Codecademy Pro access.',\n      trackingTarget: 'topnav_catalog_live_learning_bootcamps',\n      type: 'link',\n      newTab: true,\n      badge: renderNewBadge(),\n    },\n    {\n      id: 'coaching',\n      href: '/coaching',\n      text: isCoachingEnabled ? 'Coaching' : 'Coaching (Coming soon)',\n      description:\n        \"Get personalized mentorship from expert coaches to accelerate your career journey. Whether you're preparing for technical interviews, exploring career options, or seeking guidance, 1:1 coaching gives you tailored support to reach your goals.\",\n      trackingTarget: 'topnav_catalog_live_learning_coaching',\n      type: 'link',\n      newTab: true,\n      badge: renderNewBadge(),\n    },\n  ],\n});\n"],"mappings":";;;AAmDA,MAAa,6BACX,uBACgC;CAChC,OAAO;CACP,aACE;CACF,MAAM,CACJ;EACE,IAAI;EACJ,MAAM;EACN,MAAM;EACN,aACE;EACF,gBAAgB;EAChB,MAAM;EACN,QAAQ;EACR,OAAO,gBAAgB;EACxB,EACD;EACE,IAAI;EACJ,MAAM;EACN,MAAM,oBAAoB,aAAa;EACvC,aACE;EACF,gBAAgB;EAChB,MAAM;EACN,QAAQ;EACR,OAAO,gBAAgB;EACxB,CACF;CACF"}

package/dist/lib/resourcesList/index.js

@@ -63,4 +63,5 @@ const footerResourcesList = [
 ];
 
 //#endregion
-export { footerResourcesList, renderNewBadge };
+export { footerResourcesList, renderNewBadge };
+//# sourceMappingURL=index.js.map

package/dist/lib/resourcesList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["footerResourcesList: AppFooterResourcesDataItem[]"],"sources":["../../../src/lib/resourcesList/index.tsx"],"sourcesContent":["import { Badge } from '@codecademy/gamut';\n\nimport {\n  AppFooterResourcesDataItem,\n  AppHeaderResourcesDataItem,\n} from '../../AppHeader/shared';\n\nexport const renderBadge = (text: string) => (\n  <Badge size=\"sm\" ml={8} alignSelf=\"center\">\n    {text}\n  </Badge>\n);\n\nexport const renderNewBadge = (mt = 2) => (\n  <Badge size=\"sm\" mt={mt as 0} ml={8} alignSelf=\"start\" variant=\"accent\">\n    New\n  </Badge>\n);\n\nexport const footerResourcesList: AppFooterResourcesDataItem[] = [\n  {\n    id: 'articles',\n    href: '/articles',\n    trackingTarget: 'articles',\n    text: 'Articles',\n  },\n  {\n    id: 'blog',\n    href: 'https://codecademy.com/resources/blog',\n    trackingTarget: 'blog',\n    text: 'Blog',\n    newTab: true,\n  },\n  {\n    id: 'cheatsheets',\n    href: '/resources/cheatsheets/all',\n    trackingTarget: 'cheatsheets_home',\n    text: 'Cheatsheets',\n  },\n  {\n    id: 'challenges',\n    href: '/code-challenges',\n    trackingTarget: 'challenges',\n    text: 'Code challenges',\n  },\n  {\n    id: 'docs',\n    href: '/resources/docs',\n    trackingTarget: 'docs',\n    text: 'Docs',\n  },\n  {\n    id: 'projects',\n    href: '/projects',\n    trackingTarget: 'projects',\n    text: 'Projects',\n  },\n  {\n    id: 'videos',\n    href: '/resources/videos',\n    trackingTarget: 'videos_homepage',\n    text: 'Videos',\n  },\n  {\n    id: 'workspaces',\n    href: 'https://codecademy.com/pages/workspaces',\n    trackingTarget: 'workspaces',\n    text: 'Workspaces',\n  },\n];\n\nexport const getHeaderResourcesList = (): AppHeaderResourcesDataItem[] => {\n  const inspirationSection: AppHeaderResourcesDataItem = {\n    title: 'Inspiration & career',\n    links: [\n      {\n        text: 'View all blog topics',\n        href: '/resources/blog',\n        id: 'view-all-inspiration',\n        trackingTarget: 'topnav_resources_inspiration_all',\n        type: 'link',\n        newTab: true,\n      },\n    ],\n    data: [\n      {\n        id: 'career-advice',\n        href: '/resources/blog/category/career/',\n        text: 'Career advice',\n        description: 'Get answers to questions about coding careers.',\n        trackingTarget: 'topnav_resources_inspiration_career_advice',\n        type: 'link',\n        newTab: true,\n      },\n      {\n        id: 'learning-tips',\n        href: '/resources/blog/category/learning-tips/',\n        text: 'Learning tips',\n        description: 'Learn where to start and how to stay motivated.',\n        trackingTarget: 'topnav_resources_inspiration_learning_tips',\n        type: 'link',\n        newTab: true,\n      },\n      {\n        id: 'career-center',\n        href: '/career-center',\n        text: 'Career Center',\n        description: 'Get tools to reach your tech career goals.',\n        trackingTarget: 'topnav_resources_inspiration_career_center',\n        type: 'link' as const,\n        newTab: true,\n        badge: renderNewBadge(),\n      },\n    ],\n  };\n\n  return [\n    {\n      title: 'Docs',\n      description:\n        'Find definitions, code syntax, and more -- or contribute your own code documentation.',\n      links: [\n        {\n          text: 'View all docs',\n          href: '/resources/docs',\n          id: 'view-all-docs',\n          trackingTarget: 'topnav_resources_docs_all',\n          type: 'link',\n        },\n        {\n          text: 'Contribute to docs',\n          href: '/pages/contribute-docs',\n          id: 'contribute-to-docs',\n          trackingTarget: 'topnav_resources_contribution_guide',\n          type: 'link',\n        },\n      ],\n      data: [\n        {\n          id: 'c',\n          href: '/resources/docs/c',\n          trackingTarget: 'topnav_resources_docs_c',\n          text: 'C',\n          type: 'link',\n        },\n        {\n          id: 'html',\n          href: '/resources/docs/html',\n          trackingTarget: 'topnav_resources_docs_html',\n          text: 'HTML',\n          type: 'link',\n        },\n        {\n          id: 'python',\n          href: '/resources/docs/python',\n          trackingTarget: 'topnav_resources_docs_python',\n          text: 'Python',\n          type: 'link',\n        },\n        {\n          id: 'cpp',\n          href: '/resources/docs/cpp',\n          trackingTarget: 'topnav_resources_docs_cpp',\n          text: 'C++',\n          type: 'link',\n        },\n        {\n          id: 'java',\n          href: '/resources/docs/java',\n          trackingTarget: 'topnav_resources_docs_java',\n          text: 'Java',\n          type: 'link',\n        },\n        {\n          id: 'react',\n          href: '/resources/docs/react',\n          trackingTarget: 'topnav_resources_docs_react',\n          text: 'React',\n          type: 'link',\n        },\n        {\n          id: 'css',\n          href: '/resources/docs/css',\n          trackingTarget: 'topnav_resources_docs_css',\n          text: 'CSS',\n          type: 'link',\n        },\n        {\n          id: 'javascript',\n          href: '/resources/docs/javascript',\n          trackingTarget: 'topnav_resources_docs_javascript',\n          text: 'JavaScript',\n          type: 'link',\n        },\n        {\n          id: 'sql',\n          href: '/resources/docs/sql',\n          trackingTarget: 'topnav_resources_docs_sql',\n          text: 'SQL',\n          type: 'link',\n        },\n        {\n          id: 'git',\n          href: '/resources/docs/git',\n          trackingTarget: 'topnav_resources_docs_git',\n          text: 'Git',\n          type: 'link',\n        },\n        {\n          id: 'php',\n          href: '/resources/docs/php',\n          trackingTarget: 'topnav_resources_docs_php',\n          text: 'PHP',\n          type: 'link',\n        },\n        {\n          id: 'uiux',\n          href: '/resources/docs/uiux',\n          trackingTarget: 'topnav_resources_docs_uiux',\n          text: 'UI/UX',\n          type: 'link',\n        },\n      ],\n    },\n    {\n      title: 'Learning & practice tools',\n      data: [\n        {\n          id: 'articles',\n          href: '/articles',\n          text: 'Articles',\n          description: 'Learn about technical concepts.',\n          trackingTarget: 'topnav_resources_learning_articles',\n          type: 'link',\n        },\n        {\n          id: 'cheatsheets',\n          href: '/resources/cheatsheets/all',\n          text: 'Cheatsheets',\n          description: 'Review concepts from your courses.',\n          trackingTarget: 'topnav_resources_learning_cheatsheets',\n          type: 'link',\n        },\n        {\n          id: 'code-challenges',\n          href: '/code-challenges',\n          text: 'Code challenges',\n          description: 'Test your knowledge and prep for interviews.',\n          trackingTarget: 'topnav_resources_learning_code_challenges',\n          type: 'link',\n        },\n        {\n          id: 'projects',\n          href: '/projects',\n          text: 'Projects',\n          description: 'Practice and build your portfolio.',\n          trackingTarget: 'topnav_resources_learning_projects',\n          type: 'link',\n        },\n\n        {\n          id: 'videos',\n          href: '/resources/videos',\n          text: 'Videos',\n          description: 'Watch tutorials, project walkthroughs, and more.',\n          trackingTarget: 'topnav_resources_learning_videos',\n          type: 'link',\n        },\n        {\n          id: 'workspaces',\n          href: '/pages/workspaces',\n          text: 'Workspaces',\n          description: 'Build and share projects in your browser.',\n          trackingTarget: 'topnav_resources_learning_workspaces',\n          type: 'link',\n        },\n      ],\n    },\n    inspirationSection,\n  ];\n};\n"],"mappings":";;;;AAaA,MAAa,kBAAkB,KAAK,MAClC,oBAAC;CAAM,MAAK;CAAS;CAAS,IAAI;CAAG,WAAU;CAAQ,SAAQ;WAAS;EAEhE;AAGV,MAAaA,sBAAoD;CAC/D;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACN,QAAQ;EACT;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM;EACP;CACF"}

package/dist/remoteAssets/components.js

@@ -2,4 +2,5 @@
 const BASE_STATIC_ASSET_PATH = "https://static-assets.codecademy.com/components";
 
 //#endregion
-export { BASE_STATIC_ASSET_PATH };
+export { BASE_STATIC_ASSET_PATH };
+//# sourceMappingURL=components.js.map

package/dist/remoteAssets/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","names":[],"sources":["../../src/remoteAssets/components.ts"],"sourcesContent":["export const BASE_STATIC_ASSET_PATH =\n  'https://static-assets.codecademy.com/components';\n"],"mappings":";AAAA,MAAa,yBACX"}