@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/SkillPathCard/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["forwardRef","ContentGroupBaseCard","getPathImageUrl","CertificateComponent","CourseCountComponent","SkillPathCard","title","shortDescription","difficulty","lessonCount","imageUrl","courseCount","enrollmentStatus","headingLevel","isFullSize","timeToComplete","header","footer","openInNewTab","href","onClick","ref","headerBackgroundColor","headerText","description","numLessons","shadow","imageSrc","count"],"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,MAAaK,gBAAgBL,uCAKzB,EACEM,OACAC,kBACAC,YACAC,aACAC,UACAC,aACAC,kBACAC,eAAe,MACfC,aAAa,OACbC,gBACAC,QACAC,QACAC,eAAe,OACfC,MACAC,WAEFC,QAAAA;AAEA,QACE,sBAAA,cAACpB,oCAAAA;EACCqB,uBAAsB;EACtBC,YAAW;EACJjB;EACOO;EACdW,aAAajB;EACDC;EACZiB,YAAYhB;EACZiB,QAAO;EACPC,UAAUzB,gCAAgBU,kBAAkBF,SAAAA;EAChCI;EACMF;EACFG;EACRC;EACAC;EACMC;EACRC;EACGC;EACJC;IAEL,sBAAA,cAACjB,qCAAAA,EAAqBwB,OAAOjB,gBAC7B,sBAAA,cAACR,qCAAAA,KAAAA,CAAAA;EAGP"}

package/dist/SkillPathCard/index.d.cts

@@ -0,0 +1,26 @@
+import { CourseDifficulty, EnrollmentStatus } from "../ContentGroupBaseCard/types.cjs";
+import { HeadingTags } from "@codecademy/gamut";
+import * as react from "react";
+
+//#region src/SkillPathCard/index.d.ts
+interface SkillPathCardProps {
+  title: string;
+  lessonCount: number;
+  enrollmentStatus: EnrollmentStatus;
+  shortDescription?: string | null;
+  difficulty?: CourseDifficulty | null;
+  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 SkillPathCard: react.ForwardRefExoticComponent<SkillPathCardProps & react.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { SkillPathCard, SkillPathCardProps };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/SkillPathCard/index.tsx"],"mappings":";;;;;UAciB,kBAAA;EACf,KAAA;EACA,WAAA;EACA,gBAAA,EAAkB,gBAAA;EAClB,gBAAA;EACA,UAAA,GAAa,gBAAA;EACb,QAAA;EACA,WAAA;EACA,UAAA;EACA,YAAA,GAAe,WAAA;EACf,cAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,YAAA;EACA,IAAA;EACA,OAAA;AAAA;AAAA,cAGW,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}

package/dist/SkillPathCard/index.d.ts

@@ -1,20 +1,26 @@
-import { HeadingTags } from '@codecademy/gamut';
-import { CourseDifficulty, EnrollmentStatus } from '../ContentGroupBaseCard/types';
-export interface SkillPathCardProps {
-    title: string;
-    lessonCount: number;
-    enrollmentStatus: EnrollmentStatus;
-    shortDescription?: string | null;
-    difficulty?: CourseDifficulty | null;
-    imageUrl: string;
-    courseCount: number;
-    isFullSize?: boolean;
-    headingLevel?: HeadingTags;
-    timeToComplete?: number | null;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    openInNewTab?: boolean;
-    href: string;
-    onClick: () => void;
+import { CourseDifficulty, EnrollmentStatus } from "../ContentGroupBaseCard/types.js";
+import { HeadingTags } from "@codecademy/gamut";
+import * as react from "react";
+
+//#region src/SkillPathCard/index.d.ts
+interface SkillPathCardProps {
+  title: string;
+  lessonCount: number;
+  enrollmentStatus: EnrollmentStatus;
+  shortDescription?: string | null;
+  difficulty?: CourseDifficulty | null;
+  imageUrl: string;
+  courseCount: number;
+  isFullSize?: boolean;
+  headingLevel?: HeadingTags;
+  timeToComplete?: number | null;
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+  openInNewTab?: boolean;
+  href: string;
+  onClick: () => void;
 }
-export declare const SkillPathCard: import("react").ForwardRefExoticComponent<SkillPathCardProps & import("react").RefAttributes<HTMLAnchorElement>>;
+declare const SkillPathCard: react.ForwardRefExoticComponent<SkillPathCardProps & react.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+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"],"mappings":";;;;;UAciB,kBAAA;EACf,KAAA;EACA,WAAA;EACA,gBAAA,EAAkB,gBAAA;EAClB,gBAAA;EACA,UAAA,GAAa,gBAAA;EACb,QAAA;EACA,WAAA;EACA,UAAA;EACA,YAAA,GAAe,WAAA;EACf,cAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,YAAA;EACA,IAAA;EACA,OAAA;AAAA;AAAA,cAGW,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}

