@codecademy/brand 4.0.0-alpha.b1cfc89ee2.0 → 4.0.0-alpha.b5e5d575e.0

package/dist/BetaSticker/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["BetaSticker: React.FC<BetaStickerProps>"],"sources":["../../src/BetaSticker/index.tsx"],"sourcesContent":["import { variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nconst BetaStickerContainer = styled.svg(\n  variant({\n    defaultVariant: 'normal',\n    base: {\n      lineHeight: 0,\n    },\n    variants: {\n      small: {\n        height: 16,\n        width: 32,\n      },\n      normal: {\n        height: 26,\n        width: 52,\n      },\n      medium: {\n        height: 22,\n        width: 42,\n      },\n    },\n  })\n);\n\ntype BetaStickerProps = {\n  size?: 'normal' | 'small' | 'medium';\n};\n\nexport const BetaSticker: React.FC<BetaStickerProps> = ({\n  size = 'normal',\n}) => {\n  return (\n    <BetaStickerContainer\n      variant={size}\n      viewBox=\"0 0 52 27\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title>Beta</title>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M2 0.5H0V24.5V26.5H2H52V24.5H2V0.5Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M8 19.1H11.792C14.256 19.1 15.936 18.092 15.936 15.5C15.936 14.092 15.232 13.292 14.288 12.876C15.056 12.348 15.536 11.484 15.536 10.492C15.536 8.076 13.84 7.5 11.6 7.5H8V19.1ZM10.4 12.268V9.452H11.568C12.544 9.452 13.024 9.932 13.024 10.86C13.024 11.788 12.544 12.268 11.568 12.268H10.4ZM13.392 15.58C13.392 16.604 12.88 17.116 11.696 17.116H10.4V14.028H11.696C12.88 14.028 13.392 14.54 13.392 15.58Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M18.5677 19.1H25.5917V17.036H20.9677V14.204H25.2717V12.14H20.9677V9.564H25.5917V7.5H18.5677V19.1Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M31.1675 19.1H33.5675V9.564H36.8475V7.5H27.8875V9.564H31.1675V19.1Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M38.2312 19.1H40.7913L41.3193 16.684H44.0393L44.5673 19.1H47.1913L44.1992 7.5H41.2073L38.2312 19.1ZM42.6953 10.556L43.6233 14.812H41.7353L42.6953 10.556Z\"\n        fill=\"currentColor\"\n      />\n    </BetaStickerContainer>\n  );\n};\n"],"mappings":";;;;;;AAIA,MAAM,uBAAuB,OAAO,IAClC,QAAQ;CACN,gBAAgB;CAChB,MAAM,EACJ,YAAY,GACb;CACD,UAAU;EACR,OAAO;GACL,QAAQ;GACR,OAAO;GACR;EACD,QAAQ;GACN,QAAQ;GACR,OAAO;GACR;EACD,QAAQ;GACN,QAAQ;GACR,OAAO;GACR;EACF;CACF,CAAC,CACH;AAMD,MAAaA,eAA2C,EACtD,OAAO,eACH;AACJ,QACE,qBAAC;EACC,SAAS;EACT,SAAQ;EACR,MAAK;EACL,OAAM;;GAEN,oBAAC,qBAAM,SAAY;GACnB,oBAAC;IACC,UAAS;IACT,UAAS;IACT,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;;GACmB"}

package/dist/CareerPathCard/index.cjs

@@ -1,35 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_helpers = require('../ContentGroupBaseCard/helpers.cjs');
-const require_shared = require('../ContentGroupBaseCard/shared.cjs');
-const require_index = require('../ContentGroupBaseCard/index.cjs');
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/CareerPathCard/index.tsx
-const CareerPathCard = (0, react.forwardRef)(({ imageUrl, courseCount, shortDescription, difficulty, enrollmentStatus, lessonCount, title, isFullSize, hasCareerJourney, headingLevel = "h3", timeToComplete, header, footer, openInNewTab = false, href, onClick }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index.ContentGroupBaseCard, {
-		headerBackgroundColor: "navy",
-		headerText: "Career path",
-		title,
-		headingLevel,
-		description: shortDescription,
-		difficulty,
-		numLessons: lessonCount,
-		shadow: "outline",
-		imageSrc: require_helpers.getPathImageUrl(enrollmentStatus, imageUrl),
-		isFullSize,
-		enrollmentStatus,
-		timeToComplete,
-		header,
-		footer,
-		href,
-		openInNewTab,
-		onClick,
-		ref,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shared.CourseCountComponent, { count: courseCount }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shared.CertificateComponent, { professionalCert: !!hasCareerJourney })]
-	});
-});
-
-//#endregion
-exports.CareerPathCard = CareerPathCard;
-//# sourceMappingURL=index.cjs.map

