@codecademy/brand 4.0.0-alpha.af4a3e14fc.0 → 4.0.0-alpha.b03641fd89.0

package/dist/SocialMediaSharingDropdown/index.cjs

@@ -1,98 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_DropdownButton_index = require('../DropdownButton/index.cjs');
-const require_SocialMediaSharing_index = require('../SocialMediaSharing/index.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/SocialMediaSharingDropdown/index.tsx
-const clipboardAlertMessage = "Link has been copied to clipboard.";
-const onClickWrapper = (e, id, href, action) => {
-	e.preventDefault();
-	action?.(e, `${id}_share`);
-	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();
-};
-const SocialMediaSharingDropdown = ({ url, message, hashtags, mention, action, defaultPosition = "below", addAlert }) => {
-	const [showClipboardAlert, setShowClipboardAlert] = (0, react.useState)(false);
-	const dropdownRef = (0, react.useRef)(null);
-	const focusDropdown = () => dropdownRef.current?.focus({ preventScroll: true });
-	const copyUrlToClipboard = async (e) => {
-		action?.(e, `link_share`);
-		await navigator.clipboard.writeText(url);
-		if (addAlert) addAlert({
-			message: clipboardAlertMessage,
-			onClose: focusDropdown
-		});
-		else setShowClipboardAlert(true);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_DropdownButton_index.DropdownButton, {
-		ref: dropdownRef,
-		"data-testid": "social-share-dropdown",
-		isMenu: true,
-		buttonType: "text",
-		defaultPosition,
-		px: 0,
-		dropdownItems: [
-			...require_SocialMediaSharing_index.SOCIAL_SHARING_PLATFORMS.map(({ id, formatShare, baseUrl, displayName }) => ({
-				id,
-				text: displayName,
-				clickHandler: (e) => {
-					onClickWrapper(e, id, require_SocialMediaSharing_index.createShareLink(formatShare, baseUrl, {
-						url,
-						message,
-						hashtags,
-						mention
-					}), action);
-				}
-			})),
-			"separator",
-			{
-				id: "copy-link",
-				icon: _codecademy_gamut_icons.LinkIcon,
-				text: "Copy link",
-				ariaLabel: "Copy link",
-				clickHandler: (e) => copyUrlToClipboard(e)
-			}
-		],
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.ShareIcon, {
-			mr: 4,
-			size: 22
-		}), "Share"]
-	}), showClipboardAlert && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-		minWidth: "min-content",
-		width: {
-			_: "80%",
-			sm: "60%"
-		},
-		position: "fixed",
-		top: "6rem",
-		left: {
-			_: "10%",
-			sm: "20%"
-		},
-		zIndex: 999,
-		"data-testid": "social-share-copy-to-clipboard-alert",
-		justifyContent: "center",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Alert, {
-			onClose: () => {
-				setShowClipboardAlert(false);
-				focusDropdown();
-			},
-			type: "success",
-			placement: "inline",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				whiteSpace: "break-spaces",
-				display: "inline",
-				children: clipboardAlertMessage
-			})
-		})
-	})] });
-};
-
-//#endregion
-exports.SocialMediaSharingDropdown = SocialMediaSharingDropdown;
-exports.onClickWrapper = onClickWrapper;

package/dist/SocialMediaSharingDropdown/index.d.cts

@@ -1,19 +0,0 @@
-import { PopoverYPositionType } from "@codecademy/gamut";
-
-//#region src/SocialMediaSharingDropdown/index.d.ts
-type SocialMediaSharingDropdownProps = {
-  url: string;
-  message?: string;
-  hashtags?: string[];
-  mention?: string;
-  action?: (e: React.MouseEvent, target: string) => void;
-  defaultPosition?: PopoverYPositionType['position'];
-  addAlert?: (alert: {
-    message: string;
-    onClose: () => void;
-  }) => void;
-};
-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 };

package/dist/Testimonial/index.cjs