package/dist/SkillPathCard/index.js

@@ -1,46 +1,32 @@
-import { forwardRef } from 'react';
-import { ContentGroupBaseCard } from '../ContentGroupBaseCard';
-import { getPathImageUrl } from '../ContentGroupBaseCard/helpers';
-import { CertificateComponent, CourseCountComponent } from '../ContentGroupBaseCard/shared';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const SkillPathCard = /*#__PURE__*/forwardRef(({
-  title,
-  shortDescription,
-  difficulty,
-  lessonCount,
-  imageUrl,
-  courseCount,
-  enrollmentStatus,
-  headingLevel = 'h3',
-  isFullSize = false,
-  timeToComplete,
-  header,
-  footer,
-  openInNewTab = false,
-  href,
-  onClick
-}, ref) => {
-  return /*#__PURE__*/_jsxs(ContentGroupBaseCard, {
-    headerBackgroundColor: "blue-100",
-    headerText: "Skill path",
-    title: title,
-    headingLevel: headingLevel,
-    description: shortDescription,
-    difficulty: difficulty,
-    numLessons: lessonCount,
-    shadow: "outline",
-    imageSrc: getPathImageUrl(enrollmentStatus, imageUrl),
-    isFullSize: isFullSize,
-    enrollmentStatus: enrollmentStatus,
-    timeToComplete: timeToComplete,
-    header: header,
-    footer: footer,
-    openInNewTab: openInNewTab,
-    href: href,
-    onClick: onClick,
-    ref: ref,
-    children: [/*#__PURE__*/_jsx(CourseCountComponent, {
-      count: courseCount
-    }), /*#__PURE__*/_jsx(CertificateComponent, {})]
-  });
-});
+import { getPathImageUrl } from "../ContentGroupBaseCard/helpers.js";
+import { CertificateComponent, CourseCountComponent } from "../ContentGroupBaseCard/shared.js";
+import { ContentGroupBaseCard } from "../ContentGroupBaseCard/index.js";
+import { forwardRef } from "react";
+
+//#region src/SkillPathCard/index.tsx
+const SkillPathCard = /* @__PURE__ */ forwardRef(({ title, shortDescription, difficulty, lessonCount, imageUrl, courseCount, enrollmentStatus, headingLevel = "h3", isFullSize = false, timeToComplete, header, footer, openInNewTab = false, href, onClick }, ref) => {
+	return /* @__PURE__ */ React.createElement(ContentGroupBaseCard, {
+		headerBackgroundColor: "blue-100",
+		headerText: "Skill path",
+		title,
+		headingLevel,
+		description: shortDescription,
+		difficulty,
+		numLessons: lessonCount,
+		shadow: "outline",
+		imageSrc: getPathImageUrl(enrollmentStatus, imageUrl),
+		isFullSize,
+		enrollmentStatus,
+		timeToComplete,
+		header,
+		footer,
+		openInNewTab,
+		href,
+		onClick,
+		ref
+	}, /* @__PURE__ */ React.createElement(CourseCountComponent, { count: courseCount }), /* @__PURE__ */ React.createElement(CertificateComponent, null));
+});
+
+//#endregion
+export { SkillPathCard };
+//# sourceMappingURL=index.js.map

package/dist/SkillPathCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["forwardRef","ContentGroupBaseCard","getPathImageUrl","CertificateComponent","CourseCountComponent","SkillPathCard","title","shortDescription","difficulty","lessonCount","imageUrl","courseCount","enrollmentStatus","headingLevel","isFullSize","timeToComplete","header","footer","openInNewTab","href","onClick","ref","headerBackgroundColor","headerText","description","numLessons","shadow","imageSrc","count"],"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,MAAaK,gBAAgBL,4BAKzB,EACEM,OACAC,kBACAC,YACAC,aACAC,UACAC,aACAC,kBACAC,eAAe,MACfC,aAAa,OACbC,gBACAC,QACAC,QACAC,eAAe,OACfC,MACAC,WAEFC,QAAAA;AAEA,QACE,sBAAA,cAACpB,sBAAAA;EACCqB,uBAAsB;EACtBC,YAAW;EACJjB;EACOO;EACdW,aAAajB;EACDC;EACZiB,YAAYhB;EACZiB,QAAO;EACPC,UAAUzB,gBAAgBU,kBAAkBF,SAAAA;EAChCI;EACMF;EACFG;EACRC;EACAC;EACMC;EACRC;EACGC;EACJC;IAEL,sBAAA,cAACjB,sBAAAA,EAAqBwB,OAAOjB,gBAC7B,sBAAA,cAACR,sBAAAA,KAAAA,CAAAA;EAGP"}