package/dist/CareerPathCard/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["ContentGroupBaseCard","getPathImageUrl","CourseCountComponent","CertificateComponent"],"sources":["../../src/CareerPathCard/index.tsx"],"sourcesContent":["import { HeadingTags } from '@codecademy/gamut';\nimport { forwardRef, PropsWithRef } from 'react';\n\nimport { getPathImageUrl } from '../ContentGroupBaseCard/helpers';\nimport { ContentGroupBaseCard } from '../ContentGroupBaseCard/index';\nimport {\n  CertificateComponent,\n  CourseCountComponent,\n} from '../ContentGroupBaseCard/shared';\nimport {\n  CourseDifficulty,\n  EnrollmentStatus,\n} from '../ContentGroupBaseCard/types';\n\ntype CareerPathCardProps = {\n  title: string;\n  lessonCount: number;\n  enrollmentStatus: EnrollmentStatus;\n  shortDescription?: string | null;\n  difficulty?: CourseDifficulty | null;\n  hasCareerJourney?: boolean;\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 CareerPathCard = forwardRef<\n  HTMLAnchorElement,\n  PropsWithRef<CareerPathCardProps>\n>(\n  (\n    {\n      imageUrl,\n      courseCount,\n      shortDescription,\n      difficulty,\n      enrollmentStatus,\n      lessonCount,\n      title,\n      isFullSize,\n      hasCareerJourney,\n      headingLevel = 'h3',\n      timeToComplete,\n      header,\n      footer,\n      openInNewTab = false,\n      href,\n      onClick,\n    },\n    ref\n  ) => {\n    return (\n      <ContentGroupBaseCard\n        headerBackgroundColor=\"navy\"\n        headerText=\"Career 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        href={href}\n        openInNewTab={openInNewTab}\n        onClick={onClick}\n        ref={ref}\n      >\n        <CourseCountComponent count={courseCount} />\n        <CertificateComponent professionalCert={!!hasCareerJourney} />\n      </ContentGroupBaseCard>\n    );\n  }\n);\n"],"mappings":";;;;;;;;AAiCA,MAAa,wCAKT,EACE,UACA,aACA,kBACA,YACA,kBACA,aACA,OACA,YACA,kBACA,eAAe,MACf,gBACA,QACA,QACA,eAAe,OACf,MACA,WAEF,QACG;AACH,QACE,4CAACA;EACC,uBAAsB;EACtB,YAAW;EACJ;EACO;EACd,aAAa;EACD;EACZ,YAAY;EACZ,QAAO;EACP,UAAUC,gCAAgB,kBAAkB,SAAS;EACzC;EACM;EACF;EACR;EACA;EACF;EACQ;EACL;EACJ;aAEL,2CAACC,uCAAqB,OAAO,cAAe,EAC5C,2CAACC,uCAAqB,kBAAkB,CAAC,CAAC,mBAAoB;GACzC;EAG5B"}

package/dist/CareerPathCard/index.d.cts

@@ -1,27 +0,0 @@
-import { CourseDifficulty, EnrollmentStatus } from "../ContentGroupBaseCard/types.cjs";
-import { HeadingTags } from "@codecademy/gamut";
-import * as react9 from "react";
-
-//#region src/CareerPathCard/index.d.ts
-type CareerPathCardProps = {
-  title: string;
-  lessonCount: number;
-  enrollmentStatus: EnrollmentStatus;
-  shortDescription?: string | null;
-  difficulty?: CourseDifficulty | null;
-  hasCareerJourney?: boolean;
-  imageUrl: string;
-  courseCount: number;
-  isFullSize?: boolean;
-  headingLevel?: HeadingTags;
-  timeToComplete?: number | null;
-  header?: React.ReactNode;
-  footer?: React.ReactNode;
-  openInNewTab?: boolean;
-  href: string;
-  onClick: () => void;
-};
-declare const CareerPathCard: react9.ForwardRefExoticComponent<CareerPathCardProps & react9.RefAttributes<HTMLAnchorElement>>;
-//#endregion
-export { CareerPathCard };
-//# sourceMappingURL=index.d.cts.map

package/dist/CareerPathCard/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/CareerPathCard/index.tsx"],"sourcesContent":[],"mappings":";;;;;KAcK,mBAAA;;;EAAA,gBAAA,EAGe,gBAHI;EAGJ,gBAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAEL,UAAA,CAAA,EAAA,gBAAA,GAAA,IAAA;EAKE,gBAAA,CAAA,EAAA,OAAA;EAEN,QAAM,EAAA,MAAA;EACN,WAAM,EAAA,MAAA;EAAS,UAAA,CAAA,EAAA,OAAA;EAMb,YAAA,CAAA,EATI,WA4DhB;EAnD0B,cAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAAA,MAAA,CAAA,EAPhB,KAAA,CAAM,SAOU;EAAA,MAAA,CAAA,EANhB,KAAA,CAAM,SAMU;EAAA,YAAA,CAAA,EAAA,OAAA;EAAA,IAAA,EAAA,MAAA;;;cAAd,gBAAc,MAAA,CAAA,0BAAA,sBAAA,MAAA,CAAA,cAAA"}

package/dist/CareerPathCard/index.d.mts