@@ -1,141 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_navyQuotes = require('../assets/navyQuotes.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/Testimonial/index.tsx
-const QuoteArt = _emotion_styled.default.img`
-  height: 25px;
-  grid-area: art;
-`;
-const TestimonialPicture = _emotion_styled.default.img((0, _codecademy_gamut_styles.css)({
-	height: 98,
-	width: 98,
-	borderRadius: "full",
-	gridArea: "avatar"
-}));
-const TestimonialCard = (0, _emotion_styled.default)(_codecademy_gamut.Card)(_codecademy_gamut_styles.modeColorProps, (0, _codecademy_gamut_styles.css)({ borderRadius: "none" }));
-const gridLayouts = {
-	vertical: `'art art art'
-             'text text text'
-             'avatar byline byline'
-             'avatar byline byline'
-             `,
-	horizontal: `'avatar art text'
-               'byline art text'
-               'byline art text'
-               'byline art text'
-               `
-};
-const TestimonialContent = (0, _emotion_styled.default)(_codecademy_gamut.Box)((0, _codecademy_gamut_styles.variant)({
-	defaultVariant: "horizontal",
-	prop: "orientation",
-	base: {
-		display: "grid",
-		color: "text-accent",
-		gridTemplateColumns: "repeat(2, minmax(0, max-content)) minmax(0, 1fr);",
-		gridTemplateRows: "repeat(max-content, 4)",
-		gap: 16
-	},
-	variants: {
-		horizontal: { gridTemplateAreas: {
-			_: gridLayouts.vertical,
-			md: gridLayouts.horizontal
-		} },
-		vertical: { gridTemplateAreas: gridLayouts.vertical }
-	}
-}));
-const Testimonial = ({ firstName, lastName, company, occupation, location, href, quote, onClick, hidePhoto, imageUrl, variant: variant$1, orientation, mode, ...rest }) => {
-	const isVerticleLayout = orientation === "vertical";
-	const bottomText = (0, react.useMemo)(() => {
-		if (company && location) return `@ ${company}, ${location}`;
-		if (!company && location) return `${location}`;
-		if (company && !location) return `@ ${company}`;
-		return "";
-	}, [company, location]);
-	const ariaLabel = `${firstName} ${lastName} ${bottomText}. ${quote}`;
-	const renderTestimonial = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TestimonialCard, {
-		...rest,
-		p: 32,
-		width: "100%",
-		height: "100%",
-		variant: variant$1,
-		shadow: "patternLeft",
-		isInteractive: !!href,
-		mode,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TestimonialContent, {
-			orientation,
-			children: [
-				!hidePhoto && imageUrl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TestimonialPicture, {
-					"data-testid": "testimonial-photo",
-					src: imageUrl,
-					alt: "testimonial"
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-					my: {
-						_: "auto",
-						md: isVerticleLayout && !hidePhoto ? "auto" : 0
-					},
-					mr: 32,
-					gridArea: !hidePhoto ? "byline" : "avatar",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-							variant: "p-small",
-							as: "p",
-							fontFamily: "accent",
-							children: lastName ? `${firstName} ${lastName[0]}.` : `${firstName}`
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-							variant: "p-small",
-							as: "p",
-							fontFamily: "accent",
-							children: occupation
-						}),
-						!!bottomText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-							variant: "p-small",
-							as: "p",
-							fontFamily: "accent",
-							children: bottomText
-						})
-					]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuoteArt, {
-					alt: "",
-					src: require_navyQuotes.default
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					pt: {
-						_: 0,
-						md: isVerticleLayout ? 0 : 4
-					},
-					pr: {
-						_: 16,
-						sm: 0
-					},
-					gridArea: "text",
-					variant: "title-md",
-					as: "p",
-					children: quote
-				})
-			]
-		})
-	});
-	const renderTestimonialWithAnchor = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-		display: rest.display,
-		"data-testid": "testimonial-link",
-		href: href || void 0,
-		variant: "interface",
-		onClick,
-		"aria-label": ariaLabel,
-		children: renderTestimonial()
-	});
-	return href ? renderTestimonialWithAnchor() : renderTestimonial();
-};
-
-//#endregion
-exports.Testimonial = Testimonial;

package/dist/Testimonial/index.d.cts

