@codecademy/brand 5.10.0 → 6.0.0-alpha.0839dde39.0

package/dist/SocialMediaSharingDropdown/index.js

@@ -1,111 +1,92 @@
-/*
- * NOTE: This is a local new variant of the SocialMediaSharing gamut component that should be ported to Gamut.
- * */
-import { Alert, FlexBox, Text } from '@codecademy/gamut';
-import { LinkIcon, ShareIcon } from '@codecademy/gamut-icons';
-import { useRef, useState } from 'react';
-import { DropdownButton } from '../DropdownButton';
-import { createShareLink, SOCIAL_SHARING_PLATFORMS } from '../SocialMediaSharing';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const clipboardAlertMessage = 'Link has been copied to clipboard.';
-export const onClickWrapper = (e, id, href, action) => {
-  e.preventDefault();
-  action?.(e, `${id}_share`);
-  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();
+import { DropdownButton } from "../DropdownButton/index.js";
+import { SOCIAL_SHARING_PLATFORMS, createShareLink } from "../SocialMediaSharing/index.js";
+import { Alert, FlexBox, Text } from "@codecademy/gamut";
+import { useRef, useState } from "react";
+import { LinkIcon, ShareIcon } from "@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();
 };
-export const SocialMediaSharingDropdown = ({
-  url,
-  message,
-  hashtags,
-  mention,
-  action,
-  defaultPosition = 'below',
-  addAlert
-}) => {
-  const [showClipboardAlert, setShowClipboardAlert] = useState(false);
-  const dropdownRef = 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__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(DropdownButton, {
-      ref: dropdownRef,
-      "data-testid": "social-share-dropdown",
-      isMenu: true,
-      buttonType: "text",
-      defaultPosition: defaultPosition,
-      px: 0,
-      dropdownItems: [...SOCIAL_SHARING_PLATFORMS.map(({
-        id,
-        formatShare,
-        baseUrl,
-        displayName
-      }) => ({
-        id,
-        text: displayName,
-        clickHandler: e => {
-          onClickWrapper(e, id, createShareLink(formatShare, baseUrl, {
-            url,
-            message,
-            hashtags,
-            mention
-          }), action);
-        }
-      })), 'separator', {
-        id: 'copy-link',
-        icon: LinkIcon,
-        text: 'Copy link',
-        ariaLabel: 'Copy link',
-        clickHandler: e => copyUrlToClipboard(e)
-      }],
-      children: [/*#__PURE__*/_jsx(ShareIcon, {
-        mr: 4,
-        size: 22
-      }), "Share"]
-    }), showClipboardAlert && /*#__PURE__*/_jsx(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__*/_jsx(Alert, {
-        onClose: () => {
-          setShowClipboardAlert(false);
-          focusDropdown();
-        },
-        type: "success",
-        placement: "inline",
-        children: /*#__PURE__*/_jsx(Text, {
-          whiteSpace: "break-spaces",
-          display: "inline",
-          children: clipboardAlertMessage
-        })
-      })
-    })]
-  });
-};
+const SocialMediaSharingDropdown = ({ url, message, hashtags, mention, action, defaultPosition = "below", addAlert }) => {
+	const [showClipboardAlert, setShowClipboardAlert] = useState(false);
+	const dropdownRef = 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__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(DropdownButton, {
+		ref: dropdownRef,
+		"data-testid": "social-share-dropdown",
+		isMenu: true,
+		buttonType: "text",
+		defaultPosition,
+		px: 0,
+		dropdownItems: [
+			...SOCIAL_SHARING_PLATFORMS.map(({ id, formatShare, baseUrl, displayName }) => ({
+				id,
+				text: displayName,
+				clickHandler: (e) => {
+					onClickWrapper(e, id, createShareLink(formatShare, baseUrl, {
+						url,
+						message,
+						hashtags,
+						mention
+					}), action);
+				}
+			})),
+			"separator",
+			{
+				id: "copy-link",
+				icon: LinkIcon,
+				text: "Copy link",
+				ariaLabel: "Copy link",
+				clickHandler: (e) => copyUrlToClipboard(e)
+			}
+		]
+	}, /*#__PURE__*/ React.createElement(ShareIcon, {
+		mr: 4,
+		size: 22
+	}), "Share"), showClipboardAlert && /*#__PURE__*/ React.createElement(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"
+	}, /*#__PURE__*/ React.createElement(Alert, {
+		onClose: () => {
+			setShowClipboardAlert(false);
+			focusDropdown();
+		},
+		type: "success",
+		placement: "inline"
+	}, /*#__PURE__*/ React.createElement(Text, {
+		whiteSpace: "break-spaces",
+		display: "inline"
+	}, clipboardAlertMessage))));
+};
+
+//#endregion
+export { SocialMediaSharingDropdown, onClickWrapper };
+//# sourceMappingURL=index.js.map