package/dist/SocialMediaSharing/SocialShareIconLink.cjs

@@ -0,0 +1,42 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/SocialMediaSharing/SocialShareIconLink.tsx
+const IconLink = (0, _emotion_styled.default)(_codecademy_gamut.Box)``.withComponent(_codecademy_gamut.Anchor);
+const getTitleId = (id, sectionId) => sectionId ? `${sectionId}-${id}` : id;
+const SocialShareIconLink = ({ icon: IconComponent, id, href, onClick, size, sectionId }) => {
+	const onIconClick = (e) => {
+		e.preventDefault();
+		onClick?.(e);
+		const popupSize = 570;
+		const left = (window.screen.width - popupSize) / 2;
+		const features = `menubar=no,toolbar=no,status=no,width=${popupSize},height=${popupSize},top=${(window.screen.height - popupSize) / 2},left=${left}`;
+		window.open(href, "_blank", features)?.focus();
+	};
+	return /* @__PURE__ */ react.createElement(IconLink, {
+		href,
+		onClick: onIconClick,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		"aria-label": `share on ${id}`,
+		p: 8,
+		lineHeight: 0,
+		borderStyle: "solid",
+		borderWidth: size === "small" ? 1 : 2,
+		borderColor: "border-primary",
+		borderRadius: "full"
+	}, /* @__PURE__ */ react.createElement(IconComponent, {
+		title: id,
+		titleId: getTitleId(id, sectionId),
+		size: size === "small" ? 16 : 24,
+		color: "text"
+	}));
+};
+
+//#endregion
+exports.SocialShareIconLink = SocialShareIconLink;
+//# sourceMappingURL=SocialShareIconLink.cjs.map

package/dist/SocialMediaSharing/SocialShareIconLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialShareIconLink.cjs","names":["Anchor","Box","styled","React","IconLink","withComponent","getTitleId","id","sectionId","SocialShareIconLink","icon","IconComponent","href","onClick","size","onIconClick","e","preventDefault","popupSize","left","window","screen","width","top","height","features","open","focus","target","rel","aria-label","p","lineHeight","borderStyle","borderWidth","borderColor","borderRadius","title","titleId","color"],"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,MAAMI,WAAWF,6BAAOD,sBAAI,GAAGI,cAAcL,yBAAAA;AAE7C,MAAMM,cAAcC,IAAYC,cAC9BA,YAAY,GAAGA,UAAU,GAAGD,OAAOA;AAcrC,MAAaE,uBAA2D,EACtEC,MAAMC,eACNJ,IACAK,MACAC,SACAC,MACAN,gBACD;CACC,MAAMO,eAAeC,MAAAA;AACnBA,IAAEC,gBAAc;AAChBJ,YAAUG,EAAAA;EACV,MAAME,YAAY;EAClB,MAAMC,QAAQC,OAAOC,OAAOC,QAAQJ,aAAa;EAEjD,MAAMO,WAAW,yCAAyCP,UAAU,UAAUA,UAAU,QAD3EE,OAAOC,OAAOG,SAASN,aAAa,EACkD,QAAQC;AAC3GC,SAAOM,KAAKd,MAAM,UAAUa,SAAAA,EAAWE,OAAAA;;AAGzC,QACE,sBAAA,cAACvB,UAAAA;EACOQ;EACNC,SAASE;EACTa,QAAO;EACPC,KAAI;EACJC,cAAY,YAAYvB;EACxBwB,GAAG;EACHC,YAAY;EACZC,aAAY;EACZC,aAAapB,SAAS,UAAU,IAAI;EACpCqB,aAAY;EACZC,cAAa;IAEb,sBAAA,cAACzB,eAAAA;EACC0B,OAAO9B;EACP+B,SAAShC,WAAWC,IAAIC,UAAAA;EACxBM,MAAMA,SAAS,UAAU,KAAK;EAC9ByB,OAAM"}

package/dist/SocialMediaSharing/SocialShareIconLink.d.cts