@@ -1,53 +0,0 @@
-import * as _codecademy_gamut0 from "@codecademy/gamut";
-import * as react11 from "react";
-import { ComponentProps } from "react";
-import * as _codecademy_variance_dist_types_config0 from "@codecademy/variance/dist/types/config";
-import * as _emotion_react5 from "@emotion/react";
-import * as _emotion_styled1 from "@emotion/styled";
-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;
-} & {
-  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;
-} & _codecademy_variance_dist_types_config0.VariantProps<"orientation", false | "horizontal" | "vertical">, {}, {}>;
-type TestimonialProps = ComponentProps<typeof TestimonialCard> & Pick<ComponentProps<typeof TestimonialContent>, 'orientation'> & {
-  firstName: string;
-  lastName?: string;
-  quote: string;
-  /**
-   * City location
-   */
-  location?: string;
-  /**
-   * associated occupation of the person.
-   */
-  occupation?: string | null;
-  /**
-   * Associated workplace or institution
-   */
-  company?: string | null;
-  /**
-   * Portrait image src
-   */
-  imageUrl?: string | null;
-  /**
-   * setting this href will wrap the testimonial card with an anchor tag.
-   */
-  href?: string | null;
-  /**
-   * used to conditonally hide the portrait photo
-   */
-  hidePhoto?: boolean;
-  onClick?: () => void;
-};
-declare const Testimonial: react11.FC<TestimonialProps>;
-//#endregion
-export { Testimonial, TestimonialProps };

package/dist/_virtual/_@oxc-project_runtime@0.103.0/helpers/defineProperty.cjs

@@ -1,14 +0,0 @@
-const require_toPropertyKey = require('./toPropertyKey.cjs');
-
-//#region \0@oxc-project+runtime@0.103.0/helpers/defineProperty.js
-function _defineProperty(e, r, t) {
-	return (r = require_toPropertyKey.toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-		value: t,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[r] = t, e;
-}
-
-//#endregion
-exports._defineProperty = _defineProperty;

package/dist/_virtual/_@oxc-project_runtime@0.103.0/helpers/toPrimitive.cjs

@@ -1,16 +0,0 @@
-const require_typeof = require('./typeof.cjs');
-
-//#region \0@oxc-project+runtime@0.103.0/helpers/toPrimitive.js
-function toPrimitive(t, r) {
-	if ("object" != require_typeof._typeof(t) || !t) return t;
-	var e = t[Symbol.toPrimitive];
-	if (void 0 !== e) {
-		var i = e.call(t, r || "default");
-		if ("object" != require_typeof._typeof(i)) return i;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return ("string" === r ? String : Number)(t);
-}
-
-//#endregion
-exports.toPrimitive = toPrimitive;

package/dist/_virtual/_@oxc-project_runtime@0.103.0/helpers/toPropertyKey.cjs

@@ -1,11 +0,0 @@
-const require_typeof = require('./typeof.cjs');
-const require_toPrimitive = require('./toPrimitive.cjs');
-
-//#region \0@oxc-project+runtime@0.103.0/helpers/toPropertyKey.js
-function toPropertyKey(t) {
-	var i = require_toPrimitive.toPrimitive(t, "string");
-	return "symbol" == require_typeof._typeof(i) ? i : i + "";
-}
-
-//#endregion
-exports.toPropertyKey = toPropertyKey;

package/dist/_virtual/_@oxc-project_runtime@0.103.0/helpers/typeof.cjs

@@ -1,18 +0,0 @@
-
-//#region \0@oxc-project+runtime@0.103.0/helpers/typeof.js
-function _typeof(o) {
-	"@babel/helpers - typeof";
-	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o$1) {
-		return typeof o$1;
-	} : function(o$1) {
-		return o$1 && "function" == typeof Symbol && o$1.constructor === Symbol && o$1 !== Symbol.prototype ? "symbol" : typeof o$1;
-	}, _typeof(o);
-}
-
-//#endregion
-Object.defineProperty(exports, '_typeof', {
-  enumerable: true,
-  get: function () {
-    return _typeof;
-  }
-});

package/dist/_virtual/rolldown_runtime.cjs

@@ -1,43 +0,0 @@
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (all, symbols) => {
-	let target = {};
-	for (var name in all) {
-		__defProp(target, name, {
-			get: all[name],
-			enumerable: true
-		});
-	}
-	if (symbols) {
-		__defProp(target, Symbol.toStringTag, { value: "Module" });
-	}
-	return target;
-};
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") {
-		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-			key = keys[i];
-			if (!__hasOwnProp.call(to, key) && key !== except) {
-				__defProp(to, key, {
-					get: ((k) => from[k]).bind(null, key),
-					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-				});
-			}
-		}
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
-
-exports.__export = __export;
-exports.__toESM = __toESM;

package/dist/assets/navyQuotes.cjs

@@ -1,5 +0,0 @@
-
-//#region src/assets/navyQuotes.svg
-var navyQuotes_default = "assets/navyQuotes-C0ZxClwi.svg";
-
-//#endregion