@@ -1,27 +0,0 @@
-import { CourseDifficulty, EnrollmentStatus } from "../ContentGroupBaseCard/types.mjs";
-import { HeadingTags } from "@codecademy/gamut";
-import * as react9 from "react";
-
-//#region src/CareerPathCard/index.d.ts
-type CareerPathCardProps = {
-  title: string;
-  lessonCount: number;
-  enrollmentStatus: EnrollmentStatus;
-  shortDescription?: string | null;
-  difficulty?: CourseDifficulty | null;
-  hasCareerJourney?: boolean;
-  imageUrl: string;
-  courseCount: number;
-  isFullSize?: boolean;
-  headingLevel?: HeadingTags;
-  timeToComplete?: number | null;
-  header?: React.ReactNode;
-  footer?: React.ReactNode;
-  openInNewTab?: boolean;
-  href: string;
-  onClick: () => void;
-};
-declare const CareerPathCard: react9.ForwardRefExoticComponent<CareerPathCardProps & react9.RefAttributes<HTMLAnchorElement>>;
-//#endregion
-export { CareerPathCard };
-//# sourceMappingURL=index.d.mts.map

package/dist/CareerPathCard/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/CareerPathCard/index.tsx"],"sourcesContent":[],"mappings":";;;;;KAcK,mBAAA;;;EAAA,gBAAA,EAGe,gBAHI;EAGJ,gBAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAEL,UAAA,CAAA,EAAA,gBAAA,GAAA,IAAA;EAKE,gBAAA,CAAA,EAAA,OAAA;EAEN,QAAM,EAAA,MAAA;EACN,WAAM,EAAA,MAAA;EAAS,UAAA,CAAA,EAAA,OAAA;EAMb,YAAA,CAAA,EATI,WA4DhB;EAnD0B,cAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAAA,MAAA,CAAA,EAPhB,KAAA,CAAM,SAOU;EAAA,MAAA,CAAA,EANhB,KAAA,CAAM,SAMU;EAAA,YAAA,CAAA,EAAA,OAAA;EAAA,IAAA,EAAA,MAAA;;;cAAd,gBAAc,MAAA,CAAA,0BAAA,sBAAA,MAAA,CAAA,cAAA"}

package/dist/CareerPathCard/index.mjs

@@ -1,34 +0,0 @@
-import { getPathImageUrl } from "../ContentGroupBaseCard/helpers.mjs";
-import { CertificateComponent, CourseCountComponent } from "../ContentGroupBaseCard/shared.mjs";
-import { ContentGroupBaseCard } from "../ContentGroupBaseCard/index.mjs";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/CareerPathCard/index.tsx
-const CareerPathCard = forwardRef(({ imageUrl, courseCount, shortDescription, difficulty, enrollmentStatus, lessonCount, title, isFullSize, hasCareerJourney, headingLevel = "h3", timeToComplete, header, footer, openInNewTab = false, href, onClick }, ref) => {
-	return /* @__PURE__ */ jsxs(ContentGroupBaseCard, {
-		headerBackgroundColor: "navy",
-		headerText: "Career path",
-		title,
-		headingLevel,
-		description: shortDescription,
-		difficulty,
-		numLessons: lessonCount,
-		shadow: "outline",
-		imageSrc: getPathImageUrl(enrollmentStatus, imageUrl),
-		isFullSize,
-		enrollmentStatus,
-		timeToComplete,
-		header,
-		footer,
-		href,
-		openInNewTab,
-		onClick,
-		ref,
-		children: [/* @__PURE__ */ jsx(CourseCountComponent, { count: courseCount }), /* @__PURE__ */ jsx(CertificateComponent, { professionalCert: !!hasCareerJourney })]
-	});
-});
-
-//#endregion
-export { CareerPathCard };
-//# sourceMappingURL=index.mjs.map