@@ -0,0 +1,10 @@
+import { GamutIconProps } from "@codecademy/gamut-icons";
+
+//#region src/SocialMediaSharing/SocialShareIconLink.d.ts
+type BaseSocialShareProps = {
+  sectionId?: string;
+  size?: 'small' | 'normal';
+};
+//#endregion
+export { BaseSocialShareProps };
+//# sourceMappingURL=SocialShareIconLink.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SocialShareIconLink.d.cts","names":[],"sources":["../../src/SocialMediaSharing/SocialShareIconLink.tsx"],"mappings":";;;KAUY,oBAAA;EACV,SAAA;EACA,IAAA;AAAA"}

package/dist/SocialMediaSharing/SocialShareIconLink.d.ts

@@ -1,13 +1,11 @@
-import { GamutIconProps } from '@codecademy/gamut-icons';
-import * as React from 'react';
-export type BaseSocialShareProps = {
-    sectionId?: string;
-    size?: 'small' | 'normal';
+import "react";
+import { GamutIconProps } from "@codecademy/gamut-icons";
+
+//#region src/SocialMediaSharing/SocialShareIconLink.d.ts
+type BaseSocialShareProps = {
+  sectionId?: string;
+  size?: 'small' | 'normal';
 };
-export type SocialShareIconLinkProps = BaseSocialShareProps & {
-    icon: React.ComponentType<GamutIconProps>;
-    id: string;
-    href: string;
-    onClick?: (e: React.MouseEvent) => void;
-};
-export declare const SocialShareIconLink: React.FC<SocialShareIconLinkProps>;
+//#endregion
+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"],"mappings":";;;;KAUY,oBAAA;EACV,SAAA;EACA,IAAA;AAAA"}

package/dist/SocialMediaSharing/SocialShareIconLink.js

@@ -1,49 +1,39 @@
-import _styled from "@emotion/styled/base";
-import { Anchor, Box } from '@codecademy/gamut';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-const IconLink = /*#__PURE__*/_styled(Box, {
-  target: "e1axyiz20",
-  label: "IconLink"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Tb2NpYWxNZWRpYVNoYXJpbmcvU29jaWFsU2hhcmVJY29uTGluay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzRCIiwiZmlsZSI6Ii4uLy4uL3NyYy9Tb2NpYWxNZWRpYVNoYXJpbmcvU29jaWFsU2hhcmVJY29uTGluay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEdhbXV0SWNvblByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBJY29uTGluayA9IHN0eWxlZChCb3gpYGAud2l0aENvbXBvbmVudChBbmNob3IpO1xuXG5jb25zdCBnZXRUaXRsZUlkID0gKGlkOiBzdHJpbmcsIHNlY3Rpb25JZD86IHN0cmluZykgPT5cbiAgc2VjdGlvbklkID8gYCR7c2VjdGlvbklkfS0ke2lkfWAgOiBpZDtcblxuZXhwb3J0IHR5cGUgQmFzZVNvY2lhbFNoYXJlUHJvcHMgPSB7XG4gIHNlY3Rpb25JZD86IHN0cmluZztcbiAgc2l6ZT86ICdzbWFsbCcgfCAnbm9ybWFsJztcbn07XG5cbmV4cG9ydCB0eXBlIFNvY2lhbFNoYXJlSWNvbkxpbmtQcm9wcyA9IEJhc2VTb2NpYWxTaGFyZVByb3BzICYge1xuICBpY29uOiBSZWFjdC5Db21wb25lbnRUeXBlPEdhbXV0SWNvblByb3BzPjtcbiAgaWQ6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgU29jaWFsU2hhcmVJY29uTGluazogUmVhY3QuRkM8U29jaWFsU2hhcmVJY29uTGlua1Byb3BzPiA9ICh7XG4gIGljb246IEljb25Db21wb25lbnQsXG4gIGlkLFxuICBocmVmLFxuICBvbkNsaWNrLFxuICBzaXplLFxuICBzZWN0aW9uSWQsXG59KSA9PiB7XG4gIGNvbnN0IG9uSWNvbkNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgb25DbGljaz8uKGUpO1xuICAgIGNvbnN0IHBvcHVwU2l6ZSA9IDU3MDtcbiAgICBjb25zdCBsZWZ0ID0gKHdpbmRvdy5zY3JlZW4ud2lkdGggLSBwb3B1cFNpemUpIC8gMjtcbiAgICBjb25zdCB0b3AgPSAod2luZG93LnNjcmVlbi5oZWlnaHQgLSBwb3B1cFNpemUpIC8gMjtcbiAgICBjb25zdCBmZWF0dXJlcyA9IGBtZW51YmFyPW5vLHRvb2xiYXI9bm8sc3RhdHVzPW5vLHdpZHRoPSR7cG9wdXBTaXplfSxoZWlnaHQ9JHtwb3B1cFNpemV9LHRvcD0ke3RvcH0sbGVmdD0ke2xlZnR9YDtcbiAgICB3aW5kb3cub3BlbihocmVmLCAnX2JsYW5rJywgZmVhdHVyZXMpPy5mb2N1cygpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEljb25MaW5rXG4gICAgICBocmVmPXtocmVmfVxuICAgICAgb25DbGljaz17b25JY29uQ2xpY2t9XG4gICAgICB0YXJnZXQ9XCJfYmxhbmtcIlxuICAgICAgcmVsPVwibm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICBhcmlhLWxhYmVsPXtgc2hhcmUgb24gJHtpZH1gfVxuICAgICAgcD17OH1cbiAgICAgIGxpbmVIZWlnaHQ9ezB9XG4gICAgICBib3JkZXJTdHlsZT1cInNvbGlkXCJcbiAgICAgIGJvcmRlcldpZHRoPXtzaXplID09PSAnc21hbGwnID8gMSA6IDJ9XG4gICAgICBib3JkZXJDb2xvcj1cImJvcmRlci1wcmltYXJ5XCJcbiAgICAgIGJvcmRlclJhZGl1cz1cImZ1bGxcIlxuICAgID5cbiAgICAgIDxJY29uQ29tcG9uZW50XG4gICAgICAgIHRpdGxlPXtpZH1cbiAgICAgICAgdGl0bGVJZD17Z2V0VGl0bGVJZChpZCwgc2VjdGlvbklkKX1cbiAgICAgICAgc2l6ZT17c2l6ZSA9PT0gJ3NtYWxsJyA/IDE2IDogMjR9XG4gICAgICAgIGNvbG9yPVwidGV4dFwiXG4gICAgICAvPlxuICAgIDwvSWNvbkxpbms+XG4gICk7XG59O1xuIl19 */").withComponent(Anchor, {
-  target: "e1axyiz21",
-  label: "IconLink"
-});
+import { Anchor, Box } from "@codecademy/gamut";
+import styled from "@emotion/styled";
+import * as React$1 from "react";
+
+//#region src/SocialMediaSharing/SocialShareIconLink.tsx
+const IconLink = styled(Box)``.withComponent(Anchor);
 const getTitleId = (id, sectionId) => sectionId ? `${sectionId}-${id}` : id;
-export const SocialShareIconLink = ({
-  icon: IconComponent,
-  id,
-  href,
-  onClick,
-  size,
-  sectionId
-}) => {
-  const onIconClick = e => {
-    e.preventDefault();
-    onClick?.(e);
-    const popupSize = 570;
-    const left = (window.screen.width - popupSize) / 2;
-    const top = (window.screen.height - popupSize) / 2;
-    const features = `menubar=no,toolbar=no,status=no,width=${popupSize},height=${popupSize},top=${top},left=${left}`;
-    window.open(href, '_blank', features)?.focus();
-  };
-  return /*#__PURE__*/_jsx(IconLink, {
-    href: href,
-    onClick: onIconClick,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    "aria-label": `share on ${id}`,
-    p: 8,
-    lineHeight: 0,
-    borderStyle: "solid",
-    borderWidth: size === 'small' ? 1 : 2,
-    borderColor: "border-primary",
-    borderRadius: "full",
-    children: /*#__PURE__*/_jsx(IconComponent, {
-      title: id,
-      titleId: getTitleId(id, sectionId),
-      size: size === 'small' ? 16 : 24,
-      color: "text"
-    })
-  });
-};
+const SocialShareIconLink = ({ icon: IconComponent, id, href, onClick, size, sectionId }) => {
+	const onIconClick = (e) => {
+		e.preventDefault();
+		onClick?.(e);
+		const popupSize = 570;
+		const left = (window.screen.width - popupSize) / 2;
+		const features = `menubar=no,toolbar=no,status=no,width=${popupSize},height=${popupSize},top=${(window.screen.height - popupSize) / 2},left=${left}`;
+		window.open(href, "_blank", features)?.focus();
+	};
+	return /* @__PURE__ */ React$1.createElement(IconLink, {
+		href,
+		onClick: onIconClick,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		"aria-label": `share on ${id}`,
+		p: 8,
+		lineHeight: 0,
+		borderStyle: "solid",
+		borderWidth: size === "small" ? 1 : 2,
+		borderColor: "border-primary",
+		borderRadius: "full"
+	}, /* @__PURE__ */ React$1.createElement(IconComponent, {
+		title: id,
+		titleId: getTitleId(id, sectionId),
+		size: size === "small" ? 16 : 24,
+		color: "text"
+	}));
+};
+
+//#endregion
+export { SocialShareIconLink };
+//# sourceMappingURL=SocialShareIconLink.js.map

package/dist/SocialMediaSharing/SocialShareIconLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialShareIconLink.js","names":["Anchor","Box","styled","React","IconLink","withComponent","getTitleId","id","sectionId","SocialShareIconLink","icon","IconComponent","href","onClick","size","onIconClick","e","preventDefault","popupSize","left","window","screen","width","top","height","features","open","focus","target","rel","aria-label","p","lineHeight","borderStyle","borderWidth","borderColor","borderRadius","title","titleId","color"],"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,MAAMI,WAAWF,OAAOD,IAAI,GAAGI,cAAcL,OAAAA;AAE7C,MAAMM,cAAcC,IAAYC,cAC9BA,YAAY,GAAGA,UAAU,GAAGD,OAAOA;AAcrC,MAAaE,uBAA2D,EACtEC,MAAMC,eACNJ,IACAK,MACAC,SACAC,MACAN,gBACD;CACC,MAAMO,eAAeC,MAAAA;AACnBA,IAAEC,gBAAc;AAChBJ,YAAUG,EAAAA;EACV,MAAME,YAAY;EAClB,MAAMC,QAAQC,OAAOC,OAAOC,QAAQJ,aAAa;EAEjD,MAAMO,WAAW,yCAAyCP,UAAU,UAAUA,UAAU,QAD3EE,OAAOC,OAAOG,SAASN,aAAa,EACkD,QAAQC;AAC3GC,SAAOM,KAAKd,MAAM,UAAUa,SAAAA,EAAWE,OAAAA;;AAGzC,QACE,wBAAA,cAACvB,UAAAA;EACOQ;EACNC,SAASE;EACTa,QAAO;EACPC,KAAI;EACJC,cAAY,YAAYvB;EACxBwB,GAAG;EACHC,YAAY;EACZC,aAAY;EACZC,aAAapB,SAAS,UAAU,IAAI;EACpCqB,aAAY;EACZC,cAAa;IAEb,wBAAA,cAACzB,eAAAA;EACC0B,OAAO9B;EACP+B,SAAShC,WAAWC,IAAIC,UAAAA;EACxBM,MAAMA,SAAS,UAAU,KAAK;EAC9ByB,OAAM"}

package/dist/SocialMediaSharing/index.cjs

@@ -0,0 +1,84 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_SocialShareIconLink = require('./SocialShareIconLink.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+
+//#region src/SocialMediaSharing/index.tsx
+const createShareLink = (formatter, baseUri, payload) => {
+	const params = formatter(payload);
+	const url = new URL(baseUri);
+	Object.keys(params).forEach((key) => {
+		url.searchParams.append(key, params[key]);
+	});
+	return url.toString();
+};
+const SOCIAL_SHARING_PLATFORMS = [
+	{
+		id: "facebook",
+		displayName: "Facebook",
+		icon: _codecademy_gamut_icons.FacebookIcon,
+		baseUrl: "https://www.facebook.com/dialog/share?app_id=212500508799908",
+		formatShare: ({ url, message }) => ({
+			...url && { href: url },
+			...message && { quote: message },
+			hashtag: "#codecademy"
+		})
+	},
+	{
+		id: "twitter",
+		displayName: "Twitter",
+		icon: _codecademy_gamut_icons.TwitterIcon,
+		baseUrl: "https://twitter.com/intent/tweet?",
+		formatShare: ({ url, message, hashtags, mention }) => ({
+			...url && { url },
+			...message && { text: message },
+			...hashtags && { hashtags: hashtags.join(",") },
+			...mention && { via: mention }
+		})
+	},
+	{
+		id: "linkedin",
+		displayName: "LinkedIn",
+		icon: _codecademy_gamut_icons.LinkedinIcon,
+		baseUrl: "https://www.linkedin.com/shareArticle",
+		formatShare: ({ url }) => ({ url })
+	}
+];
+const SocialMediaSharing = ({ url, message, hashtags, mention, action, label, sectionId, size = "normal", iconStyles }) => {
+	return /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
+		display: "inline-flex",
+		flexDirection: "column",
+		alignItems: "center"
+	}, label && /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
+		fontSize: size === "small" ? 14 : 16,
+		textColor: "text",
+		mb: 16,
+		"data-testid": "social-sharing-label"
+	}, label), /* @__PURE__ */ react.createElement(_codecademy_gamut.GridBox, {
+		gridAutoColumns: "max-content",
+		gridAutoFlow: "column",
+		gap: 16,
+		className: iconStyles
+	}, SOCIAL_SHARING_PLATFORMS.map(({ id, icon, formatShare, baseUrl }) => /* @__PURE__ */ react.createElement(require_SocialShareIconLink.SocialShareIconLink, {
+		key: id,
+		id,
+		sectionId,
+		href: createShareLink(formatShare, baseUrl, {
+			url,
+			message,
+			hashtags,
+			mention
+		}),
+		icon,
+		size,
+		onClick: (e) => action?.(e, `${id}_share`)
+	}))));
+};
+
+//#endregion
+exports.SOCIAL_SHARING_PLATFORMS = SOCIAL_SHARING_PLATFORMS;
+exports.SocialMediaSharing = SocialMediaSharing;
+exports.createShareLink = createShareLink;
+//# sourceMappingURL=index.cjs.map

