@codecademy/brand 4.0.0-alpha.fdfb3ba880.0 → 4.0.0

package/dist/PageAlerts/PageAlerts.d.ts

@@ -1,16 +1,10 @@
-import { PageAlert } from "./types.js";
-import * as _emotion_styled4 from "@emotion/styled";
-import * as React$1 from "react";
-import * as _emotion_react10 from "@emotion/react";
-
-//#region src/PageAlerts/PageAlerts.d.ts
-type PageAlertsProps = {
-  extra?: PageAlert[];
+import * as React from 'react';
+import { PageAlert } from './types';
+export type PageAlertsProps = {
+    extra?: PageAlert[];
 };
-declare const AlertArea: _emotion_styled4.StyledComponent<{
-  theme?: _emotion_react10.Theme;
-  as?: React$1.ElementType;
-}, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const PageAlerts: React$1.FC<PageAlertsProps>;
-//#endregion
-export { AlertArea, PageAlerts, PageAlertsProps };
+export declare const AlertArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PageAlerts: React.FC<PageAlertsProps>;

package/dist/PageAlerts/PageAlerts.js

@@ -1,65 +1,75 @@
-import { PageAlertsContext } from "./PageAlertsProvider.js";
-import { Alert, BodyPortal, ContentContainer } from "@codecademy/gamut";
-import styled from "@emotion/styled";
-import { useCallback, useContext, useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { Alert, BodyPortal, ContentContainer } from '@codecademy/gamut';
+import { useCallback, useContext, useEffect, useState } from 'react';
+import * as React from 'react';
+import { PageAlertsContext } from './PageAlertsProvider';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const AlertArea = /*#__PURE__*/_styled("div", {
+  target: "e1ctrpie1",
+  label: "AlertArea"
+})(process.env.NODE_ENV === "production" ? {
+  name: "pe9r4g",
+  styles: "display:grid;justify-content:center;width:100%;padding:1rem 0rem;grid-template-columns:1fr;row-gap:1rem;top:3.5rem;left:50%;z-index:15;position:fixed;transform:translate(-50%, 0)"
+} : {
+  name: "pe9r4g",
+  styles: "display:grid;justify-content:center;width:100%;padding:1rem 0rem;grid-template-columns:1fr;row-gap:1rem;top:3.5rem;left:50%;z-index:15;position:fixed;transform:translate(-50%, 0)/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdlQWxlcnRzL1BhZ2VBbGVydHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtQyIsImZpbGUiOiIuLi8uLi9zcmMvUGFnZUFsZXJ0cy9QYWdlQWxlcnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFsZXJ0LCBCb2R5UG9ydGFsLCBDb250ZW50Q29udGFpbmVyIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIFBhZ2VBbGVydHNDb250ZXh0LFxuICBQYWdlQWxlcnRzQ29udGV4dFZhbHVlLFxufSBmcm9tICcuL1BhZ2VBbGVydHNQcm92aWRlcic7XG5pbXBvcnQgeyBQYWdlQWxlcnQgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgUGFnZUFsZXJ0c1Byb3BzID0ge1xuICBleHRyYT86IFBhZ2VBbGVydFtdO1xufTtcblxuZXhwb3J0IGNvbnN0IEFsZXJ0QXJlYSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogMXJlbSAwcmVtO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgcm93LWdhcDogMXJlbTtcbiAgdG9wOiAzLjVyZW07XG4gIGxlZnQ6IDUwJTtcbiAgei1pbmRleDogMTU7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCk7XG5gO1xuXG5jb25zdCBTdHlsZWRBbGVydCA9IHN0eWxlZChBbGVydClgXG4gIG1heC13aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQYWdlQWxlcnRzOiBSZWFjdC5GQzxQYWdlQWxlcnRzUHJvcHM+ID0gKHsgZXh0cmEgPSBbXSB9KSA9PiB7XG4gIGNvbnN0IHsgYWxlcnRzLCBjbG9zZUFsZXJ0LCBhZGRBbGVydCB9ID1cbiAgICB1c2VDb250ZXh0PFBhZ2VBbGVydHNDb250ZXh0VmFsdWU+KFBhZ2VBbGVydHNDb250ZXh0KTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGV4dHJhLmZvckVhY2goYWRkQWxlcnQpO1xuICB9LCBbZXh0cmEsIGFkZEFsZXJ0XSk7XG5cbiAgY29uc3QgW2FsZXJ0QXJlYSwgc2V0QWxlcnRBcmVhXSA9IHVzZVN0YXRlPEhUTUxEaXZFbGVtZW50PigpO1xuICBjb25zdCByZWZDYWxsYmFjayA9IHVzZUNhbGxiYWNrKFxuICAgIChhbGVydEFyZWE6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgICBzZXRBbGVydEFyZWEoYWxlcnRBcmVhKTtcbiAgICB9LFxuICAgIFtzZXRBbGVydEFyZWFdXG4gICk7XG5cbiAgY29uc3QgZm9jdXNBbGVydENsb3NlQnV0dG9uID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNvbnN0IHJlZkJ1dHRvbiA9IGFsZXJ0QXJlYT8ucXVlcnlTZWxlY3RvcignYnV0dG9uJyk7XG4gICAgcmVmQnV0dG9uPy5mb2N1cygpO1xuICB9LCBbYWxlcnRBcmVhXSk7XG5cbiAgLy8gRm9jdXMgd2hlbiBhbGVydEFyZWEgaXMgZmlyc3QgcmVuZGVyZWQsIGFzIHdlbGwgYXMgd2hlbiBhbGVydHMgY2hhbmdlXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZm9jdXNBbGVydENsb3NlQnV0dG9uKCk7XG4gIH0sIFthbGVydHMsIGZvY3VzQWxlcnRDbG9zZUJ1dHRvbiwgYWxlcnRBcmVhXSk7XG5cbiAgaWYgKCFhbGVydHM/Lmxlbmd0aCkgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm9keVBvcnRhbD5cbiAgICAgIDxBbGVydEFyZWFcbiAgICAgICAgcm9sZT1cImFsZXJ0XCJcbiAgICAgICAgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCJcbiAgICAgICAga2V5PVwiYWxlcnRzXCJcbiAgICAgICAgcmVmPXtyZWZDYWxsYmFja31cbiAgICAgID5cbiAgICAgICAge2FsZXJ0cy5tYXAoKGFsZXJ0KSA9PiAoXG4gICAgICAgICAgPENvbnRlbnRDb250YWluZXIgc2l6ZT1cIm1lZGl1bVwiIGtleT17YWxlcnQubWVzc2FnZX0+XG4gICAgICAgICAgICA8U3R5bGVkQWxlcnRcbiAgICAgICAgICAgICAgY3RhPXthbGVydC5jdGF9XG4gICAgICAgICAgICAgIG9uQ2xvc2U9e1xuICAgICAgICAgICAgICAgIGFsZXJ0LnBlcm1hbmVudFxuICAgICAgICAgICAgICAgICAgPyB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgIDogKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIGNsb3NlQWxlcnQoYWxlcnQubWVzc2FnZSk7XG4gICAgICAgICAgICAgICAgICAgICAgYWxlcnQ/Lm9uQ2xvc2U/LigpO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgdHlwZT17YWxlcnQudHlwZX1cbiAgICAgICAgICAgICAgcGxhY2VtZW50PVwiZmxvYXRpbmdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YWxlcnQubWVzc2FnZX1cbiAgICAgICAgICAgIDwvU3R5bGVkQWxlcnQ+XG4gICAgICAgICAgPC9Db250ZW50Q29udGFpbmVyPlxuICAgICAgICApKX1cbiAgICAgIDwvQWxlcnRBcmVhPlxuICAgIDwvQm9keVBvcnRhbD5cbiAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledAlert = /*#__PURE__*/_styled(Alert, {
+  target: "e1ctrpie0",
+  label: "StyledAlert"
+})(process.env.NODE_ENV === "production" ? {
+  name: "qhxz92",
+  styles: "max-width:100%"
+} : {
+  name: "qhxz92",
+  styles: "max-width:100%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdlQWxlcnRzL1BhZ2VBbGVydHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCaUMiLCJmaWxlIjoiLi4vLi4vc3JjL1BhZ2VBbGVydHMvUGFnZUFsZXJ0cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbGVydCwgQm9keVBvcnRhbCwgQ29udGVudENvbnRhaW5lciB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBQYWdlQWxlcnRzQ29udGV4dCxcbiAgUGFnZUFsZXJ0c0NvbnRleHRWYWx1ZSxcbn0gZnJvbSAnLi9QYWdlQWxlcnRzUHJvdmlkZXInO1xuaW1wb3J0IHsgUGFnZUFsZXJ0IH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCB0eXBlIFBhZ2VBbGVydHNQcm9wcyA9IHtcbiAgZXh0cmE/OiBQYWdlQWxlcnRbXTtcbn07XG5cbmV4cG9ydCBjb25zdCBBbGVydEFyZWEgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDFyZW0gMHJlbTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIHJvdy1nYXA6IDFyZW07XG4gIHRvcDogMy41cmVtO1xuICBsZWZ0OiA1MCU7XG4gIHotaW5kZXg6IDE1O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIDApO1xuYDtcblxuY29uc3QgU3R5bGVkQWxlcnQgPSBzdHlsZWQoQWxlcnQpYFxuICBtYXgtd2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZUFsZXJ0czogUmVhY3QuRkM8UGFnZUFsZXJ0c1Byb3BzPiA9ICh7IGV4dHJhID0gW10gfSkgPT4ge1xuICBjb25zdCB7IGFsZXJ0cywgY2xvc2VBbGVydCwgYWRkQWxlcnQgfSA9XG4gICAgdXNlQ29udGV4dDxQYWdlQWxlcnRzQ29udGV4dFZhbHVlPihQYWdlQWxlcnRzQ29udGV4dCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBleHRyYS5mb3JFYWNoKGFkZEFsZXJ0KTtcbiAgfSwgW2V4dHJhLCBhZGRBbGVydF0pO1xuXG4gIGNvbnN0IFthbGVydEFyZWEsIHNldEFsZXJ0QXJlYV0gPSB1c2VTdGF0ZTxIVE1MRGl2RWxlbWVudD4oKTtcbiAgY29uc3QgcmVmQ2FsbGJhY2sgPSB1c2VDYWxsYmFjayhcbiAgICAoYWxlcnRBcmVhOiBIVE1MRGl2RWxlbWVudCkgPT4ge1xuICAgICAgc2V0QWxlcnRBcmVhKGFsZXJ0QXJlYSk7XG4gICAgfSxcbiAgICBbc2V0QWxlcnRBcmVhXVxuICApO1xuXG4gIGNvbnN0IGZvY3VzQWxlcnRDbG9zZUJ1dHRvbiA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBjb25zdCByZWZCdXR0b24gPSBhbGVydEFyZWE/LnF1ZXJ5U2VsZWN0b3IoJ2J1dHRvbicpO1xuICAgIHJlZkJ1dHRvbj8uZm9jdXMoKTtcbiAgfSwgW2FsZXJ0QXJlYV0pO1xuXG4gIC8vIEZvY3VzIHdoZW4gYWxlcnRBcmVhIGlzIGZpcnN0IHJlbmRlcmVkLCBhcyB3ZWxsIGFzIHdoZW4gYWxlcnRzIGNoYW5nZVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZvY3VzQWxlcnRDbG9zZUJ1dHRvbigpO1xuICB9LCBbYWxlcnRzLCBmb2N1c0FsZXJ0Q2xvc2VCdXR0b24sIGFsZXJ0QXJlYV0pO1xuXG4gIGlmICghYWxlcnRzPy5sZW5ndGgpIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPEJvZHlQb3J0YWw+XG4gICAgICA8QWxlcnRBcmVhXG4gICAgICAgIHJvbGU9XCJhbGVydFwiXG4gICAgICAgIGFyaWEtbGl2ZT1cImFzc2VydGl2ZVwiXG4gICAgICAgIGtleT1cImFsZXJ0c1wiXG4gICAgICAgIHJlZj17cmVmQ2FsbGJhY2t9XG4gICAgICA+XG4gICAgICAgIHthbGVydHMubWFwKChhbGVydCkgPT4gKFxuICAgICAgICAgIDxDb250ZW50Q29udGFpbmVyIHNpemU9XCJtZWRpdW1cIiBrZXk9e2FsZXJ0Lm1lc3NhZ2V9PlxuICAgICAgICAgICAgPFN0eWxlZEFsZXJ0XG4gICAgICAgICAgICAgIGN0YT17YWxlcnQuY3RhfVxuICAgICAgICAgICAgICBvbkNsb3NlPXtcbiAgICAgICAgICAgICAgICBhbGVydC5wZXJtYW5lbnRcbiAgICAgICAgICAgICAgICAgID8gdW5kZWZpbmVkXG4gICAgICAgICAgICAgICAgICA6ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICBjbG9zZUFsZXJ0KGFsZXJ0Lm1lc3NhZ2UpO1xuICAgICAgICAgICAgICAgICAgICAgIGFsZXJ0Py5vbkNsb3NlPy4oKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHR5cGU9e2FsZXJ0LnR5cGV9XG4gICAgICAgICAgICAgIHBsYWNlbWVudD1cImZsb2F0aW5nXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2FsZXJ0Lm1lc3NhZ2V9XG4gICAgICAgICAgICA8L1N0eWxlZEFsZXJ0PlxuICAgICAgICAgIDwvQ29udGVudENvbnRhaW5lcj5cbiAgICAgICAgKSl9XG4gICAgICA8L0FsZXJ0QXJlYT5cbiAgICA8L0JvZHlQb3J0YWw+XG4gICk7XG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const PageAlerts = ({
+  extra = []
+}) => {
+  const {
+    alerts,
+    closeAlert,
+    addAlert
+  } = useContext(PageAlertsContext);
+  useEffect(() => {
+    extra.forEach(addAlert);
+  }, [extra, addAlert]);
+  const [alertArea, setAlertArea] = useState();
+  const refCallback = useCallback(alertArea => {
+    setAlertArea(alertArea);
+  }, [setAlertArea]);
+  const focusAlertCloseButton = useCallback(() => {
+    const refButton = alertArea?.querySelector('button');
+    refButton?.focus();
+  }, [alertArea]);
 
-//#region src/PageAlerts/PageAlerts.tsx
-const AlertArea = styled.div`
-  display: grid;
-  justify-content: center;
-  width: 100%;
-  padding: 1rem 0rem;
-  grid-template-columns: 1fr;
-  row-gap: 1rem;
-  top: 3.5rem;
-  left: 50%;
-  z-index: 15;
-  position: fixed;
-  transform: translate(-50%, 0);
-`;
-const StyledAlert = styled(Alert)`
-  max-width: 100%;
-`;
-const PageAlerts = ({ extra = [] }) => {
-	const { alerts, closeAlert, addAlert } = useContext(PageAlertsContext);
-	useEffect(() => {
-		extra.forEach(addAlert);
-	}, [extra, addAlert]);
-	const [alertArea, setAlertArea] = useState();
-	const refCallback = useCallback((alertArea$1) => {
-		setAlertArea(alertArea$1);
-	}, [setAlertArea]);
-	const focusAlertCloseButton = useCallback(() => {
-		(alertArea?.querySelector("button"))?.focus();
-	}, [alertArea]);
-	useEffect(() => {
-		focusAlertCloseButton();
-	}, [
-		alerts,
-		focusAlertCloseButton,
-		alertArea
-	]);
-	if (!alerts?.length) return null;
-	return /* @__PURE__ */ jsx(BodyPortal, { children: /* @__PURE__ */ jsx(AlertArea, {
-		role: "alert",
-		"aria-live": "assertive",
-		ref: refCallback,
-		children: alerts.map((alert) => /* @__PURE__ */ jsx(ContentContainer, {
-			size: "medium",
-			children: /* @__PURE__ */ jsx(StyledAlert, {
-				cta: alert.cta,
-				onClose: alert.permanent ? void 0 : () => {
-					closeAlert(alert.message);
-					alert?.onClose?.();
-				},
-				type: alert.type,
-				placement: "floating",
-				children: alert.message
-			})
-		}, alert.message))
-	}, "alerts") });
-};
-
-//#endregion
-export { AlertArea, PageAlerts };
+  // Focus when alertArea is first rendered, as well as when alerts change
+  useEffect(() => {
+    focusAlertCloseButton();
+  }, [alerts, focusAlertCloseButton, alertArea]);
+  if (!alerts?.length) return null;
+  return /*#__PURE__*/_jsx(BodyPortal, {
+    children: /*#__PURE__*/_jsx(AlertArea, {
+      role: "alert",
+      "aria-live": "assertive",
+      ref: refCallback,
+      children: alerts.map(alert => /*#__PURE__*/_jsx(ContentContainer, {
+        size: "medium",
+        children: /*#__PURE__*/_jsx(StyledAlert, {
+          cta: alert.cta,
+          onClose: alert.permanent ? undefined : () => {
+            closeAlert(alert.message);
+            alert?.onClose?.();
+          },
+          type: alert.type,
+          placement: "floating",
+          children: alert.message
+        })
+      }, alert.message))
+    }, "alerts")
+  });
+};

package/dist/PageAlerts/PageAlertsProvider.d.ts

@@ -1,15 +1,11 @@
-import { PageAlert } from "./types.js";
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/PageAlerts/PageAlertsProvider.d.ts
-declare const usePageAlertsContext: () => PageAlertsContextValue;
-type PageAlertsContextValue = {
-  alerts: PageAlert[];
-  addAlert: (alert: PageAlert) => void;
-  closeAlert: (alertMessage: string) => void;
+import { WithChildrenProp } from '@codecademy/gamut';
+import * as React from 'react';
+import { PageAlert } from './types';
+export declare const usePageAlertsContext: () => PageAlertsContextValue;
+export type PageAlertsContextValue = {
+    alerts: PageAlert[];
+    addAlert: (alert: PageAlert) => void;
+    closeAlert: (alertMessage: string) => void;
 };
-declare const PageAlertsContext: React$1.Context<PageAlertsContextValue>;
-declare const PageAlertsProvider: React$1.FC<WithChildrenProp>;
-//#endregion
-export { PageAlertsContext, PageAlertsContextValue, PageAlertsProvider, usePageAlertsContext };
+export declare const PageAlertsContext: React.Context<PageAlertsContextValue>;
+export declare const PageAlertsProvider: React.FC<WithChildrenProp>;

package/dist/PageAlerts/PageAlertsProvider.js

@@ -1,37 +1,34 @@
-import * as React$1 from "react";
-import { useCallback, useContext, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import noop from "lodash/fp/noop";
-
-//#region src/PageAlerts/PageAlertsProvider.tsx
-const usePageAlertsContext = () => useContext(PageAlertsContext);
-const PageAlertsContext = React$1.createContext({
-	alerts: [],
-	addAlert: noop,
-	closeAlert: noop
+import noop from 'lodash/fp/noop';
+import { useCallback, useContext, useState } from 'react';
+import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const usePageAlertsContext = () => useContext(PageAlertsContext);
+export const PageAlertsContext = /*#__PURE__*/React.createContext({
+  alerts: [],
+  addAlert: noop,
+  closeAlert: noop
 });
-const PageAlertsProvider = ({ children }) => {
-	const [alerts, setAlerts] = useState([]);
-	const addAlert = useCallback((newAlert) => {
-		setAlerts((existingAlerts) => {
-			if (!existingAlerts.some((alert) => alert.message === newAlert.message)) return [...existingAlerts, newAlert];
-			return existingAlerts;
-		});
-	}, []);
-	const closeAlert = useCallback((message) => {
-		setAlerts((existingAlerts) => {
-			return existingAlerts.filter((alert) => alert.message !== message);
-		});
-	}, []);
-	return /* @__PURE__ */ jsx(PageAlertsContext.Provider, {
-		value: {
-			alerts,
-			addAlert,
-			closeAlert
-		},
-		children
-	});
-};
-
-//#endregion
-export { PageAlertsContext, PageAlertsProvider, usePageAlertsContext };
+export const PageAlertsProvider = ({
+  children
+}) => {
+  const [alerts, setAlerts] = useState([]);
+  const addAlert = useCallback(newAlert => {
+    setAlerts(existingAlerts => {
+      if (!existingAlerts.some(alert => alert.message === newAlert.message)) return [...existingAlerts, newAlert];
+      return existingAlerts;
+    });
+  }, []);
+  const closeAlert = useCallback(message => {
+    setAlerts(existingAlerts => {
+      return existingAlerts.filter(alert => alert.message !== message);
+    });
+  }, []);
+  return /*#__PURE__*/_jsx(PageAlertsContext.Provider, {
+    value: {
+      alerts,
+      addAlert,
+      closeAlert
+    },
+    children: children
+  });
+};

package/dist/PageAlerts/index.d.ts

@@ -1,4 +1,3 @@
-import { PageAlert } from "./types.js";
-import { AlertArea, PageAlerts, PageAlertsProps } from "./PageAlerts.js";
-import { PageAlertsContext, PageAlertsContextValue, PageAlertsProvider, usePageAlertsContext } from "./PageAlertsProvider.js";
-export { AlertArea, PageAlert, PageAlerts, PageAlertsContext, PageAlertsContextValue, PageAlertsProps, PageAlertsProvider, usePageAlertsContext };
+export * from './PageAlerts';
+export * from './PageAlertsProvider';
+export * from './types';

package/dist/PageAlerts/index.js

@@ -1,4 +1,3 @@
-import { PageAlertsContext, PageAlertsProvider, usePageAlertsContext } from "./PageAlertsProvider.js";
-import { AlertArea, PageAlerts } from "./PageAlerts.js";
-
-export { AlertArea, PageAlerts, PageAlertsContext, PageAlertsProvider, usePageAlertsContext };
+export * from './PageAlerts';
+export * from './PageAlertsProvider';
+export * from './types';

package/dist/PageAlerts/types.d.ts

@@ -1,18 +1,17 @@
-import { Alert } from "@codecademy/gamut";
-import { ComponentProps } from "react";
-
-//#region src/PageAlerts/types.d.ts
+import { Alert } from '@codecademy/gamut';
+import { ComponentProps } from 'react';
 type AlertProps = Required<ComponentProps<typeof Alert>>;
 type LimitedCTAProps = 'target' | 'children' | 'onClick' | 'text';
-type ExtractableCTAProps = { [Prop in Extract<keyof AlertProps['cta'], LimitedCTAProps>]?: AlertProps['cta'][Prop] };
-type PageAlert = {
-  cta?: ExtractableCTAProps & {
-    href?: string;
-  };
-  onClose?: () => void;
-  type: Exclude<AlertProps['type'], 'subtle'>;
-  message: string;
-  permanent?: boolean;
+type ExtractableCTAProps = {
+    [Prop in Extract<keyof AlertProps['cta'], LimitedCTAProps>]?: AlertProps['cta'][Prop];
 };
-//#endregion
-export { PageAlert };
+export type PageAlert = {
+    cta?: ExtractableCTAProps & {
+        href?: string;
+    };
+    onClose?: () => void;
+    type: Exclude<AlertProps['type'], 'subtle'>;
+    message: string;
+    permanent?: boolean;
+};
+export {};

package/dist/PageAlerts/types.js

@@ -0,0 +1 @@
+export {};

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.d.ts

@@ -1,22 +1,19 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import React from "react";
-import { UserClickData } from "@codecademy/tracking";
-
-//#region src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.d.ts
+import { WithChildrenProp } from '@codecademy/gamut';
+import { UserClickData } from '@codecademy/tracking';
+import React from 'react';
 type Cols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-type PageLayoutWithSidebarMenuProps = WithChildrenProp & {
-  pageName: string;
-  leftSidebar: {
-    content: React.ReactNode;
-    cols: Cols;
-  };
-  rightSidebar?: {
-    content: React.ReactNode;
-    cols: Cols;
-  };
-  hasBackToTop?: boolean;
-  trackUserClick: (data: UserClickData) => void;
+export type PageLayoutWithSidebarMenuProps = WithChildrenProp & {
+    pageName: string;
+    leftSidebar: {
+        content: React.ReactNode;
+        cols: Cols;
+    };
+    rightSidebar?: {
+        content: React.ReactNode;
+        cols: Cols;
+    };
+    hasBackToTop?: boolean;
+    trackUserClick: (data: UserClickData) => void;
 };
-declare const PageLayoutWithSidebarMenu: React.FC<PageLayoutWithSidebarMenuProps>;
-//#endregion
-export { PageLayoutWithSidebarMenu, PageLayoutWithSidebarMenuProps };
+export declare const PageLayoutWithSidebarMenu: React.FC<PageLayoutWithSidebarMenuProps>;
+export {};

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.js

@@ -1,48 +1,53 @@
-import { BackToTopAnchor } from "../BackToTopAnchor/index.js";
-import { Column, ContentContainer, GridBox, LayoutGrid, SkipToContentTarget } from "@codecademy/gamut";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.tsx
-const PageLayoutWithSidebarMenu = ({ children, pageName, leftSidebar, rightSidebar, hasBackToTop, trackUserClick }) => {
-	return /* @__PURE__ */ jsx(ContentContainer, {
-		as: "main",
-		children: /* @__PURE__ */ jsxs(LayoutGrid, {
-			pb: 64,
-			columnGap: 24,
-			children: [
-				/* @__PURE__ */ jsx(Column, {
-					size: { lg: leftSidebar.cols },
-					py: 16,
-					children: leftSidebar.content
-				}),
-				/* @__PURE__ */ jsxs(Column, {
-					alignContent: "flex-start",
-					size: { lg: 12 - leftSidebar.cols - (rightSidebar?.cols ?? 0) },
-					height: "100%",
-					children: [/* @__PURE__ */ jsx(SkipToContentTarget, { id: "heading" }), children]
-				}),
-				rightSidebar && /* @__PURE__ */ jsx(Column, {
-					size: { lg: rightSidebar.cols },
-					py: 16,
-					children: rightSidebar.content
-				}),
-				hasBackToTop && /* @__PURE__ */ jsx(GridBox, {
-					gridColumnEnd: "span 12",
-					justifyContent: "center",
-					children: /* @__PURE__ */ jsx(BackToTopAnchor, {
-						targetId: `${pageName}_title`,
-						onClick: () => trackUserClick({
-							page_name: pageName,
-							context: "back_to_top",
-							target: "back_to_top"
-						})
-					})
-				})
-			]
-		})
-	});
-};
-
-//#endregion
-export { PageLayoutWithSidebarMenu };
+import { Column, ContentContainer, GridBox, LayoutGrid, SkipToContentTarget } from '@codecademy/gamut';
+import React from 'react';
+import { BackToTopAnchor } from '../BackToTopAnchor';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PageLayoutWithSidebarMenu = ({
+  children,
+  pageName,
+  leftSidebar,
+  rightSidebar,
+  hasBackToTop,
+  trackUserClick
+}) => {
+  return /*#__PURE__*/_jsx(ContentContainer, {
+    as: "main",
+    children: /*#__PURE__*/_jsxs(LayoutGrid, {
+      pb: 64,
+      columnGap: 24,
+      children: [/*#__PURE__*/_jsx(Column, {
+        size: {
+          lg: leftSidebar.cols
+        },
+        py: 16,
+        children: leftSidebar.content
+      }), /*#__PURE__*/_jsxs(Column, {
+        alignContent: "flex-start",
+        size: {
+          lg: 12 - leftSidebar.cols - (rightSidebar?.cols ?? 0)
+        },
+        height: "100%",
+        children: [/*#__PURE__*/_jsx(SkipToContentTarget, {
+          id: "heading"
+        }), children]
+      }), rightSidebar && /*#__PURE__*/_jsx(Column, {
+        size: {
+          lg: rightSidebar.cols
+        },
+        py: 16,
+        children: rightSidebar.content
+      }), hasBackToTop && /*#__PURE__*/_jsx(GridBox, {
+        gridColumnEnd: "span 12",
+        justifyContent: "center",
+        children: /*#__PURE__*/_jsx(BackToTopAnchor, {
+          targetId: `${pageName}_title`,
+          onClick: () => trackUserClick({
+            page_name: pageName,
+            context: 'back_to_top',
+            target: 'back_to_top'
+          })
+        })
+      })]
+    })
+  });
+};

package/dist/PageLayoutWithSidebarMenu/index.d.ts

@@ -1,2 +1 @@
-import { PageLayoutWithSidebarMenu, PageLayoutWithSidebarMenuProps } from "./PageLayoutWithSidebarMenu.js";
-export { PageLayoutWithSidebarMenu, PageLayoutWithSidebarMenuProps };
+export * from './PageLayoutWithSidebarMenu';

package/dist/PageLayoutWithSidebarMenu/index.js

@@ -1,3 +1 @@
-import { PageLayoutWithSidebarMenu } from "./PageLayoutWithSidebarMenu.js";
-
-export { PageLayoutWithSidebarMenu };
+export * from './PageLayoutWithSidebarMenu';

package/dist/PageSection/index.d.ts

@@ -1,20 +1,17 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-import { AriaAttributes, ReactNode } from "react";
-
-//#region src/PageSection/index.d.ts
+import { WithChildrenProp } from '@codecademy/gamut';
+import { AriaAttributes, ReactNode } from 'react';
+import * as React from 'react';
 type TextButtonMinimumProps = AriaAttributes & {
-  text: string;
-  href?: string;
-  onClick?: () => void;
+    text: string;
+    href?: string;
+    onClick?: () => void;
 };
-type SectionButton = TextButtonMinimumProps | ReactNode;
-interface PageSectionProps extends WithChildrenProp {
-  title: string;
-  headerButton?: SectionButton;
-  headerSecondaryButton?: SectionButton;
-  footerButton?: SectionButton;
+export type SectionButton = TextButtonMinimumProps | ReactNode;
+export interface PageSectionProps extends WithChildrenProp {
+    title: string;
+    headerButton?: SectionButton;
+    headerSecondaryButton?: SectionButton;
+    footerButton?: SectionButton;
 }
-declare const PageSection: React$1.FC<PageSectionProps>;
-//#endregion
-export { PageSection, PageSectionProps, SectionButton };
+export declare const PageSection: React.FC<PageSectionProps>;
+export {};