package/dist/CareerPathCard/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../src/CareerPathCard/index.tsx"],"sourcesContent":["import { HeadingTags } from '@codecademy/gamut';\nimport { forwardRef, PropsWithRef } from 'react';\n\nimport { getPathImageUrl } from '../ContentGroupBaseCard/helpers';\nimport { ContentGroupBaseCard } from '../ContentGroupBaseCard/index';\nimport {\n  CertificateComponent,\n  CourseCountComponent,\n} from '../ContentGroupBaseCard/shared';\nimport {\n  CourseDifficulty,\n  EnrollmentStatus,\n} from '../ContentGroupBaseCard/types';\n\ntype CareerPathCardProps = {\n  title: string;\n  lessonCount: number;\n  enrollmentStatus: EnrollmentStatus;\n  shortDescription?: string | null;\n  difficulty?: CourseDifficulty | null;\n  hasCareerJourney?: boolean;\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 CareerPathCard = forwardRef<\n  HTMLAnchorElement,\n  PropsWithRef<CareerPathCardProps>\n>(\n  (\n    {\n      imageUrl,\n      courseCount,\n      shortDescription,\n      difficulty,\n      enrollmentStatus,\n      lessonCount,\n      title,\n      isFullSize,\n      hasCareerJourney,\n      headingLevel = 'h3',\n      timeToComplete,\n      header,\n      footer,\n      openInNewTab = false,\n      href,\n      onClick,\n    },\n    ref\n  ) => {\n    return (\n      <ContentGroupBaseCard\n        headerBackgroundColor=\"navy\"\n        headerText=\"Career 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        href={href}\n        openInNewTab={openInNewTab}\n        onClick={onClick}\n        ref={ref}\n      >\n        <CourseCountComponent count={courseCount} />\n        <CertificateComponent professionalCert={!!hasCareerJourney} />\n      </ContentGroupBaseCard>\n    );\n  }\n);\n"],"mappings":";;;;;;;AAiCA,MAAa,iBAAiB,YAK1B,EACE,UACA,aACA,kBACA,YACA,kBACA,aACA,OACA,YACA,kBACA,eAAe,MACf,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;EACF;EACQ;EACL;EACJ;aAEL,oBAAC,wBAAqB,OAAO,cAAe,EAC5C,oBAAC,wBAAqB,kBAAkB,CAAC,CAAC,mBAAoB;GACzC;EAG5B"}

package/dist/Carousel/elements.cjs

@@ -1,13 +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);
-
-//#region src/Carousel/elements.tsx
-const arrowButtonStates = (0, _codecademy_gamut_styles.states)({ disabled: { borderColor: "background-disabled" } });
-const ArrowButton = (0, _emotion_styled.default)(_codecademy_gamut.IconButton)((0, _codecademy_gamut_styles.css)({ borderColor: "currentColor" }), arrowButtonStates);
-
-//#endregion
-exports.ArrowButton = ArrowButton;
-//# sourceMappingURL=elements.cjs.map

package/dist/Carousel/elements.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"elements.cjs","names":["IconButton"],"sources":["../../src/Carousel/elements.tsx"],"sourcesContent":["import { IconButton } from '@codecademy/gamut';\nimport { css, states } from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\n\nconst arrowButtonStates = states({\n  disabled: { borderColor: 'background-disabled' },\n});\nexport const ArrowButton = styled(IconButton)<\n  StyleProps<typeof arrowButtonStates>\n>(css({ borderColor: 'currentColor' }), arrowButtonStates);\n"],"mappings":";;;;;;;AAKA,MAAM,yDAA2B,EAC/B,UAAU,EAAE,aAAa,uBAAuB,EACjD,CAAC;AACF,MAAa,2CAAqBA,6BAAW,mCAEvC,EAAE,aAAa,gBAAgB,CAAC,EAAE,kBAAkB"}

package/dist/Carousel/elements.mjs

@@ -1,11 +0,0 @@
-import { IconButton } from "@codecademy/gamut";
-import { css, states } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-
-//#region src/Carousel/elements.tsx
-const arrowButtonStates = states({ disabled: { borderColor: "background-disabled" } });
-const ArrowButton = styled(IconButton)(css({ borderColor: "currentColor" }), arrowButtonStates);
-
-//#endregion
-export { ArrowButton };
-//# sourceMappingURL=elements.mjs.map

package/dist/Carousel/elements.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"elements.mjs","names":[],"sources":["../../src/Carousel/elements.tsx"],"sourcesContent":["import { IconButton } from '@codecademy/gamut';\nimport { css, states } from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\n\nconst arrowButtonStates = states({\n  disabled: { borderColor: 'background-disabled' },\n});\nexport const ArrowButton = styled(IconButton)<\n  StyleProps<typeof arrowButtonStates>\n>(css({ borderColor: 'currentColor' }), arrowButtonStates);\n"],"mappings":";;;;;AAKA,MAAM,oBAAoB,OAAO,EAC/B,UAAU,EAAE,aAAa,uBAAuB,EACjD,CAAC;AACF,MAAa,cAAc,OAAO,WAAW,CAE3C,IAAI,EAAE,aAAa,gBAAgB,CAAC,EAAE,kBAAkB"}

package/dist/Carousel/index.cjs