package/dist/SocialMediaSharing/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Box","GridBox","Text","FacebookIcon","LinkedinIcon","TwitterIcon","React","SocialShareIconLink","createShareLink","formatter","baseUri","payload","params","url","URL","Object","keys","forEach","key","searchParams","append","toString","SOCIAL_SHARING_PLATFORMS","id","displayName","icon","baseUrl","formatShare","message","href","quote","hashtag","hashtags","mention","text","join","via","SocialMediaSharing","action","label","sectionId","size","iconStyles","display","flexDirection","alignItems","fontSize","textColor","mb","data-testid","gridAutoColumns","gridAutoFlow","gap","className","map","onClick","e"],"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,MAAaQ,mBACXC,WACAC,SACAC,YAAAA;CAEA,MAAMC,SAASH,UAAUE,QAAAA;CACzB,MAAME,MAAM,IAAIC,IAAIJ,QAAAA;AAEpBK,QAAOC,KAAKJ,OAAAA,CAAQK,SAASC,QAAAA;AAC3BL,MAAIM,aAAaC,OAAOF,KAAKN,OAAOM,KAAI;GAC1C;AAEA,QAAOL,IAAIQ,UAAQ;;AAMrB,MAAaC,2BAA2B;CACtC;EACEC,IAAI;EACJC,aAAa;EACbC,MAAMtB;EACNuB,SAAS;EACTC,cAAc,EAAEd,KAAKe,eAAiC;GACpD,GAAIf,OAAO,EAAEgB,MAAMhB,KAAK;GACxB,GAAIe,WAAW,EAAEE,OAAOF,SAAS;GACjCG,SAAS;GACX;EACF;CACA;EACER,IAAI;EACJC,aAAa;EACbC,MAAMpB;EACNqB,SAAS;EACTC,cAAc,EAAEd,KAAKe,SAASI,UAAUC,eAAiC;GACvE,GAAIpB,OAAO,EAAEA,KAAK;GAClB,GAAIe,WAAW,EAAEM,MAAMN,SAAS;GAChC,GAAII,YAAY,EAAEA,UAAUA,SAASG,KAAK,IAAA,EAAM;GAChD,GAAIF,WAAW,EAAEG,KAAKH,SAAS;GACjC;EACF;CACA;EACEV,IAAI;EACJC,aAAa;EACbC,MAAMrB;EACNsB,SAAS;EACTC,cAAc,EAAEd,WAA6B,EAAEA,KAAI;EACrD;CACD;AAYD,MAAawB,sBAAyD,EACpExB,KACAe,SACAI,UACAC,SACAK,QACAC,OACAC,WACAC,OAAO,UACPC,iBACD;AACC,QACE,sBAAA,cAAC1C,uBAAAA;EAAI2C,SAAQ;EAAcC,eAAc;EAASC,YAAW;IAC1DN,SACC,sBAAA,cAACrC,wBAAAA;EACC4C,UAAUL,SAAS,UAAU,KAAK;EAClCM,WAAU;EACVC,IAAI;EACJC,eAAY;IAEXV,MAAAA,EAGL,sBAAA,cAACtC,2BAAAA;EACCiD,iBAAgB;EAChBC,cAAa;EACbC,KAAK;EACLC,WAAWX;IAEVpB,yBAAyBgC,KAAK,EAAE/B,IAAIE,MAAME,aAAaD,cACtD,sBAAA,cAACnB,iDAAAA;EACCW,KAAKK;EACDA;EACOiB;EACXX,MAAMrB,gBAAgBmB,aAAaD,SAAS;GAC1Cb;GACAe;GACAI;GACAC;GACF,CAAA;EACMR;EACAgB;EACNc,UAAUC,MAAMlB,SAASkB,GAAG,GAAGjC,GAAG,QAAO"}