package/dist/SocialMediaSharingDropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Alert","FlexBox","Text","LinkIcon","ShareIcon","useRef","useState","DropdownButton","createShareLink","SOCIAL_SHARING_PLATFORMS","clipboardAlertMessage","onClickWrapper","e","id","href","action","preventDefault","popupSize","left","window","screen","width","top","height","features","open","focus","SocialMediaSharingDropdown","url","message","hashtags","mention","defaultPosition","addAlert","showClipboardAlert","setShowClipboardAlert","dropdownRef","focusDropdown","current","preventScroll","copyUrlToClipboard","navigator","clipboard","writeText","onClose","ref","data-testid","isMenu","buttonType","px","dropdownItems","map","formatShare","baseUrl","displayName","text","clickHandler","icon","ariaLabel","mr","size","minWidth","_","sm","position","zIndex","justifyContent","type","placement","whiteSpace","display"],"sources":["../../src/SocialMediaSharingDropdown/index.tsx"],"sourcesContent":["/*\n * NOTE: This is a local new variant of the SocialMediaSharing gamut component that should be ported to Gamut.\n * */\nimport { Alert, FlexBox, PopoverYPositionType, Text } from '@codecademy/gamut';\nimport { LinkIcon, ShareIcon } from '@codecademy/gamut-icons';\nimport { useRef, useState } from 'react';\n\nimport { DropdownButton, DropdownButtonRefType } from '../DropdownButton';\nimport {\n  createShareLink,\n  SOCIAL_SHARING_PLATFORMS,\n} from '../SocialMediaSharing';\n\nconst clipboardAlertMessage = 'Link has been copied to clipboard.';\n\nexport type SocialMediaSharingDropdownProps = {\n  url: string;\n  message?: string;\n  hashtags?: string[];\n  mention?: string;\n  action?: (e: React.MouseEvent, target: string) => void;\n  defaultPosition?: PopoverYPositionType['position'];\n  addAlert?: (alert: { message: string; onClose: () => void }) => void;\n};\n\nexport const onClickWrapper = (\n  e: React.MouseEvent,\n  id: string,\n  href: string,\n  action?: SocialMediaSharingDropdownProps['action']\n) => {\n  e.preventDefault();\n  action?.(e, `${id}_share`);\n  const popupSize = 570;\n  const left = (window.screen.width - popupSize) / 2;\n  const top = (window.screen.height - popupSize) / 2;\n  const features = `menubar=no,toolbar=no,status=no,width=${popupSize},height=${popupSize},top=${top},left=${left}`;\n  window.open(href, '_blank', features)?.focus();\n};\n\nexport const SocialMediaSharingDropdown: React.FC<\n  SocialMediaSharingDropdownProps\n> = ({\n  url,\n  message,\n  hashtags,\n  mention,\n  action,\n  defaultPosition = 'below',\n  addAlert,\n}) => {\n  const [showClipboardAlert, setShowClipboardAlert] = useState(false);\n\n  const dropdownRef = useRef<DropdownButtonRefType>(null);\n  const focusDropdown = () =>\n    dropdownRef.current?.focus({ preventScroll: true });\n\n  const copyUrlToClipboard = async (e: React.MouseEvent) => {\n    action?.(e, `link_share`);\n    await navigator.clipboard.writeText(url);\n\n    if (addAlert) {\n      addAlert({\n        message: clipboardAlertMessage,\n        onClose: focusDropdown,\n      });\n    } else {\n      setShowClipboardAlert(true);\n    }\n  };\n\n  return (\n    <>\n      <DropdownButton\n        ref={dropdownRef}\n        data-testid=\"social-share-dropdown\"\n        isMenu\n        buttonType=\"text\"\n        defaultPosition={defaultPosition}\n        px={0}\n        dropdownItems={[\n          ...SOCIAL_SHARING_PLATFORMS.map(\n            ({ id, formatShare, baseUrl, displayName }) => ({\n              id,\n              text: displayName,\n              clickHandler: (e: React.MouseEvent) => {\n                onClickWrapper(\n                  e,\n                  id,\n                  createShareLink(formatShare, baseUrl, {\n                    url,\n                    message,\n                    hashtags,\n                    mention,\n                  }),\n                  action\n                );\n              },\n            })\n          ),\n          'separator',\n          {\n            id: 'copy-link',\n            icon: LinkIcon,\n            text: 'Copy link',\n            ariaLabel: 'Copy link',\n            clickHandler: (e) => copyUrlToClipboard(e),\n          },\n        ]}\n      >\n        <ShareIcon mr={4} size={22} />\n        Share\n      </DropdownButton>\n      {showClipboardAlert && (\n        <FlexBox\n          minWidth=\"min-content\"\n          width={{ _: '80%', sm: '60%' }}\n          position=\"fixed\"\n          top=\"6rem\"\n          left={{ _: '10%', sm: '20%' }}\n          zIndex={999}\n          data-testid=\"social-share-copy-to-clipboard-alert\"\n          justifyContent=\"center\"\n        >\n          <Alert\n            onClose={() => {\n              setShowClipboardAlert(false);\n              focusDropdown();\n            }}\n            type=\"success\"\n            placement=\"inline\"\n          >\n            <Text whiteSpace=\"break-spaces\" display=\"inline\">\n              {clipboardAlertMessage}\n            </Text>\n          </Alert>\n        </FlexBox>\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;AAaA,MAAMU,wBAAwB;AAY9B,MAAaC,kBACXC,GACAC,IACAC,MACAC,WAAAA;CAEAH,EAAEI,eAAc;CAChBD,SAASH,GAAG,GAAGC,GAAG,OAAO;CACzB,MAAMI,YAAY;CAClB,MAAMC,QAAQC,OAAOC,OAAOC,QAAQJ,aAAa;CAEjD,MAAMO,WAAW,yCAAyCP,UAAU,UAAUA,UAAU,QAD3EE,OAAOC,OAAOG,SAASN,aAAa,EACkD,QAAQC;CAC3GC,OAAOM,KAAKX,MAAM,UAAUU,QAAAA,CAAAA,EAAWE,MAAAA;AACzC;AAEA,MAAaC,8BAER,EACHC,KACAC,SACAC,UACAC,SACAhB,QACAiB,kBAAkB,SAClBC,eACD;CACC,MAAM,CAACC,oBAAoBC,yBAAyB7B,SAAS,KAAA;CAE7D,MAAM8B,cAAc/B,OAA8B,IAAA;CAClD,MAAMgC,sBACJD,YAAYE,SAASZ,MAAM,EAAEa,eAAe,KAAK,CAAA;CAEnD,MAAMC,qBAAqB,OAAO5B,MAAAA;EAChCG,SAASH,GAAG,YAAY;EACxB,MAAM6B,UAAUC,UAAUC,UAAUf,GAAAA;EAEpC,IAAIK,UACFA,SAAS;GACPJ,SAASnB;GACTkC,SAASP;EACX,CAAA;OAEAF,sBAAsB,IAAA;CAE1B;CAEA,OACE,oBAAA,cAAA,MAAA,UAAA,MACE,oBAAA,cAAC5B,gBAAAA;EACCsC,KAAKT;EACLU,eAAY;EACZC,QAAAA;EACAC,YAAW;EACMhB;EACjBiB,IAAI;EACJC,eAAe;MACVzC,yBAAyB0C,KACzB,EAAEtC,IAAIuC,aAAaC,SAASC,mBAAmB;IAC9CzC;IACA0C,MAAMD;IACNE,eAAe5C,MAAAA;KACbD,eACEC,GACAC,IACAL,gBAAgB4C,aAAaC,SAAS;MACpCzB;MACAC;MACAC;MACAC;KACF,CAAA,GACAhB,MAAAA;IAEJ;GACF,EAAA;GAEF;GACA;IACEF,IAAI;IACJ4C,MAAMtD;IACNoD,MAAM;IACNG,WAAW;IACXF,eAAe5C,MAAM4B,mBAAmB5B,CAAAA;GAC1C;;IAGF,oBAAA,cAACR,WAAAA;EAAUuD,IAAI;EAAGC,MAAM;KAAM,OAAA,GAG/B1B,sBACC,oBAAA,cAACjC,SAAAA;EACC4D,UAAS;EACTxC,OAAO;GAAEyC,GAAG;GAAOC,IAAI;EAAM;EAC7BC,UAAS;EACT1C,KAAI;EACJJ,MAAM;GAAE4C,GAAG;GAAOC,IAAI;EAAM;EAC5BE,QAAQ;EACRnB,eAAY;EACZoB,gBAAe;IAEf,oBAAA,cAAClE,OAAAA;EACC4C,eAAS;GACPT,sBAAsB,KAAA;GACtBE,cAAAA;EACF;EACA8B,MAAK;EACLC,WAAU;IAEV,oBAAA,cAAClE,MAAAA;EAAKmE,YAAW;EAAeC,SAAQ;IACrC5D,qBAAAA,CAAAA,CAAAA,CAAAA;AAOf"}

package/dist/Testimonial/index.cjs

@@ -0,0 +1,132 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_navyQuotes$1 = 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_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/Testimonial/index.tsx
+var import_navyQuotes = /* @__PURE__ */ require_runtime.__toESM(require_navyQuotes$1.default);
+const QuoteArt = /*#__PURE__*/ (0, _emotion_styled.default)("img", {
+	target: "edchyy00",
+	label: "brand-QuoteArt"
+})("height:25px;grid-area:art;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Rlc3RpbW9uaWFsL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Rlc3RpbW9uaWFsL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcywgbW9kZUNvbG9yUHJvcHMsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBkYXJrUXVvdGVzIGZyb20gJy4uL2Fzc2V0cy9uYXZ5UXVvdGVzLnN2Zyc7XG5cbmNvbnN0IFF1b3RlQXJ0ID0gc3R5bGVkLmltZ2BcbiAgaGVpZ2h0OiAyNXB4O1xuICBncmlkLWFyZWE6IGFydDtcbmA7XG5cbmNvbnN0IFRlc3RpbW9uaWFsUGljdHVyZSA9IHN0eWxlZC5pbWcoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiA5OCxcbiAgICB3aWR0aDogOTgsXG4gICAgYm9yZGVyUmFkaXVzOiAnZnVsbCcsXG4gICAgZ3JpZEFyZWE6ICdhdmF0YXInLFxuICB9KVxuKTtcblxuY29uc3QgVGVzdGltb25pYWxDYXJkID0gc3R5bGVkKENhcmQpKFxuICBtb2RlQ29sb3JQcm9wcyxcbiAgY3NzKHtcbiAgICBib3JkZXJSYWRpdXM6ICdub25lJyxcbiAgfSlcbik7XG5cbmNvbnN0IGdyaWRMYXlvdXRzID0ge1xuICB2ZXJ0aWNhbDogYCdhcnQgYXJ0IGFydCdcbiAgICAgICAgICAgICAndGV4dCB0ZXh0IHRleHQnXG4gICAgICAgICAgICAgJ2F2YXRhciBieWxpbmUgYnlsaW5lJ1xuICAgICAgICAgICAgICdhdmF0YXIgYnlsaW5lIGJ5bGluZSdcbiAgICAgICAgICAgICBgLFxuICBob3Jpem9udGFsOiBgJ2F2YXRhciBhcnQgdGV4dCdcbiAgICAgICAgICAgICAgICdieWxpbmUgYXJ0IHRleHQnXG4gICAgICAgICAgICAgICAnYnlsaW5lIGFydCB0ZXh0J1xuICAgICAgICAgICAgICAgJ2J5bGluZSBhcnQgdGV4dCdcbiAgICAgICAgICAgICAgIGAsXG59O1xuXG5jb25zdCBUZXN0aW1vbmlhbENvbnRlbnQgPSBzdHlsZWQoQm94KShcbiAgdmFyaWFudCh7XG4gICAgZGVmYXVsdFZhcmlhbnQ6ICdob3Jpem9udGFsJyxcbiAgICBwcm9wOiAnb3JpZW50YXRpb24nLFxuICAgIGJhc2U6IHtcbiAgICAgIGRpc3BsYXk6ICdncmlkJyxcbiAgICAgIGNvbG9yOiAndGV4dC1hY2NlbnQnLFxuICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1uczogJ3JlcGVhdCgyLCBtaW5tYXgoMCwgbWF4LWNvbnRlbnQpKSBtaW5tYXgoMCwgMWZyKTsnLFxuICAgICAgZ3JpZFRlbXBsYXRlUm93czogJ3JlcGVhdChtYXgtY29udGVudCwgNCknLFxuICAgICAgZ2FwOiAxNixcbiAgICB9LFxuICAgIHZhcmlhbnRzOiB7XG4gICAgICBob3Jpem9udGFsOiB7XG4gICAgICAgIGdyaWRUZW1wbGF0ZUFyZWFzOiB7XG4gICAgICAgICAgXzogZ3JpZExheW91dHMudmVydGljYWwsXG4gICAgICAgICAgbWQ6IGdyaWRMYXlvdXRzLmhvcml6b250YWwsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgdmVydGljYWw6IHtcbiAgICAgICAgZ3JpZFRlbXBsYXRlQXJlYXM6IGdyaWRMYXlvdXRzLnZlcnRpY2FsLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgVGVzdGltb25pYWxQcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBUZXN0aW1vbmlhbENhcmQ+ICZcbiAgUGljazxDb21wb25lbnRQcm9wczx0eXBlb2YgVGVzdGltb25pYWxDb250ZW50PiwgJ29yaWVudGF0aW9uJz4gJiB7XG4gICAgZmlyc3ROYW1lOiBzdHJpbmc7XG4gICAgbGFzdE5hbWU/OiBzdHJpbmc7XG4gICAgcXVvdGU6IHN0cmluZztcbiAgICAvKipcbiAgICAgKiBDaXR5IGxvY2F0aW9uXG4gICAgICovXG4gICAgbG9jYXRpb24/OiBzdHJpbmc7XG4gICAgLyoqXG4gICAgICogYXNzb2NpYXRlZCBvY2N1cGF0aW9uIG9mIHRoZSBwZXJzb24uXG4gICAgICovXG4gICAgb2NjdXBhdGlvbj86IHN0cmluZyB8IG51bGw7XG4gICAgLyoqXG4gICAgICogQXNzb2NpYXRlZCB3b3JrcGxhY2Ugb3IgaW5zdGl0dXRpb25cbiAgICAgKi9cbiAgICBjb21wYW55Pzogc3RyaW5nIHwgbnVsbDtcbiAgICAvKipcbiAgICAgKiBQb3J0cmFpdCBpbWFnZSBzcmNcbiAgICAgKi9cbiAgICBpbWFnZVVybD86IHN0cmluZyB8IG51bGw7XG4gICAgLyoqXG4gICAgICogc2V0dGluZyB0aGlzIGhyZWYgd2lsbCB3cmFwIHRoZSB0ZXN0aW1vbmlhbCBjYXJkIHdpdGggYW4gYW5jaG9yIHRhZy5cbiAgICAgKi9cbiAgICBocmVmPzogc3RyaW5nIHwgbnVsbDtcbiAgICAvKipcbiAgICAgKiB1c2VkIHRvIGNvbmRpdG9uYWxseSBoaWRlIHRoZSBwb3J0cmFpdCBwaG90b1xuICAgICAqL1xuICAgIGhpZGVQaG90bz86IGJvb2xlYW47XG4gICAgb25DbGljaz86ICgpID0+IHZvaWQ7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUZXN0aW1vbmlhbDogUmVhY3QuRkM8VGVzdGltb25pYWxQcm9wcz4gPSAoe1xuICBmaXJzdE5hbWUsXG4gIGxhc3ROYW1lLFxuICBjb21wYW55LFxuICBvY2N1cGF0aW9uLFxuICBsb2NhdGlvbixcbiAgaHJlZixcbiAgcXVvdGUsXG4gIG9uQ2xpY2ssXG4gIGhpZGVQaG90byxcbiAgaW1hZ2VVcmwsXG4gIHZhcmlhbnQsXG4gIG9yaWVudGF0aW9uLFxuICBtb2RlLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGlzVmVydGljbGVMYXlvdXQgPSBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJztcblxuICBjb25zdCBib3R0b21UZXh0OiBzdHJpbmcgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAoY29tcGFueSAmJiBsb2NhdGlvbikgcmV0dXJuIGBAICR7Y29tcGFueX0sICR7bG9jYXRpb259YDtcbiAgICBpZiAoIWNvbXBhbnkgJiYgbG9jYXRpb24pIHJldHVybiBgJHtsb2NhdGlvbn1gO1xuICAgIGlmIChjb21wYW55ICYmICFsb2NhdGlvbikgcmV0dXJuIGBAICR7Y29tcGFueX1gO1xuICAgIHJldHVybiAnJztcbiAgfSwgW2NvbXBhbnksIGxvY2F0aW9uXSk7XG5cbiAgY29uc3QgYXJpYUxhYmVsID0gYCR7Zmlyc3ROYW1lfSAke2xhc3ROYW1lfSAke2JvdHRvbVRleHR9LiAke3F1b3RlfWA7XG5cbiAgY29uc3QgcmVuZGVyVGVzdGltb25pYWwgPSAoKSA9PiAoXG4gICAgPFRlc3RpbW9uaWFsQ2FyZFxuICAgICAgey4uLnJlc3R9XG4gICAgICBwPXszMn1cbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBzaGFkb3c9XCJwYXR0ZXJuTGVmdFwiXG4gICAgICBpc0ludGVyYWN0aXZlPXshIWhyZWZ9XG4gICAgICBtb2RlPXttb2RlfVxuICAgID5cbiAgICAgIDxUZXN0aW1vbmlhbENvbnRlbnQgb3JpZW50YXRpb249e29yaWVudGF0aW9ufT5cbiAgICAgICAgeyFoaWRlUGhvdG8gJiYgaW1hZ2VVcmwgJiYgKFxuICAgICAgICAgIDxUZXN0aW1vbmlhbFBpY3R1cmVcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidGVzdGltb25pYWwtcGhvdG9cIlxuICAgICAgICAgICAgc3JjPXtpbWFnZVVybH1cbiAgICAgICAgICAgIGFsdD1cInRlc3RpbW9uaWFsXCJcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8Qm94XG4gICAgICAgICAgbXk9e3sgXzogJ2F1dG8nLCBtZDogaXNWZXJ0aWNsZUxheW91dCAmJiAhaGlkZVBob3RvID8gJ2F1dG8nIDogMCB9fVxuICAgICAgICAgIG1yPXszMn1cbiAgICAgICAgICBncmlkQXJlYT17IWhpZGVQaG90byA/ICdieWxpbmUnIDogJ2F2YXRhcid9XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiIGFzPVwicFwiIGZvbnRGYW1pbHk9XCJhY2NlbnRcIj5cbiAgICAgICAgICAgIHtsYXN0TmFtZSA/IGAke2ZpcnN0TmFtZX0gJHtsYXN0TmFtZVswXX0uYCA6IGAke2ZpcnN0TmFtZX1gfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiIGFzPVwicFwiIGZvbnRGYW1pbHk9XCJhY2NlbnRcIj5cbiAgICAgICAgICAgIHtvY2N1cGF0aW9ufVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7ISFib3R0b21UZXh0ICYmIChcbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgYXM9XCJwXCIgZm9udEZhbWlseT1cImFjY2VudFwiPlxuICAgICAgICAgICAgICB7Ym90dG9tVGV4dH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0JveD5cbiAgICAgICAgPFF1b3RlQXJ0IGFsdD1cIlwiIHNyYz17ZGFya1F1b3Rlc30gLz5cbiAgICAgICAgPFRleHRcbiAgICAgICAgICBwdD17eyBfOiAwLCBtZDogaXNWZXJ0aWNsZUxheW91dCA/IDAgOiA0IH19XG4gICAgICAgICAgcHI9e3sgXzogMTYsIHNtOiAwIH19XG4gICAgICAgICAgZ3JpZEFyZWE9XCJ0ZXh0XCJcbiAgICAgICAgICB2YXJpYW50PVwidGl0bGUtbWRcIlxuICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgID5cbiAgICAgICAgICB7cXVvdGV9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvVGVzdGltb25pYWxDb250ZW50PlxuICAgIDwvVGVzdGltb25pYWxDYXJkPlxuICApO1xuXG4gIGNvbnN0IHJlbmRlclRlc3RpbW9uaWFsV2l0aEFuY2hvciA9ICgpID0+IChcbiAgICA8QW5jaG9yXG4gICAgICBkaXNwbGF5PXtyZXN0LmRpc3BsYXl9XG4gICAgICBkYXRhLXRlc3RpZD1cInRlc3RpbW9uaWFsLWxpbmtcIlxuICAgICAgaHJlZj17aHJlZiB8fCB1bmRlZmluZWR9XG4gICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgPlxuICAgICAge3JlbmRlclRlc3RpbW9uaWFsKCl9XG4gICAgPC9BbmNob3I+XG4gICk7XG5cbiAgcmV0dXJuIGhyZWYgPyByZW5kZXJUZXN0aW1vbmlhbFdpdGhBbmNob3IoKSA6IHJlbmRlclRlc3RpbW9uaWFsKCk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFpQiJ9 */");
+const TestimonialPicture = /*#__PURE__*/ (0, _emotion_styled.default)("img", {
+	target: "edchyy01",
+	label: "brand-TestimonialPicture"
+})((0, _codecademy_gamut_styles.css)({
+	height: 98,
+	width: 98,
+	borderRadius: "full",
+	gridArea: "avatar"
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Rlc3RpbW9uaWFsL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Rlc3RpbW9uaWFsL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcywgbW9kZUNvbG9yUHJvcHMsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBkYXJrUXVvdGVzIGZyb20gJy4uL2Fzc2V0cy9uYXZ5UXVvdGVzLnN2Zyc7XG5cbmNvbnN0IFF1b3RlQXJ0ID0gc3R5bGVkLmltZ2BcbiAgaGVpZ2h0OiAyNXB4O1xuICBncmlkLWFyZWE6IGFydDtcbmA7XG5cbmNvbnN0IFRlc3RpbW9uaWFsUGljdHVyZSA9IHN0eWxlZC5pbWcoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiA5OCxcbiAgICB3aWR0aDogOTgsXG4gICAgYm9yZGVyUmFkaXVzOiAnZnVsbCcsXG4gICAgZ3JpZEFyZWE6ICdhdmF0YXInLFxuICB9KVxuKTtcblxuY29uc3QgVGVzdGltb25pYWxDYXJkID0gc3R5bGVkKENhcmQpKFxuICBtb2RlQ29sb3JQcm9wcyxcbiAgY3NzKHtcbiAgICBib3JkZXJSYWRpdXM6ICdub25lJyxcbiAgfSlcbik7XG5cbmNvbnN0IGdyaWRMYXlvdXRzID0ge1xuICB2ZXJ0aWNhbDogYCdhcnQgYXJ0IGFydCdcbiAgICAgICAgICAgICAndGV4dCB0ZXh0IHRleHQnXG4gICAgICAgICAgICAgJ2F2YXRhciBieWxpbmUgYnlsaW5lJ1xuICAgICAgICAgICAgICdhdmF0YXIgYnlsaW5lIGJ5bGluZSdcbiAgICAgICAgICAgICBgLFxuICBob3Jpem9udGFsOiBgJ2F2YXRhciBhcnQgdGV4dCdcbiAgICAgICAgICAgICAgICdieWxpbmUgYXJ0IHRleHQnXG4gICAgICAgICAgICAgICAnYnlsaW5lIGFydCB0ZXh0J1xuICAgICAgICAgICAgICAgJ2J5bGluZSBhcnQgdGV4dCdcbiAgICAgICAgICAgICAgIGAsXG59O1xuXG5jb25zdCBUZXN0aW1vbmlhbENvbnRlbnQgPSBzdHlsZWQoQm94KShcbiAgdmFyaWFudCh7XG4gICAgZGVmYXVsdFZhcmlhbnQ6ICdob3Jpem9udGFsJyxcbiAgICBwcm9wOiAnb3JpZW50YXRpb24nLFxuICAgIGJhc2U6IHtcbiAgICAgIGRpc3BsYXk6ICdncmlkJyxcbiAgICAgIGNvbG9yOiAndGV4dC1hY2NlbnQnLFxuICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1uczogJ3JlcGVhdCgyLCBtaW5tYXgoMCwgbWF4LWNvbnRlbnQpKSBtaW5tYXgoMCwgMWZyKTsnLFxuICAgICAgZ3JpZFRlbXBsYXRlUm93czogJ3JlcGVhdChtYXgtY29udGVudCwgNCknLFxuICAgICAgZ2FwOiAxNixcbiAgICB9LFxuICAgIHZhcmlhbnRzOiB7XG4gICAgICBob3Jpem9udGFsOiB7XG4gICAgICAgIGdyaWRUZW1wbGF0ZUFyZWFzOiB7XG4gICAgICAgICAgXzogZ3JpZExheW91dHMudmVydGljYWwsXG4gICAgICAgICAgbWQ6IGdyaWRMYXlvdXRzLmhvcml6b250YWwsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgdmVydGljYWw6IHtcbiAgICAgICAgZ3JpZFRlbXBsYXRlQXJlYXM6IGdyaWRMYXlvdXRzLnZlcnRpY2FsLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgVGVzdGltb25pYWxQcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBUZXN0aW1vbmlhbENhcmQ+ICZcbiAgUGljazxDb21wb25lbnRQcm9wczx0eXBlb2YgVGVzdGltb25pYWxDb250ZW50PiwgJ29yaWVudGF0aW9uJz4gJiB7XG4gICAgZmlyc3ROYW1lOiBzdHJpbmc7XG4gICAgbGFzdE5hbWU/OiBzdHJpbmc7XG4gICAgcXVvdGU6IHN0cmluZztcbiAgICAvKipcbiAgICAgKiBDaXR5IGxvY2F0aW9uXG4gICAgICovXG4gICAgbG9jYXRpb24/OiBzdHJpbmc7XG4gICAgLyoqXG4gICAgICogYXNzb2NpYXRlZCBvY2N1cGF0aW9uIG9mIHRoZSBwZXJzb24uXG4gICAgICovXG4gICAgb2NjdXBhdGlvbj86IHN0cmluZyB8IG51bGw7XG4gICAgLyoqXG4gICAgICogQXNzb2NpYXRlZCB3b3JrcGxhY2Ugb3IgaW5zdGl0dXRpb25cbiAgICAgKi9cbiAgICBjb21wYW55Pzogc3RyaW5nIHwgbnVsbDtcbiAgICAvKipcbiAgICAgKiBQb3J0cmFpdCBpbWFnZSBzcmNcbiAgICAgKi9cbiAgICBpbWFnZVVybD86IHN0cmluZyB8IG51bGw7XG4gICAgLyoqXG4gICAgICogc2V0dGluZyB0aGlzIGhyZWYgd2lsbCB3cmFwIHRoZSB0ZXN0aW1vbmlhbCBjYXJkIHdpdGggYW4gYW5jaG9yIHRhZy5cbiAgICAgKi9cbiAgICBocmVmPzogc3RyaW5nIHwgbnVsbDtcbiAgICAvKipcbiAgICAgKiB1c2VkIHRvIGNvbmRpdG9uYWxseSBoaWRlIHRoZSBwb3J0cmFpdCBwaG90b1xuICAgICAqL1xuICAgIGhpZGVQaG90bz86IGJvb2xlYW47XG4gICAgb25DbGljaz86ICgpID0+IHZvaWQ7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUZXN0aW1vbmlhbDogUmVhY3QuRkM8VGVzdGltb25pYWxQcm9wcz4gPSAoe1xuICBmaXJzdE5hbWUsXG4gIGxhc3ROYW1lLFxuICBjb21wYW55LFxuICBvY2N1cGF0aW9uLFxuICBsb2NhdGlvbixcbiAgaHJlZixcbiAgcXVvdGUsXG4gIG9uQ2xpY2ssXG4gIGhpZGVQaG90byxcbiAgaW1hZ2VVcmwsXG4gIHZhcmlhbnQsXG4gIG9yaWVudGF0aW9uLFxuICBtb2RlLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGlzVmVydGljbGVMYXlvdXQgPSBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJztcblxuICBjb25zdCBib3R0b21UZXh0OiBzdHJpbmcgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAoY29tcGFueSAmJiBsb2NhdGlvbikgcmV0dXJuIGBAICR7Y29tcGFueX0sICR7bG9jYXRpb259YDtcbiAgICBpZiAoIWNvbXBhbnkgJiYgbG9jYXRpb24pIHJldHVybiBgJHtsb2NhdGlvbn1gO1xuICAgIGlmIChjb21wYW55ICYmICFsb2NhdGlvbikgcmV0dXJuIGBAICR7Y29tcGFueX1gO1xuICAgIHJldHVybiAnJztcbiAgfSwgW2NvbXBhbnksIGxvY2F0aW9uXSk7XG5cbiAgY29uc3QgYXJpYUxhYmVsID0gYCR7Zmlyc3ROYW1lfSAke2xhc3ROYW1lfSAke2JvdHRvbVRleHR9LiAke3F1b3RlfWA7XG5cbiAgY29uc3QgcmVuZGVyVGVzdGltb25pYWwgPSAoKSA9PiAoXG4gICAgPFRlc3RpbW9uaWFsQ2FyZFxuICAgICAgey4uLnJlc3R9XG4gICAgICBwPXszMn1cbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBzaGFkb3c9XCJwYXR0ZXJuTGVmdFwiXG4gICAgICBpc0ludGVyYWN0aXZlPXshIWhyZWZ9XG4gICAgICBtb2RlPXttb2RlfVxuICAgID5cbiAgICAgIDxUZXN0aW1vbmlhbENvbnRlbnQgb3JpZW50YXRpb249e29yaWVudGF0aW9ufT5cbiAgICAgICAgeyFoaWRlUGhvdG8gJiYgaW1hZ2VVcmwgJiYgKFxuICAgICAgICAgIDxUZXN0aW1vbmlhbFBpY3R1cmVcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidGVzdGltb25pYWwtcGhvdG9cIlxuICAgICAgICAgICAgc3JjPXtpbWFnZVVybH1cbiAgICAgICAgICAgIGFsdD1cInRlc3RpbW9uaWFsXCJcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8Qm94XG4gICAgICAgICAgbXk9e3sgXzogJ2F1dG8nLCBtZDogaXNWZXJ0aWNsZUxheW91dCAmJiAhaGlkZVBob3RvID8gJ2F1dG8nIDogMCB9fVxuICAgICAgICAgIG1yPXszMn1cbiAgICAgICAgICBncmlkQXJlYT17IWhpZGVQaG90byA/ICdieWxpbmUnIDogJ2F2YXRhcid9XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiIGFzPVwicFwiIGZvbnRGYW1pbHk9XCJhY2NlbnRcIj5cbiAgICAgICAgICAgIHtsYXN0TmFtZSA/IGAke2ZpcnN0TmFtZX0gJHtsYXN0TmFtZVswXX0uYCA6IGAke2ZpcnN0TmFtZX1gfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiIGFzPVwicFwiIGZvbnRGYW1pbHk9XCJhY2NlbnRcIj5cbiAgICAgICAgICAgIHtvY2N1cGF0aW9ufVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7ISFib3R0b21UZXh0ICYmIChcbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgYXM9XCJwXCIgZm9udEZhbWlseT1cImFjY2VudFwiPlxuICAgICAgICAgICAgICB7Ym90dG9tVGV4dH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0JveD5cbiAgICAgICAgPFF1b3RlQXJ0IGFsdD1cIlwiIHNyYz17ZGFya1F1b3Rlc30gLz5cbiAgICAgICAgPFRleHRcbiAgICAgICAgICBwdD17eyBfOiAwLCBtZDogaXNWZXJ0aWNsZUxheW91dCA/IDAgOiA0IH19XG4gICAgICAgICAgcHI9e3sgXzogMTYsIHNtOiAwIH19XG4gICAgICAgICAgZ3JpZEFyZWE9XCJ0ZXh0XCJcbiAgICAgICAgICB2YXJpYW50PVwidGl0bGUtbWRcIlxuICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgID5cbiAgICAgICAgICB7cXVvdGV9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvVGVzdGltb25pYWxDb250ZW50PlxuICAgIDwvVGVzdGltb25pYWxDYXJkPlxuICApO1xuXG4gIGNvbnN0IHJlbmRlclRlc3RpbW9uaWFsV2l0aEFuY2hvciA9ICgpID0+IChcbiAgICA8QW5jaG9yXG4gICAgICBkaXNwbGF5PXtyZXN0LmRpc3BsYXl9XG4gICAgICBkYXRhLXRlc3RpZD1cInRlc3RpbW9uaWFsLWxpbmtcIlxuICAgICAgaHJlZj17aHJlZiB8fCB1bmRlZmluZWR9XG4gICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgPlxuICAgICAge3JlbmRlclRlc3RpbW9uaWFsKCl9XG4gICAgPC9BbmNob3I+XG4gICk7XG5cbiAgcmV0dXJuIGhyZWYgPyByZW5kZXJUZXN0aW1vbmlhbFdpdGhBbmNob3IoKSA6IHJlbmRlclRlc3RpbW9uaWFsKCk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEyQiJ9 */");
+const TestimonialCard = /*#__PURE__*/ (0, _emotion_styled.default)(_codecademy_gamut.Card, {
+	target: "edchyy02",
+	label: "brand-TestimonialCard"
+})(_codecademy_gamut_styles.modeColorProps, (0, _codecademy_gamut_styles.css)({ borderRadius: "none" }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Rlc3RpbW9uaWFsL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Rlc3RpbW9uaWFsL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcywgbW9kZUNvbG9yUHJvcHMsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBkYXJrUXVvdGVzIGZyb20gJy4uL2Fzc2V0cy9uYXZ5UXVvdGVzLnN2Zyc7XG5cbmNvbnN0IFF1b3RlQXJ0ID0gc3R5bGVkLmltZ2BcbiAgaGVpZ2h0OiAyNXB4O1xuICBncmlkLWFyZWE6IGFydDtcbmA7XG5cbmNvbnN0IFRlc3RpbW9uaWFsUGljdHVyZSA9IHN0eWxlZC5pbWcoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiA5OCxcbiAgICB3aWR0aDogOTgsXG4gICAgYm9yZGVyUmFkaXVzOiAnZnVsbCcsXG4gICAgZ3JpZEFyZWE6ICdhdmF0YXInLFxuICB9KVxuKTtcblxuY29uc3QgVGVzdGltb25pYWxDYXJkID0gc3R5bGVkKENhcmQpKFxuICBtb2RlQ29sb3JQcm9wcyxcbiAgY3NzKHtcbiAgICBib3JkZXJSYWRpdXM6ICdub25lJyxcbiAgfSlcbik7XG5cbmNvbnN0IGdyaWRMYXlvdXRzID0ge1xuICB2ZXJ0aWNhbDogYCdhcnQgYXJ0IGFydCdcbiAgICAgICAgICAgICAndGV4dCB0ZXh0IHRleHQnXG4gICAgICAgICAgICAgJ2F2YXRhciBieWxpbmUgYnlsaW5lJ1xuICAgICAgICAgICAgICdhdmF0YXIgYnlsaW5lIGJ5bGluZSdcbiAgICAgICAgICAgICBgLFxuICBob3Jpem9udGFsOiBgJ2F2YXRhciBhcnQgdGV4dCdcbiAgICAgICAgICAgICAgICdieWxpbmUgYXJ0IHRleHQnXG4gICAgICAgICAgICAgICAnYnlsaW5lIGFydCB0ZXh0J1xuICAgICAgICAgICAgICAgJ2J5bGluZSBhcnQgdGV4dCdcbiAgICAgICAgICAgICAgIGAsXG59O1xuXG5jb25zdCBUZXN0aW1vbmlhbENvbnRlbnQgPSBzdHlsZWQoQm94KShcbiAgdmFyaWFudCh7XG4gICAgZGVmYXVsdFZhcmlhbnQ6ICdob3Jpem9udGFsJyxcbiAgICBwcm9wOiAnb3JpZW50YXRpb24nLFxuICAgIGJhc2U6IHtcbiAgICAgIGRpc3BsYXk6ICdncmlkJyxcbiAgICAgIGNvbG9yOiAndGV4dC1hY2NlbnQnLFxuICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1uczogJ3JlcGVhdCgyLCBtaW5tYXgoMCwgbWF4LWNvbnRlbnQpKSBtaW5tYXgoMCwgMWZyKTsnLFxuICAgICAgZ3JpZFRlbXBsYXRlUm93czogJ3JlcGVhdChtYXgtY29udGVudCwgNCknLFxuICAgICAgZ2FwOiAxNixcbiAgICB9LFxuICAgIHZhcmlhbnRzOiB7XG4gICAgICBob3Jpem9udGFsOiB7XG4gICAgICAgIGdyaWRUZW1wbGF0ZUFyZWFzOiB7XG4gICAgICAgICAgXzogZ3JpZExheW91dHMudmVydGljYWwsXG4gICAgICAgICAgbWQ6IGdyaWRMYXlvdXRzLmhvcml6b250YWwsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgdmVydGljYWw6IHtcbiAgICAgICAgZ3JpZFRlbXBsYXRlQXJlYXM6IGdyaWRMYXlvdXRzLnZlcnRpY2FsLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgVGVzdGltb25pYWxQcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBUZXN0aW1vbmlhbENhcmQ+ICZcbiAgUGljazxDb21wb25lbnRQcm9wczx0eXBlb2YgVGVzdGltb25pYWxDb250ZW50PiwgJ29yaWVudGF0aW9uJz4gJiB7XG4gICAgZmlyc3ROYW1lOiBzdHJpbmc7XG4gICAgbGFzdE5hbWU/OiBzdHJpbmc7XG4gICAgcXVvdGU6IHN0cmluZztcbiAgICAvKipcbiAgICAgKiBDaXR5IGxvY2F0aW9uXG4gICAgICovXG4gICAgbG9jYXRpb24/OiBzdHJpbmc7XG4gICAgLyoqXG4gICAgICogYXNzb2NpYXRlZCBvY2N1cGF0aW9uIG9mIHRoZSBwZXJzb24uXG4gICAgICovXG4gICAgb2NjdXBhdGlvbj86IHN0cmluZyB8IG51bGw7XG4gICAgLyoqXG4gICAgICogQXNzb2NpYXRlZCB3b3JrcGxhY2Ugb3IgaW5zdGl0dXRpb25cbiAgICAgKi9cbiAgICBjb21wYW55Pzogc3RyaW5nIHwgbnVsbDtcbiAgICAvKipcbiAgICAgKiBQb3J0cmFpdCBpbWFnZSBzcmNcbiAgICAgKi9cbiAgICBpbWFnZVVybD86IHN0cmluZyB8IG51bGw7XG4gICAgLyoqXG4gICAgICogc2V0dGluZyB0aGlzIGhyZWYgd2lsbCB3cmFwIHRoZSB0ZXN0aW1vbmlhbCBjYXJkIHdpdGggYW4gYW5jaG9yIHRhZy5cbiAgICAgKi9cbiAgICBocmVmPzogc3RyaW5nIHwgbnVsbDtcbiAgICAvKipcbiAgICAgKiB1c2VkIHRvIGNvbmRpdG9uYWxseSBoaWRlIHRoZSBwb3J0cmFpdCBwaG90b1xuICAgICAqL1xuICAgIGhpZGVQaG90bz86IGJvb2xlYW47XG4gICAgb25DbGljaz86ICgpID0+IHZvaWQ7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUZXN0aW1vbmlhbDogUmVhY3QuRkM8VGVzdGltb25pYWxQcm9wcz4gPSAoe1xuICBmaXJzdE5hbWUsXG4gIGxhc3ROYW1lLFxuICBjb21wYW55LFxuICBvY2N1cGF0aW9uLFxuICBsb2NhdGlvbixcbiAgaHJlZixcbiAgcXVvdGUsXG4gIG9uQ2xpY2ssXG4gIGhpZGVQaG90byxcbiAgaW1hZ2VVcmwsXG4gIHZhcmlhbnQsXG4gIG9yaWVudGF0aW9uLFxuICBtb2RlLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGlzVmVydGljbGVMYXlvdXQgPSBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJztcblxuICBjb25zdCBib3R0b21UZXh0OiBzdHJpbmcgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAoY29tcGFueSAmJiBsb2NhdGlvbikgcmV0dXJuIGBAICR7Y29tcGFueX0sICR7bG9jYXRpb259YDtcbiAgICBpZiAoIWNvbXBhbnkgJiYgbG9jYXRpb24pIHJldHVybiBgJHtsb2NhdGlvbn1gO1xuICAgIGlmIChjb21wYW55ICYmICFsb2NhdGlvbikgcmV0dXJuIGBAICR7Y29tcGFueX1gO1xuICAgIHJldHVybiAnJztcbiAgfSwgW2NvbXBhbnksIGxvY2F0aW9uXSk7XG5cbiAgY29uc3QgYXJpYUxhYmVsID0gYCR7Zmlyc3ROYW1lfSAke2xhc3ROYW1lfSAke2JvdHRvbVRleHR9LiAke3F1b3RlfWA7XG5cbiAgY29uc3QgcmVuZGVyVGVzdGltb25pYWwgPSAoKSA9PiAoXG4gICAgPFRlc3RpbW9uaWFsQ2FyZFxuICAgICAgey4uLnJlc3R9XG4gICAgICBwPXszMn1cbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBzaGFkb3c9XCJwYXR0ZXJuTGVmdFwiXG4gICAgICBpc0ludGVyYWN0aXZlPXshIWhyZWZ9XG4gICAgICBtb2RlPXttb2RlfVxuICAgID5cbiAgICAgIDxUZXN0aW1vbmlhbENvbnRlbnQgb3JpZW50YXRpb249e29yaWVudGF0aW9ufT5cbiAgICAgICAgeyFoaWRlUGhvdG8gJiYgaW1hZ2VVcmwgJiYgKFxuICAgICAgICAgIDxUZXN0aW1vbmlhbFBpY3R1cmVcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidGVzdGltb25pYWwtcGhvdG9cIlxuICAgICAgICAgICAgc3JjPXtpbWFnZVVybH1cbiAgICAgICAgICAgIGFsdD1cInRlc3RpbW9uaWFsXCJcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8Qm94XG4gICAgICAgICAgbXk9e3sgXzogJ2F1dG8nLCBtZDogaXNWZXJ0aWNsZUxheW91dCAmJiAhaGlkZVBob3RvID8gJ2F1dG8nIDogMCB9fVxuICAgICAgICAgIG1yPXszMn1cbiAgICAgICAgICBncmlkQXJlYT17IWhpZGVQaG90byA/ICdieWxpbmUnIDogJ2F2YXRhcid9XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiIGFzPVwicFwiIGZvbnRGYW1pbHk9XCJhY2NlbnRcIj5cbiAgICAgICAgICAgIHtsYXN0TmFtZSA/IGAke2ZpcnN0TmFtZX0gJHtsYXN0TmFtZVswXX0uYCA6IGAke2ZpcnN0TmFtZX1gfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiIGFzPVwicFwiIGZvbnRGYW1pbHk9XCJhY2NlbnRcIj5cbiAgICAgICAgICAgIHtvY2N1cGF0aW9ufVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7ISFib3R0b21UZXh0ICYmIChcbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgYXM9XCJwXCIgZm9udEZhbWlseT1cImFjY2VudFwiPlxuICAgICAgICAgICAgICB7Ym90dG9tVGV4dH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0JveD5cbiAgICAgICAgPFF1b3RlQXJ0IGFsdD1cIlwiIHNyYz17ZGFya1F1b3Rlc30gLz5cbiAgICAgICAgPFRleHRcbiAgICAgICAgICBwdD17eyBfOiAwLCBtZDogaXNWZXJ0aWNsZUxheW91dCA/IDAgOiA0IH19XG4gICAgICAgICAgcHI9e3sgXzogMTYsIHNtOiAwIH19XG4gICAgICAgICAgZ3JpZEFyZWE9XCJ0ZXh0XCJcbiAgICAgICAgICB2YXJpYW50PVwidGl0bGUtbWRcIlxuICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgID5cbiAgICAgICAgICB7cXVvdGV9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvVGVzdGltb25pYWxDb250ZW50PlxuICAgIDwvVGVzdGltb25pYWxDYXJkPlxuICApO1xuXG4gIGNvbnN0IHJlbmRlclRlc3RpbW9uaWFsV2l0aEFuY2hvciA9ICgpID0+IChcbiAgICA8QW5jaG9yXG4gICAgICBkaXNwbGF5PXtyZXN0LmRpc3BsYXl9XG4gICAgICBkYXRhLXRlc3RpZD1cInRlc3RpbW9uaWFsLWxpbmtcIlxuICAgICAgaHJlZj17aHJlZiB8fCB1bmRlZmluZWR9XG4gICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgPlxuICAgICAge3JlbmRlclRlc3RpbW9uaWFsKCl9XG4gICAgPC9BbmNob3I+XG4gICk7XG5cbiAgcmV0dXJuIGhyZWYgPyByZW5kZXJUZXN0aW1vbmlhbFdpdGhBbmNob3IoKSA6IHJlbmRlclRlc3RpbW9uaWFsKCk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCd0IifQ== */");
+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 = /*#__PURE__*/ (0, _emotion_styled.default)(_codecademy_gamut.Box, {
+	target: "edchyy03",
+	label: "brand-TestimonialContent"
+})((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 }
+	}
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Rlc3RpbW9uaWFsL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Rlc3RpbW9uaWFsL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcywgbW9kZUNvbG9yUHJvcHMsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBkYXJrUXVvdGVzIGZyb20gJy4uL2Fzc2V0cy9uYXZ5UXVvdGVzLnN2Zyc7XG5cbmNvbnN0IFF1b3RlQXJ0ID0gc3R5bGVkLmltZ2BcbiAgaGVpZ2h0OiAyNXB4O1xuICBncmlkLWFyZWE6IGFydDtcbmA7XG5cbmNvbnN0IFRlc3RpbW9uaWFsUGljdHVyZSA9IHN0eWxlZC5pbWcoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiA5OCxcbiAgICB3aWR0aDogOTgsXG4gICAgYm9yZGVyUmFkaXVzOiAnZnVsbCcsXG4gICAgZ3JpZEFyZWE6ICdhdmF0YXInLFxuICB9KVxuKTtcblxuY29uc3QgVGVzdGltb25pYWxDYXJkID0gc3R5bGVkKENhcmQpKFxuICBtb2RlQ29sb3JQcm9wcyxcbiAgY3NzKHtcbiAgICBib3JkZXJSYWRpdXM6ICdub25lJyxcbiAgfSlcbik7XG5cbmNvbnN0IGdyaWRMYXlvdXRzID0ge1xuICB2ZXJ0aWNhbDogYCdhcnQgYXJ0IGFydCdcbiAgICAgICAgICAgICAndGV4dCB0ZXh0IHRleHQnXG4gICAgICAgICAgICAgJ2F2YXRhciBieWxpbmUgYnlsaW5lJ1xuICAgICAgICAgICAgICdhdmF0YXIgYnlsaW5lIGJ5bGluZSdcbiAgICAgICAgICAgICBgLFxuICBob3Jpem9udGFsOiBgJ2F2YXRhciBhcnQgdGV4dCdcbiAgICAgICAgICAgICAgICdieWxpbmUgYXJ0IHRleHQnXG4gICAgICAgICAgICAgICAnYnlsaW5lIGFydCB0ZXh0J1xuICAgICAgICAgICAgICAgJ2J5bGluZSBhcnQgdGV4dCdcbiAgICAgICAgICAgICAgIGAsXG59O1xuXG5jb25zdCBUZXN0aW1vbmlhbENvbnRlbnQgPSBzdHlsZWQoQm94KShcbiAgdmFyaWFudCh7XG4gICAgZGVmYXVsdFZhcmlhbnQ6ICdob3Jpem9udGFsJyxcbiAgICBwcm9wOiAnb3JpZW50YXRpb24nLFxuICAgIGJhc2U6IHtcbiAgICAgIGRpc3BsYXk6ICdncmlkJyxcbiAgICAgIGNvbG9yOiAndGV4dC1hY2NlbnQnLFxuICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1uczogJ3JlcGVhdCgyLCBtaW5tYXgoMCwgbWF4LWNvbnRlbnQpKSBtaW5tYXgoMCwgMWZyKTsnLFxuICAgICAgZ3JpZFRlbXBsYXRlUm93czogJ3JlcGVhdChtYXgtY29udGVudCwgNCknLFxuICAgICAgZ2FwOiAxNixcbiAgICB9LFxuICAgIHZhcmlhbnRzOiB7XG4gICAgICBob3Jpem9udGFsOiB7XG4gICAgICAgIGdyaWRUZW1wbGF0ZUFyZWFzOiB7XG4gICAgICAgICAgXzogZ3JpZExheW91dHMudmVydGljYWwsXG4gICAgICAgICAgbWQ6IGdyaWRMYXlvdXRzLmhvcml6b250YWwsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgdmVydGljYWw6IHtcbiAgICAgICAgZ3JpZFRlbXBsYXRlQXJlYXM6IGdyaWRMYXlvdXRzLnZlcnRpY2FsLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgVGVzdGltb25pYWxQcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBUZXN0aW1vbmlhbENhcmQ+ICZcbiAgUGljazxDb21wb25lbnRQcm9wczx0eXBlb2YgVGVzdGltb25pYWxDb250ZW50PiwgJ29yaWVudGF0aW9uJz4gJiB7XG4gICAgZmlyc3ROYW1lOiBzdHJpbmc7XG4gICAgbGFzdE5hbWU/OiBzdHJpbmc7XG4gICAgcXVvdGU6IHN0cmluZztcbiAgICAvKipcbiAgICAgKiBDaXR5IGxvY2F0aW9uXG4gICAgICovXG4gICAgbG9jYXRpb24/OiBzdHJpbmc7XG4gICAgLyoqXG4gICAgICogYXNzb2NpYXRlZCBvY2N1cGF0aW9uIG9mIHRoZSBwZXJzb24uXG4gICAgICovXG4gICAgb2NjdXBhdGlvbj86IHN0cmluZyB8IG51bGw7XG4gICAgLyoqXG4gICAgICogQXNzb2NpYXRlZCB3b3JrcGxhY2Ugb3IgaW5zdGl0dXRpb25cbiAgICAgKi9cbiAgICBjb21wYW55Pzogc3RyaW5nIHwgbnVsbDtcbiAgICAvKipcbiAgICAgKiBQb3J0cmFpdCBpbWFnZSBzcmNcbiAgICAgKi9cbiAgICBpbWFnZVVybD86IHN0cmluZyB8IG51bGw7XG4gICAgLyoqXG4gICAgICogc2V0dGluZyB0aGlzIGhyZWYgd2lsbCB3cmFwIHRoZSB0ZXN0aW1vbmlhbCBjYXJkIHdpdGggYW4gYW5jaG9yIHRhZy5cbiAgICAgKi9cbiAgICBocmVmPzogc3RyaW5nIHwgbnVsbDtcbiAgICAvKipcbiAgICAgKiB1c2VkIHRvIGNvbmRpdG9uYWxseSBoaWRlIHRoZSBwb3J0cmFpdCBwaG90b1xuICAgICAqL1xuICAgIGhpZGVQaG90bz86IGJvb2xlYW47XG4gICAgb25DbGljaz86ICgpID0+IHZvaWQ7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUZXN0aW1vbmlhbDogUmVhY3QuRkM8VGVzdGltb25pYWxQcm9wcz4gPSAoe1xuICBmaXJzdE5hbWUsXG4gIGxhc3ROYW1lLFxuICBjb21wYW55LFxuICBvY2N1cGF0aW9uLFxuICBsb2NhdGlvbixcbiAgaHJlZixcbiAgcXVvdGUsXG4gIG9uQ2xpY2ssXG4gIGhpZGVQaG90byxcbiAgaW1hZ2VVcmwsXG4gIHZhcmlhbnQsXG4gIG9yaWVudGF0aW9uLFxuICBtb2RlLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGlzVmVydGljbGVMYXlvdXQgPSBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJztcblxuICBjb25zdCBib3R0b21UZXh0OiBzdHJpbmcgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAoY29tcGFueSAmJiBsb2NhdGlvbikgcmV0dXJuIGBAICR7Y29tcGFueX0sICR7bG9jYXRpb259YDtcbiAgICBpZiAoIWNvbXBhbnkgJiYgbG9jYXRpb24pIHJldHVybiBgJHtsb2NhdGlvbn1gO1xuICAgIGlmIChjb21wYW55ICYmICFsb2NhdGlvbikgcmV0dXJuIGBAICR7Y29tcGFueX1gO1xuICAgIHJldHVybiAnJztcbiAgfSwgW2NvbXBhbnksIGxvY2F0aW9uXSk7XG5cbiAgY29uc3QgYXJpYUxhYmVsID0gYCR7Zmlyc3ROYW1lfSAke2xhc3ROYW1lfSAke2JvdHRvbVRleHR9LiAke3F1b3RlfWA7XG5cbiAgY29uc3QgcmVuZGVyVGVzdGltb25pYWwgPSAoKSA9PiAoXG4gICAgPFRlc3RpbW9uaWFsQ2FyZFxuICAgICAgey4uLnJlc3R9XG4gICAgICBwPXszMn1cbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBzaGFkb3c9XCJwYXR0ZXJuTGVmdFwiXG4gICAgICBpc0ludGVyYWN0aXZlPXshIWhyZWZ9XG4gICAgICBtb2RlPXttb2RlfVxuICAgID5cbiAgICAgIDxUZXN0aW1vbmlhbENvbnRlbnQgb3JpZW50YXRpb249e29yaWVudGF0aW9ufT5cbiAgICAgICAgeyFoaWRlUGhvdG8gJiYgaW1hZ2VVcmwgJiYgKFxuICAgICAgICAgIDxUZXN0aW1vbmlhbFBpY3R1cmVcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidGVzdGltb25pYWwtcGhvdG9cIlxuICAgICAgICAgICAgc3JjPXtpbWFnZVVybH1cbiAgICAgICAgICAgIGFsdD1cInRlc3RpbW9uaWFsXCJcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8Qm94XG4gICAgICAgICAgbXk9e3sgXzogJ2F1dG8nLCBtZDogaXNWZXJ0aWNsZUxheW91dCAmJiAhaGlkZVBob3RvID8gJ2F1dG8nIDogMCB9fVxuICAgICAgICAgIG1yPXszMn1cbiAgICAgICAgICBncmlkQXJlYT17IWhpZGVQaG90byA/ICdieWxpbmUnIDogJ2F2YXRhcid9XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiIGFzPVwicFwiIGZvbnRGYW1pbHk9XCJhY2NlbnRcIj5cbiAgICAgICAgICAgIHtsYXN0TmFtZSA/IGAke2ZpcnN0TmFtZX0gJHtsYXN0TmFtZVswXX0uYCA6IGAke2ZpcnN0TmFtZX1gfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiIGFzPVwicFwiIGZvbnRGYW1pbHk9XCJhY2NlbnRcIj5cbiAgICAgICAgICAgIHtvY2N1cGF0aW9ufVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7ISFib3R0b21UZXh0ICYmIChcbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgYXM9XCJwXCIgZm9udEZhbWlseT1cImFjY2VudFwiPlxuICAgICAgICAgICAgICB7Ym90dG9tVGV4dH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0JveD5cbiAgICAgICAgPFF1b3RlQXJ0IGFsdD1cIlwiIHNyYz17ZGFya1F1b3Rlc30gLz5cbiAgICAgICAgPFRleHRcbiAgICAgICAgICBwdD17eyBfOiAwLCBtZDogaXNWZXJ0aWNsZUxheW91dCA/IDAgOiA0IH19XG4gICAgICAgICAgcHI9e3sgXzogMTYsIHNtOiAwIH19XG4gICAgICAgICAgZ3JpZEFyZWE9XCJ0ZXh0XCJcbiAgICAgICAgICB2YXJpYW50PVwidGl0bGUtbWRcIlxuICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgID5cbiAgICAgICAgICB7cXVvdGV9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvVGVzdGltb25pYWxDb250ZW50PlxuICAgIDwvVGVzdGltb25pYWxDYXJkPlxuICApO1xuXG4gIGNvbnN0IHJlbmRlclRlc3RpbW9uaWFsV2l0aEFuY2hvciA9ICgpID0+IChcbiAgICA8QW5jaG9yXG4gICAgICBkaXNwbGF5PXtyZXN0LmRpc3BsYXl9XG4gICAgICBkYXRhLXRlc3RpZD1cInRlc3RpbW9uaWFsLWxpbmtcIlxuICAgICAgaHJlZj17aHJlZiB8fCB1bmRlZmluZWR9XG4gICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgPlxuICAgICAge3JlbmRlclRlc3RpbW9uaWFsKCl9XG4gICAgPC9BbmNob3I+XG4gICk7XG5cbiAgcmV0dXJuIGhyZWYgPyByZW5kZXJUZXN0aW1vbmlhbFdpdGhBbmNob3IoKSA6IHJlbmRlclRlc3RpbW9uaWFsKCk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDMkIifQ== */");
+const Testimonial = ({ firstName, lastName, company, occupation, location, href, quote, onClick, hidePhoto, imageUrl, variant, 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__*/ react.createElement(TestimonialCard, {
+		...rest,
+		p: 32,
+		width: "100%",
+		height: "100%",
+		variant,
+		shadow: "patternLeft",
+		isInteractive: !!href,
+		mode
+	}, /*#__PURE__*/ react.createElement(TestimonialContent, { orientation }, !hidePhoto && imageUrl && /*#__PURE__*/ react.createElement(TestimonialPicture, {
+		"data-testid": "testimonial-photo",
+		src: imageUrl,
+		alt: "testimonial"
+	}), /*#__PURE__*/ react.createElement(_codecademy_gamut.Box, {
+		my: {
+			_: "auto",
+			md: isVerticleLayout && !hidePhoto ? "auto" : 0
+		},
+		mr: 32,
+		gridArea: !hidePhoto ? "byline" : "avatar"
+	}, /*#__PURE__*/ react.createElement(_codecademy_gamut.Text, {
+		variant: "p-small",
+		as: "p",
+		fontFamily: "accent"
+	}, lastName ? `${firstName} ${lastName[0]}.` : `${firstName}`), /*#__PURE__*/ react.createElement(_codecademy_gamut.Text, {
+		variant: "p-small",
+		as: "p",
+		fontFamily: "accent"
+	}, occupation), !!bottomText && /*#__PURE__*/ react.createElement(_codecademy_gamut.Text, {
+		variant: "p-small",
+		as: "p",
+		fontFamily: "accent"
+	}, bottomText)), /*#__PURE__*/ react.createElement(QuoteArt, {
+		alt: "",
+		src: import_navyQuotes.default
+	}), /*#__PURE__*/ react.createElement(_codecademy_gamut.Text, {
+		pt: {
+			_: 0,
+			md: isVerticleLayout ? 0 : 4
+		},
+		pr: {
+			_: 16,
+			sm: 0
+		},
+		gridArea: "text",
+		variant: "title-md",
+		as: "p"
+	}, quote)));
+	const renderTestimonialWithAnchor = () => /*#__PURE__*/ react.createElement(_codecademy_gamut.Anchor, {
+		display: rest.display,
+		"data-testid": "testimonial-link",
+		href: href || void 0,
+		variant: "interface",
+		onClick,
+		"aria-label": ariaLabel
+	}, renderTestimonial());
+	return href ? renderTestimonialWithAnchor() : renderTestimonial();
+};
+
+//#endregion
+exports.Testimonial = Testimonial;
+//# sourceMappingURL=index.cjs.map

package/dist/Testimonial/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Anchor","Box","Card","Text","css","modeColorProps","variant","styled","useMemo","React","darkQuotes","QuoteArt","TestimonialPicture","height","width","borderRadius","gridArea","TestimonialCard","gridLayouts","vertical","horizontal","TestimonialContent","defaultVariant","prop","base","display","color","gridTemplateColumns","gridTemplateRows","gap","variants","gridTemplateAreas","_","md","Testimonial","firstName","lastName","company","occupation","location","href","quote","onClick","hidePhoto","imageUrl","orientation","mode","rest","isVerticleLayout","bottomText","ariaLabel","renderTestimonial","p","shadow","isInteractive","data-testid","src","alt","my","mr","as","fontFamily","pt","pr","sm","renderTestimonialWithAnchor","undefined","aria-label"],"sources":["../../src/Testimonial/index.tsx"],"sourcesContent":["import { Anchor, Box, Card, Text } from '@codecademy/gamut';\nimport { css, modeColorProps, variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { ComponentProps, useMemo } from 'react';\nimport * as React from 'react';\n\nimport darkQuotes from '../assets/navyQuotes.svg';\n\nconst QuoteArt = styled.img`\n  height: 25px;\n  grid-area: art;\n`;\n\nconst TestimonialPicture = styled.img(\n  css({\n    height: 98,\n    width: 98,\n    borderRadius: 'full',\n    gridArea: 'avatar',\n  })\n);\n\nconst TestimonialCard = styled(Card)(\n  modeColorProps,\n  css({\n    borderRadius: 'none',\n  })\n);\n\nconst gridLayouts = {\n  vertical: `'art art art'\n             'text text text'\n             'avatar byline byline'\n             'avatar byline byline'\n             `,\n  horizontal: `'avatar art text'\n               'byline art text'\n               'byline art text'\n               'byline art text'\n               `,\n};\n\nconst TestimonialContent = styled(Box)(\n  variant({\n    defaultVariant: 'horizontal',\n    prop: 'orientation',\n    base: {\n      display: 'grid',\n      color: 'text-accent',\n      gridTemplateColumns: 'repeat(2, minmax(0, max-content)) minmax(0, 1fr);',\n      gridTemplateRows: 'repeat(max-content, 4)',\n      gap: 16,\n    },\n    variants: {\n      horizontal: {\n        gridTemplateAreas: {\n          _: gridLayouts.vertical,\n          md: gridLayouts.horizontal,\n        },\n      },\n      vertical: {\n        gridTemplateAreas: gridLayouts.vertical,\n      },\n    },\n  })\n);\n\nexport type TestimonialProps = ComponentProps<typeof TestimonialCard> &\n  Pick<ComponentProps<typeof TestimonialContent>, 'orientation'> & {\n    firstName: string;\n    lastName?: string;\n    quote: string;\n    /**\n     * City location\n     */\n    location?: string;\n    /**\n     * associated occupation of the person.\n     */\n    occupation?: string | null;\n    /**\n     * Associated workplace or institution\n     */\n    company?: string | null;\n    /**\n     * Portrait image src\n     */\n    imageUrl?: string | null;\n    /**\n     * setting this href will wrap the testimonial card with an anchor tag.\n     */\n    href?: string | null;\n    /**\n     * used to conditonally hide the portrait photo\n     */\n    hidePhoto?: boolean;\n    onClick?: () => void;\n  };\n\nexport const Testimonial: React.FC<TestimonialProps> = ({\n  firstName,\n  lastName,\n  company,\n  occupation,\n  location,\n  href,\n  quote,\n  onClick,\n  hidePhoto,\n  imageUrl,\n  variant,\n  orientation,\n  mode,\n  ...rest\n}) => {\n  const isVerticleLayout = orientation === 'vertical';\n\n  const bottomText: string = useMemo(() => {\n    if (company && location) return `@ ${company}, ${location}`;\n    if (!company && location) return `${location}`;\n    if (company && !location) return `@ ${company}`;\n    return '';\n  }, [company, location]);\n\n  const ariaLabel = `${firstName} ${lastName} ${bottomText}. ${quote}`;\n\n  const renderTestimonial = () => (\n    <TestimonialCard\n      {...rest}\n      p={32}\n      width=\"100%\"\n      height=\"100%\"\n      variant={variant}\n      shadow=\"patternLeft\"\n      isInteractive={!!href}\n      mode={mode}\n    >\n      <TestimonialContent orientation={orientation}>\n        {!hidePhoto && imageUrl && (\n          <TestimonialPicture\n            data-testid=\"testimonial-photo\"\n            src={imageUrl}\n            alt=\"testimonial\"\n          />\n        )}\n        <Box\n          my={{ _: 'auto', md: isVerticleLayout && !hidePhoto ? 'auto' : 0 }}\n          mr={32}\n          gridArea={!hidePhoto ? 'byline' : 'avatar'}\n        >\n          <Text variant=\"p-small\" as=\"p\" fontFamily=\"accent\">\n            {lastName ? `${firstName} ${lastName[0]}.` : `${firstName}`}\n          </Text>\n          <Text variant=\"p-small\" as=\"p\" fontFamily=\"accent\">\n            {occupation}\n          </Text>\n          {!!bottomText && (\n            <Text variant=\"p-small\" as=\"p\" fontFamily=\"accent\">\n              {bottomText}\n            </Text>\n          )}\n        </Box>\n        <QuoteArt alt=\"\" src={darkQuotes} />\n        <Text\n          pt={{ _: 0, md: isVerticleLayout ? 0 : 4 }}\n          pr={{ _: 16, sm: 0 }}\n          gridArea=\"text\"\n          variant=\"title-md\"\n          as=\"p\"\n        >\n          {quote}\n        </Text>\n      </TestimonialContent>\n    </TestimonialCard>\n  );\n\n  const renderTestimonialWithAnchor = () => (\n    <Anchor\n      display={rest.display}\n      data-testid=\"testimonial-link\"\n      href={href || undefined}\n      variant=\"interface\"\n      onClick={onClick}\n      aria-label={ariaLabel}\n    >\n      {renderTestimonial()}\n    </Anchor>\n  );\n\n  return href ? renderTestimonialWithAnchor() : renderTestimonial();\n};\n"],"mappings":";;;;;;;;;;;AAQA,MAAMW,WAAWJ,2CAAAA,OAAAA;;;;AAKjB,MAAMK,qBAAqBL,2CAAAA,OAAAA;;;qCACrB;CACFM,QAAQ;CACRC,OAAO;CACPC,cAAc;CACdC,UAAU;AACZ,CAAA,GAAA,isNAAA;AAGF,MAAMC,kBAAkBV,2CAAOL,wBAAAA;;;GAC7BG,2EACI,EACFU,cAAc,OAChB,CAAA,GAAA,qsNAAA;AAGF,MAAMG,cAAc;CAClBC,UAAU;;;;;CAKVC,YAAY;;;;;AAKd;AAEA,MAAMC,qBAAqBd,2CAAON,uBAAAA;;;yCACxB;CACNqB,gBAAgB;CAChBC,MAAM;CACNC,MAAM;EACJC,SAAS;EACTC,OAAO;EACPC,qBAAqB;EACrBC,kBAAkB;EAClBC,KAAK;CACP;CACAC,UAAU;EACRV,YAAY,EACVW,mBAAmB;GACjBC,GAAGd,YAAYC;GACfc,IAAIf,YAAYE;EAClB,EACF;EACAD,UAAU,EACRY,mBAAmBb,YAAYC,SACjC;CACF;AACF,CAAA,GAAA,qsNAAA;AAmCF,MAAae,eAA2C,EACtDC,WACAC,UACAC,SACAC,YACAC,UACAC,MACAC,OACAC,SACAC,WACAC,UACAtC,SACAuC,aACAC,MACA,GAAGC,WACJ;CACC,MAAMC,mBAAmBH,gBAAgB;CAEzC,MAAMI,sCAA6B;EACjC,IAAIZ,WAAWE,UAAU,OAAO,KAAKF,QAAQ,IAAIE;EACjD,IAAI,CAACF,WAAWE,UAAU,OAAO,GAAGA;EACpC,IAAIF,WAAW,CAACE,UAAU,OAAO,KAAKF;EACtC,OAAO;CACT,GAAG,CAACA,SAASE,SAAS;CAEtB,MAAMW,YAAY,GAAGf,UAAU,GAAGC,SAAS,GAAGa,WAAW,IAAIR;CAE7D,MAAMU,0BACJ,oBAAA,cAAClC,iBAAAA;EACE,GAAG8B;EACJK,GAAG;EACHtC,OAAM;EACND,QAAO;EACEP;EACT+C,QAAO;EACPC,eAAe,CAAC,CAACd;EACXM;IAEN,oBAAA,cAACzB,oBAAAA,EAAgCwB,eAC9B,CAACF,aAAaC,YACb,oBAAA,cAAChC,oBAAAA;EACC2C,eAAY;EACZC,KAAKZ;EACLa,KAAI;KAGR,oBAAA,cAACxD,uBAAAA;EACCyD,IAAI;GAAE1B,GAAG;GAAQC,IAAIe,oBAAoB,CAACL,YAAY,SAAS;EAAE;EACjEgB,IAAI;EACJ3C,UAAU,CAAC2B,YAAY,WAAW;IAElC,oBAAA,cAACxC,wBAAAA;EAAKG,SAAQ;EAAUsD,IAAG;EAAIC,YAAW;IACvCzB,WAAW,GAAGD,UAAU,GAAGC,SAAS,GAAG,KAAK,GAAGD,WAAW,GAE7D,oBAAA,cAAChC,wBAAAA;EAAKG,SAAQ;EAAUsD,IAAG;EAAIC,YAAW;IACvCvB,UAAAA,GAEF,CAAC,CAACW,cACD,oBAAA,cAAC9C,wBAAAA;EAAKG,SAAQ;EAAUsD,IAAG;EAAIC,YAAW;IACvCZ,UAAAA,CAAAA,GAIP,oBAAA,cAACtC,UAAAA;EAAS8C,KAAI;EAAGD,KAAK9C;KACtB,oBAAA,cAACP,wBAAAA;EACC2D,IAAI;GAAE9B,GAAG;GAAGC,IAAIe,mBAAmB,IAAI;EAAE;EACzCe,IAAI;GAAE/B,GAAG;GAAIgC,IAAI;EAAE;EACnBhD,UAAS;EACTV,SAAQ;EACRsD,IAAG;IAEFnB,KAAAA,CAAAA,CAAAA;CAMT,MAAMwB,oCACJ,oBAAA,cAACjE,0BAAAA;EACCyB,SAASsB,KAAKtB;EACd8B,eAAY;EACZf,MAAMA,QAAQ0B;EACd5D,SAAQ;EACCoC;EACTyB,cAAYjB;IAEXC,kBAAAA,CAAAA;CAIL,OAAOX,OAAOyB,4BAAAA,IAAgCd,kBAAAA;AAChD"}

package/dist/Testimonial/index.d.cts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/Testimonial/index.tsx"],"mappings":";;;;cAsBM,eAAA,4BAAe,eAAA,6CAAA,SAAA;;;;;cAoBf,kBAAA,4BAAkB,eAAA;;;;;;KAyBZ,gBAAA,GAAmB,cAAA,QAAsB,eAAA,IACnD,IAAA,CAAK,cAAA,QAAsB,kBAAA;EACzB,SAAA;EACA,QAAA;EACA,KAAA;EANH;;;EAUG,QAAA;;;;EAIA,UAAA;;;;EAIA,OAAA;EAzCoB;;;EA6CpB,QAAA;;;;EAIA,IAAA;;;;EAIA,SAAA;EACA,OAAA;AAAA;AAAA,cAGS,WAAA,EAAa,OAAA,CAAM,EAAE,CAAC,gBAAA"}

package/dist/Testimonial/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/Testimonial/index.tsx"],"mappings":";;;;cAsBM,eAAA,4BAAe,eAAA,6CAAA,SAAA;;;;;cAoBf,kBAAA,4BAAkB,eAAA;;;;;;KAyBZ,gBAAA,GAAmB,cAAA,QAAsB,eAAA,IACnD,IAAA,CAAK,cAAA,QAAsB,kBAAA;EACzB,SAAA;EACA,QAAA;EACA,KAAA;EANH;;;EAUG,QAAA;;;;EAIA,UAAA;;;;EAIA,OAAA;EAzCoB;;;EA6CpB,QAAA;;;;EAIA,IAAA;;;;EAIA,SAAA;EACA,OAAA;AAAA;AAAA,cAGS,WAAA,EAAa,OAAA,CAAM,EAAA,CAAG,gBAAA"}