@@ -1,195 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_elements = require('./elements.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-let _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
-require("@splidejs/splide/dist/css/splide.min.css");
-let _emotion_is_prop_valid = require("@emotion/is-prop-valid");
-_emotion_is_prop_valid = require_rolldown_runtime.__toESM(_emotion_is_prop_valid);
-let _splidejs_react_splide = require("@splidejs/react-splide");
-
-//#region src/Carousel/index.tsx
-const CarouselWrapper = (0, _emotion_styled.default)(_codecademy_gamut.Box)`
-  transform: translateX(-1rem);
-  width: calc(100% + 2rem);
-`;
-const SplideTrack = (0, _emotion_styled.default)(_splidejs_react_splide.SplideTrack, { shouldForwardProp: _emotion_is_prop_valid.default })`
-  padding-top: ${(props) => props.patternedBackground ? "1rem" : "0"};
-  padding-bottom: ${(props) => props.patternedBackground ? "2rem" : "0"};
-`;
-const SplideSlide = (0, _emotion_styled.default)(_splidejs_react_splide.SplideSlide, { shouldForwardProp: _emotion_is_prop_valid.default })`
-  display: flex;
-  flex-shrink: ${(props) => props.noShrink ? "initial" : 0};
-`;
-const defaultOptions = {
-	gap: "2rem",
-	perPage: 3,
-	pagination: false,
-	keyboard: false,
-	slideFocus: false,
-	arrows: false,
-	perMove: 2,
-	padding: "1rem",
-	breakpoints: { [parseInt(_codecademy_gamut_styles.breakpoints.md, 10)]: {
-		perPage: 2,
-		perMove: 1
-	} }
-};
-const StyledBox = (0, _emotion_styled.default)(_codecademy_gamut.FlexBox)`
-  list-style-type: none;
-`;
-const PatternedContainer = ({ as, children, bottomPadding, leftPadding, overflowAuto }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-		position: "relative",
-		py: 24,
-		px: 8,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-			borderRadius: "lg",
-			overflow: "hidden",
-			position: "absolute",
-			top: 0,
-			bottom: 0,
-			left: 0,
-			width: "100%",
-			zIndex: 0,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_patterns.CheckerDense, {})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledBox, {
-			as,
-			columnGap: 64,
-			position: "relative",
-			overflowX: overflowAuto ? "auto" : "hidden",
-			pt: 16,
-			pb: bottomPadding ? 24 : 0,
-			pl: { xl: leftPadding ? 16 : 0 },
-			m: 0,
-			zIndex: 1,
-			children
-		})]
-	});
-};
-const Carousel = ({ items, leftPadding = false, onArrowClick, options: optionsProp = {}, patternedBackground = false, showArrowDisplay, arrowPosition = "top", title, variant = "catalog_home" }) => {
-	const ref = (0, react.useRef)(null);
-	const [index, setIndex] = (0, react.useState)(0);
-	const [lastIndex, setLastIndex] = (0, react.useState)();
-	(0, react.useEffect)(() => {
-		if (ref.current?.splide?.options.perPage) setLastIndex(items.length - ref.current.splide.options.perPage);
-		else setLastIndex(items.length);
-	}, [items, ref.current?.splide?.options.perPage]);
-	const options = (0, react.useMemo)(() => {
-		return {
-			...defaultOptions,
-			...optionsProp
-		};
-	}, [optionsProp]);
-	const arrowDisplay = (0, react.useMemo)(() => {
-		switch (items.length) {
-			case 1:
-			case 2: return "none";
-			default: return "flex";
-		}
-	}, [items]);
-	const onClickForward = () => {
-		onArrowClick?.({ target: "forward_arrow" });
-		ref.current?.go(">");
-	};
-	const onClickBack = () => {
-		onArrowClick?.({ target: "backward_arrow" });
-		ref.current?.go("<");
-	};
-	const determineLastIndex = (perPage) => {
-		setLastIndex(items.length - perPage);
-	};
-	const isCatalogHubVariant = variant === "catalog_hub";
-	const CarouselContent = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_splidejs_react_splide.Splide, {
-		onMove: ({ index: index$1 }) => setIndex(index$1),
-		onUpdated: (splide) => {
-			if (splide.options.perPage) determineLastIndex(splide.options.perPage);
-		},
-		onMounted: (splide) => {
-			if (splide.options.perPage) determineLastIndex(splide.options.perPage);
-			if (splide.options.autoplay) splide.Components.Autoplay.play();
-		},
-		hasTrack: false,
-		ref,
-		options: { ...options },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SplideTrack, {
-			patternedBackground,
-			children: items.map((item, index$1) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SplideSlide, {
-				noShrink: items.length === 1 && options.perPage !== 1,
-				children: item
-			}, index$1))
-		})
-	});
-	const shouldDisplayArrow = (showArrowDisplay$1) => {
-		if (showArrowDisplay$1) {
-			if (typeof showArrowDisplay$1 === "function") return showArrowDisplay$1(items.length) ? "flex" : "none";
-			const displayProps = {
-				_: "",
-				xs: "",
-				sm: "",
-				md: "",
-				lg: "",
-				xl: ""
-			};
-			Object.keys(displayProps).forEach((screensize) => {
-				displayProps[screensize] = isCatalogHubVariant || showArrowDisplay$1?.[screensize] ? "flex" : arrowDisplay;
-			});
-			return displayProps;
-		}
-		return isCatalogHubVariant ? "flex" : arrowDisplay;
-	};
-	const arrows = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-		display: shouldDisplayArrow(showArrowDisplay),
-		pr: 0,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_elements.ArrowButton, {
-			disabled: index === 0,
-			icon: _codecademy_gamut_icons.MiniChevronLeftIcon,
-			mr: 8,
-			onClick: onClickBack,
-			px: 4,
-			tip: "Scroll backward",
-			tipProps: { placement: "floating" }
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_elements.ArrowButton, {
-			disabled: index === lastIndex,
-			icon: _codecademy_gamut_icons.MiniChevronRightIcon,
-			onClick: onClickForward,
-			px: 4,
-			tip: "Scroll forward",
-			tipProps: { placement: "floating" }
-		})]
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			justifyContent: {
-				_: title ? "space-between" : isCatalogHubVariant ? "start" : "end",
-				md: title ? "space-between" : "end"
-			},
-			pb: 8,
-			alignItems: "baseline",
-			children: [title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-				pb: patternedBackground ? 8 : 0,
-				children: title
-			}) : null, arrowPosition === "top" ? arrows : null]
-		}),
-		patternedBackground ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PatternedContainer, {
-			leftPadding,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CarouselWrapper, { children: CarouselContent })
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CarouselWrapper, { children: CarouselContent }),
-		arrowPosition === "bottom" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-			justifyContent: "flex-end",
-			pt: 8,
-			children: arrows
-		}) : null
-	] });
-};
-
-//#endregion
-exports.Carousel = Carousel;
-exports.PatternedContainer = PatternedContainer;
-//# sourceMappingURL=index.cjs.map