package/dist/SocialMediaSharing/index.d.cts

@@ -0,0 +1,65 @@
+import { BaseSocialShareProps } from "./SocialShareIconLink.cjs";
+import * as _codecademy_gamut_icons0 from "@codecademy/gamut-icons";
+import * as React$1 from "react";
+
+//#region src/SocialMediaSharing/index.d.ts
+type SocialMediaShare = {
+  url: string;
+  message?: string;
+  hashtags?: string[];
+  mention?: string;
+};
+declare const createShareLink: (formatter: (payload: SocialMediaShare) => Record<string, string>, baseUri: string, payload: SocialMediaShare) => string;
+declare const SOCIAL_SHARING_PLATFORMS: ({
+  id: string;
+  displayName: string;
+  icon: React$1.ForwardRefExoticComponent<_codecademy_gamut_icons0.GamutIconProps & React$1.RefAttributes<SVGSVGElement>>;
+  baseUrl: string;
+  formatShare: ({
+    url,
+    message
+  }: SocialMediaShare) => {
+    hashtag: string;
+    quote?: string | undefined;
+    href?: string | undefined;
+  };
+} | {
+  id: string;
+  displayName: string;
+  icon: React$1.ForwardRefExoticComponent<_codecademy_gamut_icons0.GamutIconProps & React$1.RefAttributes<SVGSVGElement>>;
+  baseUrl: string;
+  formatShare: ({
+    url,
+    message,
+    hashtags,
+    mention
+  }: SocialMediaShare) => {
+    via?: string | undefined;
+    hashtags?: string | undefined;
+    text?: string | undefined;
+    url?: string | undefined;
+  };
+} | {
+  id: string;
+  displayName: string;
+  icon: React$1.ForwardRefExoticComponent<_codecademy_gamut_icons0.GamutIconProps & React$1.RefAttributes<SVGSVGElement>>;
+  baseUrl: string;
+  formatShare: ({
+    url
+  }: SocialMediaShare) => {
+    url: string;
+  };
+})[];
+type SocialMediaSharingProps = BaseSocialShareProps & {
+  url: string;
+  message?: string;
+  hashtags?: string[];
+  mention?: string;
+  action?: (e: React$1.MouseEvent, target: string) => void;
+  label?: string;
+  iconStyles?: string;
+};
+declare const SocialMediaSharing: React$1.FC<SocialMediaSharingProps>;
+//#endregion
+export { SOCIAL_SHARING_PLATFORMS, SocialMediaShare, SocialMediaSharing, SocialMediaSharingProps, createShareLink };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/SocialMediaSharing/index.tsx"],"mappings":";;;;;KAWY,gBAAA;EACV,GAAA;EACA,OAAA;EACA,QAAA;EACA,OAAA;AAAA;AAAA,cAGW,eAAA,GACX,SAAA,GAAY,OAAA,EAAS,gBAAA,KAAqB,MAAA,kBAC1C,OAAA,UACA,OAAA,EAAS,gBAAA;AAAA,cAeE,wBAAA;;;0CA+BZ,wBAAA,CAAA,cAAA;;;;;KAzBmC,gBAAA;;;;;;;;0CAAgB,wBAAA,CAAA,cAAA;;;;;;;KAWG,gBAAA;;;;;;;;;0CAAgB,wBAAA,CAAA,cAAA;;;;KAY5C,gBAAA;;;;KAIf,uBAAA,GAA0B,oBAAA;EACpC,GAAA;EACA,OAAA;EACA,QAAA;EACA,OAAA;EACA,MAAA,IAAU,CAAA,EAAG,OAAA,CAAM,UAAA,EAAY,MAAA;EAC/B,KAAA;EACA,UAAA;AAAA;AAAA,cAGW,kBAAA,EAAoB,OAAA,CAAM,EAAA,CAAG,uBAAA"}