package/dist/Carousel/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Box","UnstyledSplideTrack","isPropValid","UnstyledSplideSlide","breakpoints","FlexBox","PatternedContainer: React.FC<\n  React.PropsWithChildren<{\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    as?: React.ElementType<any>;\n    bottomPadding?: boolean;\n    leftPadding?: boolean;\n    overflowAuto?: boolean;\n  }>\n>","CheckerDense","Carousel: React.FC<CarouselProps>","arrowDisplay: BoxProps['display']","Splide","index","showArrowDisplay","ArrowButton","MiniChevronLeftIcon","MiniChevronRightIcon"],"sources":["../../src/Carousel/index.tsx"],"sourcesContent":["// eslint-disable-next-line gamut/no-css-standalone\nimport '@splidejs/splide/dist/css/splide.min.css';\n\nimport { Box, BoxProps, FlexBox } from '@codecademy/gamut';\nimport {\n  MiniChevronLeftIcon,\n  MiniChevronRightIcon,\n} from '@codecademy/gamut-icons';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { breakpoints } from '@codecademy/gamut-styles';\nimport { UserClickData } from '@codecademy/tracking';\nimport isPropValid from '@emotion/is-prop-valid';\nimport styled from '@emotion/styled';\nimport {\n  Options,\n  Splide,\n  SplideSlide as UnstyledSplideSlide,\n  SplideTrack as UnstyledSplideTrack,\n} from '@splidejs/react-splide';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { ArrowButton } from './elements';\n\ntype Breakpoint = keyof typeof breakpoints;\n\ntype CarouselProps = {\n  items: JSX.Element[];\n  onArrowClick?: (props: UserClickData) => void;\n  options?: Options;\n  patternedBackground?: boolean;\n  leftPadding?: boolean;\n  showArrowDisplay?: Record<Breakpoint, boolean> | ((count: number) => boolean);\n  arrowPosition?: 'top' | 'bottom';\n  title?: JSX.Element;\n  variant?: 'catalog_home' | 'catalog_hub';\n};\n\nconst CarouselWrapper = styled(Box)`\n  transform: translateX(-1rem);\n  width: calc(100% + 2rem);\n`;\n\nconst SplideTrack = styled(UnstyledSplideTrack, {\n  shouldForwardProp: isPropValid,\n})`\n  padding-top: ${(props: { patternedBackground?: boolean }) =>\n    props.patternedBackground ? '1rem' : '0'};\n  padding-bottom: ${(props: { patternedBackground?: boolean }) =>\n    props.patternedBackground ? '2rem' : '0'};\n`;\n\nconst SplideSlide = styled(UnstyledSplideSlide, {\n  shouldForwardProp: isPropValid,\n})`\n  display: flex;\n  flex-shrink: ${(props: { noShrink?: boolean }) =>\n    props.noShrink ? 'initial' : 0};\n`;\n\nconst defaultOptions = {\n  gap: '2rem',\n  perPage: 3,\n  pagination: false,\n  keyboard: false,\n  slideFocus: false,\n  arrows: false,\n  perMove: 2,\n  padding: '1rem',\n  breakpoints: {\n    [parseInt(breakpoints.md, 10)]: {\n      perPage: 2,\n      perMove: 1,\n    },\n  },\n};\n\nconst StyledBox = styled(FlexBox)`\n  list-style-type: none;\n`;\n\nexport const PatternedContainer: React.FC<\n  React.PropsWithChildren<{\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    as?: React.ElementType<any>;\n    bottomPadding?: boolean;\n    leftPadding?: boolean;\n    overflowAuto?: boolean;\n  }>\n> = ({ as, children, bottomPadding, leftPadding, overflowAuto }) => {\n  return (\n    <Box position=\"relative\" py={24} px={8}>\n      <Box\n        borderRadius=\"lg\"\n        overflow=\"hidden\"\n        position=\"absolute\"\n        top={0}\n        bottom={0}\n        left={0}\n        width=\"100%\"\n        zIndex={0}\n      >\n        <CheckerDense />\n      </Box>\n      <StyledBox\n        as={as}\n        columnGap={64}\n        position=\"relative\"\n        overflowX={overflowAuto ? 'auto' : 'hidden'}\n        pt={16}\n        pb={bottomPadding ? 24 : 0}\n        pl={{ xl: leftPadding ? 16 : 0 }}\n        m={0}\n        zIndex={1}\n      >\n        {children}\n      </StyledBox>\n    </Box>\n  );\n};\n\nexport const Carousel: React.FC<CarouselProps> = ({\n  items,\n  leftPadding = false,\n  onArrowClick,\n  options: optionsProp = {},\n  patternedBackground = false,\n  showArrowDisplay,\n  arrowPosition = 'top',\n  title,\n  variant = 'catalog_home',\n}) => {\n  const ref = useRef<Splide | null>(null);\n  const [index, setIndex] = useState(0);\n  const [lastIndex, setLastIndex] = useState<number | null>();\n\n  // required in the case where items conditionally update (i.e. loading cards to actual cards)\n  useEffect(() => {\n    if (ref.current?.splide?.options.perPage) {\n      setLastIndex(items.length - ref.current.splide.options.perPage);\n    } else {\n      setLastIndex(items.length);\n    }\n  }, [items, ref.current?.splide?.options.perPage]);\n\n  const options = useMemo(() => {\n    return {\n      ...defaultOptions,\n      ...optionsProp,\n    };\n  }, [optionsProp]);\n\n  const arrowDisplay: BoxProps['display'] = useMemo(() => {\n    switch (items.length) {\n      case 1:\n      case 2:\n        return 'none';\n      default:\n        return 'flex';\n    }\n  }, [items]);\n\n  const onClickForward = () => {\n    onArrowClick?.({ target: 'forward_arrow' });\n    ref.current?.go('>');\n  };\n  const onClickBack = () => {\n    onArrowClick?.({ target: 'backward_arrow' });\n    ref.current?.go('<');\n  };\n  const determineLastIndex = (perPage: number) => {\n    setLastIndex(items.length - perPage);\n  };\n\n  const isCatalogHubVariant = variant === 'catalog_hub';\n\n  const CarouselContent = (\n    <Splide\n      onMove={({ index }) => setIndex(index)}\n      onUpdated={(splide) => {\n        if (splide.options.perPage) determineLastIndex(splide.options.perPage);\n      }}\n      onMounted={(splide) => {\n        if (splide.options.perPage) determineLastIndex(splide.options.perPage);\n        if (splide.options.autoplay) {\n          splide.Components.Autoplay.play();\n        }\n      }}\n      hasTrack={false}\n      ref={ref}\n      options={{ ...options }}\n    >\n      <SplideTrack patternedBackground={patternedBackground}>\n        {items.map((item, index) => (\n          <SplideSlide\n            noShrink={items.length === 1 && options.perPage !== 1}\n            // index should be ok since order should not change\n            // eslint-disable-next-line react/no-array-index-key\n            key={index}\n          >\n            {item}\n          </SplideSlide>\n        ))}\n      </SplideTrack>\n    </Splide>\n  );\n\n  const shouldDisplayArrow = (\n    showArrowDisplay?: CarouselProps['showArrowDisplay']\n  ) => {\n    if (showArrowDisplay) {\n      if (typeof showArrowDisplay === 'function') {\n        return showArrowDisplay(items.length) ? 'flex' : 'none';\n      }\n      const displayProps = { _: '', xs: '', sm: '', md: '', lg: '', xl: '' };\n      Object.keys(displayProps).forEach((screensize: Breakpoint) => {\n        displayProps[screensize] =\n          isCatalogHubVariant || showArrowDisplay?.[screensize]\n            ? 'flex'\n            : arrowDisplay;\n      });\n      return displayProps;\n    }\n\n    return isCatalogHubVariant ? 'flex' : arrowDisplay;\n  };\n\n  const arrows = (\n    <Box display={shouldDisplayArrow(showArrowDisplay)} pr={0}>\n      <ArrowButton\n        disabled={index === 0}\n        icon={MiniChevronLeftIcon}\n        mr={8}\n        onClick={onClickBack}\n        px={4}\n        tip=\"Scroll backward\"\n        tipProps={{ placement: 'floating' }}\n      />\n      <ArrowButton\n        disabled={index === lastIndex}\n        icon={MiniChevronRightIcon}\n        onClick={onClickForward}\n        px={4}\n        tip=\"Scroll forward\"\n        tipProps={{ placement: 'floating' }}\n      />\n    </Box>\n  );\n\n  return (\n    <>\n      <FlexBox\n        justifyContent={{\n          _: title ? 'space-between' : isCatalogHubVariant ? 'start' : 'end',\n          md: title ? 'space-between' : 'end',\n        }}\n        pb={8}\n        alignItems=\"baseline\"\n      >\n        {title ? (\n          <FlexBox pb={patternedBackground ? 8 : 0}>{title}</FlexBox>\n        ) : null}\n        {arrowPosition === 'top' ? arrows : null}\n      </FlexBox>\n      {patternedBackground ? (\n        <PatternedContainer leftPadding={leftPadding}>\n          <CarouselWrapper>{CarouselContent}</CarouselWrapper>\n        </PatternedContainer>\n      ) : (\n        <CarouselWrapper>{CarouselContent}</CarouselWrapper>\n      )}\n      {arrowPosition === 'bottom' ? (\n        <FlexBox justifyContent=\"flex-end\" pt={8}>\n          {arrows}\n        </FlexBox>\n      ) : null}\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/Carousel/index.d.cts

@@ -1,28 +0,0 @@
-import React from "react";
-import { breakpoints } from "@codecademy/gamut-styles";
-import { UserClickData } from "@codecademy/tracking";
-import { Options } from "@splidejs/react-splide";
-
-//#region src/Carousel/index.d.ts
-type Breakpoint = keyof typeof breakpoints;
-type CarouselProps = {
-  items: JSX.Element[];
-  onArrowClick?: (props: UserClickData) => void;
-  options?: Options;
-  patternedBackground?: boolean;
-  leftPadding?: boolean;
-  showArrowDisplay?: Record<Breakpoint, boolean> | ((count: number) => boolean);
-  arrowPosition?: 'top' | 'bottom';
-  title?: JSX.Element;
-  variant?: 'catalog_home' | 'catalog_hub';
-};
-declare const PatternedContainer: React.FC<React.PropsWithChildren<{
-  as?: React.ElementType<any>;
-  bottomPadding?: boolean;
-  leftPadding?: boolean;
-  overflowAuto?: boolean;
-}>>;
-declare const Carousel: React.FC<CarouselProps>;
-//#endregion
-export { Carousel, PatternedContainer };
-//# sourceMappingURL=index.d.cts.map

package/dist/Carousel/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/Carousel/index.tsx"],"sourcesContent":[],"mappings":";;;;;;KAuBK,UAAA,gBAA0B;AAJqC,KAM/D,aAAA,GAFU;EAEV,KAAA,EACI,GAAA,CAAI,OADK,EAAA;EACT,YAAI,CAAA,EAAA,CAAA,KAAA,EACY,aADZ,EAAA,GAAA,IAAA;EACY,OAAA,CAAA,EACb,OADa;EACb,mBAAA,CAAA,EAAA,OAAA;EAGgB,WAAA,CAAA,EAAA,OAAA;EAAP,gBAAA,CAAA,EAAA,MAAA,CAAO,UAAP,EAAA,OAAA,CAAA,GAAA,CAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,OAAA,CAAA;EAEX,aAAI,CAAA,EAAA,KAAA,GAAA,QAAA;EAAO,KAAA,CAAA,EAAX,GAAA,CAAI,OAAO;EA+CR,OAAA,CAAA,EAAA,cAsCZ,GAAA,aAAA;CAnCQ;AAFD,cADK,kBACL,EADyB,KAAA,CAAM,EAC/B,CAAN,KAAA,CAAM,iBAAA,CAAA;EADyB,EAAA,CAAM,EAG9B,KAAA,CAAM,WAHwB,CAAA,GAAA,CAAA;EAAE,aAAA,CAAA,EAAA,OAAA;EAwC5B,WA6JZ,CAAA,EAAA,OAAA;;;cA7JY,UAAU,KAAA,CAAM,GAAG"}

package/dist/Carousel/index.d.mts

@@ -1,29 +0,0 @@
-import { breakpoints } from "@codecademy/gamut-styles";
-import React from "react";
-import "@splidejs/splide/dist/css/splide.min.css";
-import { Options } from "@splidejs/react-splide";
-import { UserClickData } from "@codecademy/tracking";
-
-//#region src/Carousel/index.d.ts
-type Breakpoint = keyof typeof breakpoints;
-type CarouselProps = {
-  items: JSX.Element[];
-  onArrowClick?: (props: UserClickData) => void;
-  options?: Options;
-  patternedBackground?: boolean;
-  leftPadding?: boolean;
-  showArrowDisplay?: Record<Breakpoint, boolean> | ((count: number) => boolean);
-  arrowPosition?: 'top' | 'bottom';
-  title?: JSX.Element;
-  variant?: 'catalog_home' | 'catalog_hub';
-};
-declare const PatternedContainer: React.FC<React.PropsWithChildren<{
-  as?: React.ElementType<any>;
-  bottomPadding?: boolean;
-  leftPadding?: boolean;
-  overflowAuto?: boolean;
-}>>;
-declare const Carousel: React.FC<CarouselProps>;
-//#endregion
-export { Carousel, PatternedContainer };
-//# sourceMappingURL=index.d.mts.map

package/dist/Carousel/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/Carousel/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAuBK,UAAA,gBAA0B;KAE1B,aAAA;EAFA,KAAA,EAGI,GAAA,CAAI,OAHE,EAAA;EAEV,YAAA,CAAA,EAAA,CAAa,KAAA,EAEO,aAFP,EAAA,GAAA,IAAA;EACT,OAAI,CAAA,EAED,OAFC;EACY,mBAAA,CAAA,EAAA,OAAA;EACb,WAAA,CAAA,EAAA,OAAA;EAGgB,gBAAA,CAAA,EAAP,MAAO,CAAA,UAAA,EAAA,OAAA,CAAA,GAAA,CAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,OAAA,CAAA;EAAP,aAAA,CAAA,EAAA,KAAA,GAAA,QAAA;EAEX,KAAI,CAAA,EAAJ,GAAA,CAAI,OAAA;EAAO,OAAA,CAAA,EAAA,cAAA,GAAA,aAAA;AA+CrB,CAAA;AAGe,cAHF,kBAGE,EAHkB,KAAA,CAAM,EAGxB,CAFb,KAAA,CAAM,iBAEO,CAAA;EAFb,EAAA,CAAM,EAEC,KAAA,CAAM,WAFP,CAAA,GAAA,CAAA;EADyB,aAAM,CAAA,EAAA,OAAA;EAAE,WAAA,CAAA,EAAA,OAAA;EAwC5B,YA6JZ,CAAA,EAAA,OAAA;;cA7JY,UAAU,KAAA,CAAM,GAAG"}