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

package/dist/NotificationList/NotificationItem.d.cts

@@ -1,13 +0,0 @@
-import { Notification } from "./typings.cjs";
-import * as React$1 from "react";
-
-//#region src/NotificationList/NotificationItem.d.ts
-type NotificationItemProps = {
-  notification: Notification;
-  handleClick?: (event: object) => void;
-  handleDismiss?: () => void;
-};
-declare const NotificationItem: React$1.FC<NotificationItemProps>;
-//#endregion
-export { NotificationItem, NotificationItemProps };
-//# sourceMappingURL=NotificationItem.d.cts.map

package/dist/NotificationList/NotificationItem.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationItem.d.cts","names":[],"sources":["../../src/NotificationList/NotificationItem.tsx"],"sourcesContent":[],"mappings":";;;;KAuEY,qBAAA;gBACI;EADJ,WAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAqB,EAAA,GAAA,IACjB;EAKH,aAAA,CAAA,EAAA,GAoHZ,GAAA,IAAA;;cApHY,kBAAkB,OAAA,CAAM,GAAG"}

package/dist/NotificationList/NotificationItem.d.mts

@@ -1,13 +0,0 @@
-import { Notification } from "./typings.mjs";
-import * as React$1 from "react";
-
-//#region src/NotificationList/NotificationItem.d.ts
-type NotificationItemProps = {
-  notification: Notification;
-  handleClick?: (event: object) => void;
-  handleDismiss?: () => void;
-};
-declare const NotificationItem: React$1.FC<NotificationItemProps>;
-//#endregion
-export { NotificationItem, NotificationItemProps };
-//# sourceMappingURL=NotificationItem.d.mts.map

package/dist/NotificationList/NotificationItem.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationItem.d.mts","names":[],"sources":["../../src/NotificationList/NotificationItem.tsx"],"sourcesContent":[],"mappings":";;;;KAuEY,qBAAA;gBACI;EADJ,WAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAqB,EAAA,GAAA,IACjB;EAKH,aAAA,CAAA,EAAA,GAoHZ,GAAA,IAAA;;cApHY,kBAAkB,OAAA,CAAM,GAAG"}

package/dist/NotificationList/NotificationItem.mjs

@@ -1,119 +0,0 @@
-import { Box, FlexBox, IconButton, Text } from "@codecademy/gamut";
-import { themed } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import * as React$1 from "react";
-import { MiniDeleteIcon, MultipleUsersIcon } from "@codecademy/gamut-icons";
-import { CheckerDense } from "@codecademy/gamut-patterns";
-import { Bell, ChatBox, EmailAt, Envelope, Heart, Megaphone, New } from "@codecademy/gamut-illustrations";
-
-//#region src/NotificationList/NotificationItem.tsx
-const StyledLink = /* @__PURE__ */ styled("a", {
-	target: "e1gtce5z0",
-	label: "brand-StyledLink"
-})("text-decoration:none;display:block;z-index:1;&:before,&:after{top:-1px;left:0;z-index:0;content:'';position:absolute;width:100%;height:calc(100% + 2px);transition:background 250ms;}&:focus{outline:none;}&:focus-visible{&:after{border-radius:4px;border:2px solid ", themed("colors.navy"), ";}}&:hover{text-decoration:none;&:before{background-color:", ({ theme: theme$1 }) => theme$1.colors["gray-100"], ";}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL05vdGlmaWNhdGlvbkxpc3QvTm90aWZpY2F0aW9uSXRlbS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9Ob3RpZmljYXRpb25MaXN0L05vdGlmaWNhdGlvbkl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgSWNvbkJ1dHRvbiwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7XG4gIEdhbXV0SWNvblByb3BzLFxuICBNaW5pRGVsZXRlSWNvbixcbiAgTXVsdGlwbGVVc2Vyc0ljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7XG4gIEJlbGwsXG4gIENoYXRCb3gsXG4gIEVtYWlsQXQsXG4gIEVudmVsb3BlLFxuICBIZWFydCxcbiAgSWxsdXN0cmF0aW9uUHJvcHMsXG4gIE1lZ2FwaG9uZSxcbiAgTmV3LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pbGx1c3RyYXRpb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IHRoZW1lZCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IE5vdGlmaWNhdGlvbiB9IGZyb20gJy4vdHlwaW5ncyc7XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQuYWBcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgei1pbmRleDogMTtcblxuICAmOmJlZm9yZSxcbiAgJjphZnRlciB7XG4gICAgdG9wOiAtMXB4O1xuICAgIGxlZnQ6IDA7XG4gICAgei1pbmRleDogMDtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiBjYWxjKDEwMCUgKyAycHgpO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMjUwbXM7XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuICAmOmZvY3VzLXZpc2libGUge1xuICAgICY6YWZ0ZXIge1xuICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZWQoJ2NvbG9ycy5uYXZ5Jyl9O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgJjpiZWZvcmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lZCgnY29sb3JzLm5hdnknKX07XG4gIGhlaWdodDogM3JlbTtcbiAgd2lkdGg6IDNyZW07XG5gO1xuXG5jb25zdCBpc0ludGVybmFsTGluayA9IChocmVmOiBzdHJpbmcpID0+IHtcbiAgdHJ5IHtcbiAgICByZXR1cm4gbmV3IFVSTChocmVmKS5ob3N0bmFtZSA9PT0gd2luZG93LmxvY2F0aW9uLmhvc3RuYW1lO1xuICB9IGNhdGNoIChfZSkge31cbiAgcmV0dXJuIGZhbHNlO1xufTtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uSXRlbVByb3BzID0ge1xuICBub3RpZmljYXRpb246IE5vdGlmaWNhdGlvbjtcbiAgaGFuZGxlQ2xpY2s/OiAoZXZlbnQ6IG9iamVjdCkgPT4gdm9pZDtcbiAgaGFuZGxlRGlzbWlzcz86ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uSXRlbTogUmVhY3QuRkM8Tm90aWZpY2F0aW9uSXRlbVByb3BzPiA9ICh7XG4gIGhhbmRsZURpc21pc3MsXG4gIG5vdGlmaWNhdGlvbixcbiAgaGFuZGxlQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IHsgZGF0ZSwgaW1hZ2VVcmwsIGxpbmssIHRleHQsIHR5cGUsIGlkIH0gPSBub3RpZmljYXRpb247XG4gIGNvbnN0IG5vdGlmaWNhdGlvbkl0ZW1JZCA9IGBOb3RpZmljYXRpb25JdGVtJHtpZH1gO1xuXG4gIGNvbnN0IHJlbmRlcklsbHVzdHJhdGlvbiA9IChJbGx1c3RyYXRpb246IFJlYWN0LkZDPElsbHVzdHJhdGlvblByb3BzPikgPT4gKFxuICAgIDxCb3ggZGlzcGxheT1cImlubGluZS1mbGV4XCIgYXJpYS1oaWRkZW4+XG4gICAgICA8SWxsdXN0cmF0aW9uIGhlaWdodD17NDh9IHdpZHRoPXs0OH0gLz5cbiAgICA8L0JveD5cbiAgKTtcblxuICBjb25zdCByZW5kZXJJY29uID0gKEljb246IFJlYWN0LkZDPEdhbXV0SWNvblByb3BzPikgPT4gKFxuICAgIDxCb3hcbiAgICAgIGRpc3BsYXk9XCJpbmxpbmUtZmxleFwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgIGJvcmRlclJhZGl1cz1cImZ1bGxcIlxuICAgICAgYm9yZGVyPXsxfVxuICAgICAgd2lkdGg9ezUwfVxuICAgICAgaGVpZ2h0PXs1MH1cbiAgICAgIGFyaWEtaGlkZGVuXG4gICAgPlxuICAgICAgPEljb24gaGVpZ2h0PXsyMn0gd2lkdGg9ezIyfSAvPlxuICAgIDwvQm94PlxuICApO1xuXG4gIGNvbnN0IHJlbmRlckltYWdlID0gKCkgPT4ge1xuICAgIGlmIChpbWFnZVVybCkgcmV0dXJuIDxTdHlsZWRJbWcgc3JjPXtpbWFnZVVybH0gYWx0PVwiXCIgLz47XG5cbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgIGNhc2UgJ21hcmtldGluZ19ibGFzdCc6XG4gICAgICAgIHJldHVybiByZW5kZXJJbGx1c3RyYXRpb24oTWVnYXBob25lKTtcbiAgICAgIGNhc2UgJ2N1cnJpY3VsdW1fYmxhc3QnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKE5ldyk7XG4gICAgICBjYXNlICdjb2hvcnRfYmxhc3QnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWNvbihNdWx0aXBsZVVzZXJzSWNvbik7XG4gICAgICBjYXNlICdmb3J1bV9jb21tZW50JzpcbiAgICAgICAgcmV0dXJuIHJlbmRlcklsbHVzdHJhdGlvbihDaGF0Qm94KTtcbiAgICAgIGNhc2UgJ2ZvcnVtX21lc3NhZ2UnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKEVudmVsb3BlKTtcbiAgICAgIGNhc2UgJ2ZvcnVtX2xpa2UnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKEhlYXJ0KTtcbiAgICAgIGNhc2UgJ2ZvcnVtX21lbnRpb24nOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKEVtYWlsQXQpO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIHJlbmRlcklsbHVzdHJhdGlvbihCZWxsKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgbm90aWZpY2F0aW9uQ29udGVudDogUmVhY3RFbGVtZW50ID0gKFxuICAgIDxGbGV4Qm94IHpJbmRleD17MX0gcG9zaXRpb249XCJyZWxhdGl2ZVwiIHRleHRDb2xvcj1cInRleHRcIj5cbiAgICAgIHtyZW5kZXJJbWFnZSgpfVxuICAgICAgPEJveCBmbGV4PXsxfSBwbD17MTJ9PlxuICAgICAgICA8VGV4dCBpZD17bm90aWZpY2F0aW9uSXRlbUlkfSB2YXJpYW50PVwicC1zbWFsbFwiPlxuICAgICAgICAgIHt0ZXh0fVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgdGV4dENvbG9yPVwidGV4dC1zZWNvbmRhcnlcIiBtbD17NH0+XG4gICAgICAgICAge2RhdGV9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvQm94PlxuICAgIDwvRmxleEJveD5cbiAgKTtcblxuICBjb25zdCBkaXNtaXNzSWNvbjogUmVhY3RFbGVtZW50ID0gKFxuICAgIDxJY29uQnV0dG9uXG4gICAgICBpY29uPXtNaW5pRGVsZXRlSWNvbn1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZURpc21pc3N9XG4gICAgICBhcmlhLWRlc2NyaWJlZGJ5PXtub3RpZmljYXRpb25JdGVtSWR9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICB6LWluZGV4PXsxfVxuICAgICAgdGlwPVwiRGlzbWlzcyBub3RpZmljYXRpb25cIlxuICAgICAgdGlwUHJvcHM9e3sgYWxpZ25tZW50OiAnYm90dG9tLWNlbnRlcicsIHBsYWNlbWVudDogJ2Zsb2F0aW5nJyB9fVxuICAgIC8+XG4gICk7XG5cbiAgY29uc3Qgc2VwYXJhdG9yUGF0dGVybiA9IChcbiAgICA8Qm94IHB4PXszMn0gbT17MH0gYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICA8Q2hlY2tlckRlbnNlIGhlaWdodD1cIjFweFwiIGRpc3BsYXk9XCJmbGV4XCIgLz5cbiAgICA8L0JveD5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxsaT5cbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIHB5PXsyNH1cbiAgICAgICAgcHg9ezMyfVxuICAgICAgICBhbGlnbkl0ZW1zPVwiZmxleC1zdGFydFwiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgPlxuICAgICAgICB7bGluayA/IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFN0eWxlZExpbmtcbiAgICAgICAgICAgICAgaHJlZj17bGlua31cbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YCR7dGV4dH0sICR7ZGF0ZX0gYWdvYH1cbiAgICAgICAgICAgICAgcmVsPXtpc0ludGVybmFsTGluayhsaW5rKSA/ICcnIDogJ25vb3BlbmVyIG5vcmVmZXJyZXInfVxuICAgICAgICAgICAgICB0YXJnZXQ9e2lzSW50ZXJuYWxMaW5rKGxpbmspID8gJycgOiAnX2JsYW5rJ31cbiAgICAgICAgICAgICAgb25DbGljaz17KGV2ZW50KSA9PiBoYW5kbGVDbGljaz8uKGV2ZW50KX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge25vdGlmaWNhdGlvbkNvbnRlbnR9XG4gICAgICAgICAgICA8L1N0eWxlZExpbms+XG4gICAgICAgICAgPC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPD57bm90aWZpY2F0aW9uQ29udGVudH08Lz5cbiAgICAgICAgKX1cbiAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIiB6SW5kZXg9ezF9PlxuICAgICAgICAgIHtoYW5kbGVEaXNtaXNzICYmIGRpc21pc3NJY29ufVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgICB7c2VwYXJhdG9yUGF0dGVybn1cbiAgICA8L2xpPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Qm1CIn0= */");
-const StyledImg = /* @__PURE__ */ styled("img", {
-	target: "e1gtce5z1",
-	label: "brand-StyledImg"
-})("border-radius:50%;border:1px solid ", themed("colors.navy"), ";height:3rem;width:3rem;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL05vdGlmaWNhdGlvbkxpc3QvTm90aWZpY2F0aW9uSXRlbS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9Ob3RpZmljYXRpb25MaXN0L05vdGlmaWNhdGlvbkl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgSWNvbkJ1dHRvbiwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7XG4gIEdhbXV0SWNvblByb3BzLFxuICBNaW5pRGVsZXRlSWNvbixcbiAgTXVsdGlwbGVVc2Vyc0ljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7XG4gIEJlbGwsXG4gIENoYXRCb3gsXG4gIEVtYWlsQXQsXG4gIEVudmVsb3BlLFxuICBIZWFydCxcbiAgSWxsdXN0cmF0aW9uUHJvcHMsXG4gIE1lZ2FwaG9uZSxcbiAgTmV3LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pbGx1c3RyYXRpb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IHRoZW1lZCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IE5vdGlmaWNhdGlvbiB9IGZyb20gJy4vdHlwaW5ncyc7XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQuYWBcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgei1pbmRleDogMTtcblxuICAmOmJlZm9yZSxcbiAgJjphZnRlciB7XG4gICAgdG9wOiAtMXB4O1xuICAgIGxlZnQ6IDA7XG4gICAgei1pbmRleDogMDtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiBjYWxjKDEwMCUgKyAycHgpO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMjUwbXM7XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuICAmOmZvY3VzLXZpc2libGUge1xuICAgICY6YWZ0ZXIge1xuICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZWQoJ2NvbG9ycy5uYXZ5Jyl9O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgJjpiZWZvcmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lZCgnY29sb3JzLm5hdnknKX07XG4gIGhlaWdodDogM3JlbTtcbiAgd2lkdGg6IDNyZW07XG5gO1xuXG5jb25zdCBpc0ludGVybmFsTGluayA9IChocmVmOiBzdHJpbmcpID0+IHtcbiAgdHJ5IHtcbiAgICByZXR1cm4gbmV3IFVSTChocmVmKS5ob3N0bmFtZSA9PT0gd2luZG93LmxvY2F0aW9uLmhvc3RuYW1lO1xuICB9IGNhdGNoIChfZSkge31cbiAgcmV0dXJuIGZhbHNlO1xufTtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uSXRlbVByb3BzID0ge1xuICBub3RpZmljYXRpb246IE5vdGlmaWNhdGlvbjtcbiAgaGFuZGxlQ2xpY2s/OiAoZXZlbnQ6IG9iamVjdCkgPT4gdm9pZDtcbiAgaGFuZGxlRGlzbWlzcz86ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uSXRlbTogUmVhY3QuRkM8Tm90aWZpY2F0aW9uSXRlbVByb3BzPiA9ICh7XG4gIGhhbmRsZURpc21pc3MsXG4gIG5vdGlmaWNhdGlvbixcbiAgaGFuZGxlQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IHsgZGF0ZSwgaW1hZ2VVcmwsIGxpbmssIHRleHQsIHR5cGUsIGlkIH0gPSBub3RpZmljYXRpb247XG4gIGNvbnN0IG5vdGlmaWNhdGlvbkl0ZW1JZCA9IGBOb3RpZmljYXRpb25JdGVtJHtpZH1gO1xuXG4gIGNvbnN0IHJlbmRlcklsbHVzdHJhdGlvbiA9IChJbGx1c3RyYXRpb246IFJlYWN0LkZDPElsbHVzdHJhdGlvblByb3BzPikgPT4gKFxuICAgIDxCb3ggZGlzcGxheT1cImlubGluZS1mbGV4XCIgYXJpYS1oaWRkZW4+XG4gICAgICA8SWxsdXN0cmF0aW9uIGhlaWdodD17NDh9IHdpZHRoPXs0OH0gLz5cbiAgICA8L0JveD5cbiAgKTtcblxuICBjb25zdCByZW5kZXJJY29uID0gKEljb246IFJlYWN0LkZDPEdhbXV0SWNvblByb3BzPikgPT4gKFxuICAgIDxCb3hcbiAgICAgIGRpc3BsYXk9XCJpbmxpbmUtZmxleFwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgIGJvcmRlclJhZGl1cz1cImZ1bGxcIlxuICAgICAgYm9yZGVyPXsxfVxuICAgICAgd2lkdGg9ezUwfVxuICAgICAgaGVpZ2h0PXs1MH1cbiAgICAgIGFyaWEtaGlkZGVuXG4gICAgPlxuICAgICAgPEljb24gaGVpZ2h0PXsyMn0gd2lkdGg9ezIyfSAvPlxuICAgIDwvQm94PlxuICApO1xuXG4gIGNvbnN0IHJlbmRlckltYWdlID0gKCkgPT4ge1xuICAgIGlmIChpbWFnZVVybCkgcmV0dXJuIDxTdHlsZWRJbWcgc3JjPXtpbWFnZVVybH0gYWx0PVwiXCIgLz47XG5cbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgIGNhc2UgJ21hcmtldGluZ19ibGFzdCc6XG4gICAgICAgIHJldHVybiByZW5kZXJJbGx1c3RyYXRpb24oTWVnYXBob25lKTtcbiAgICAgIGNhc2UgJ2N1cnJpY3VsdW1fYmxhc3QnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKE5ldyk7XG4gICAgICBjYXNlICdjb2hvcnRfYmxhc3QnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWNvbihNdWx0aXBsZVVzZXJzSWNvbik7XG4gICAgICBjYXNlICdmb3J1bV9jb21tZW50JzpcbiAgICAgICAgcmV0dXJuIHJlbmRlcklsbHVzdHJhdGlvbihDaGF0Qm94KTtcbiAgICAgIGNhc2UgJ2ZvcnVtX21lc3NhZ2UnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKEVudmVsb3BlKTtcbiAgICAgIGNhc2UgJ2ZvcnVtX2xpa2UnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKEhlYXJ0KTtcbiAgICAgIGNhc2UgJ2ZvcnVtX21lbnRpb24nOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKEVtYWlsQXQpO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIHJlbmRlcklsbHVzdHJhdGlvbihCZWxsKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgbm90aWZpY2F0aW9uQ29udGVudDogUmVhY3RFbGVtZW50ID0gKFxuICAgIDxGbGV4Qm94IHpJbmRleD17MX0gcG9zaXRpb249XCJyZWxhdGl2ZVwiIHRleHRDb2xvcj1cInRleHRcIj5cbiAgICAgIHtyZW5kZXJJbWFnZSgpfVxuICAgICAgPEJveCBmbGV4PXsxfSBwbD17MTJ9PlxuICAgICAgICA8VGV4dCBpZD17bm90aWZpY2F0aW9uSXRlbUlkfSB2YXJpYW50PVwicC1zbWFsbFwiPlxuICAgICAgICAgIHt0ZXh0fVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgdGV4dENvbG9yPVwidGV4dC1zZWNvbmRhcnlcIiBtbD17NH0+XG4gICAgICAgICAge2RhdGV9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvQm94PlxuICAgIDwvRmxleEJveD5cbiAgKTtcblxuICBjb25zdCBkaXNtaXNzSWNvbjogUmVhY3RFbGVtZW50ID0gKFxuICAgIDxJY29uQnV0dG9uXG4gICAgICBpY29uPXtNaW5pRGVsZXRlSWNvbn1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZURpc21pc3N9XG4gICAgICBhcmlhLWRlc2NyaWJlZGJ5PXtub3RpZmljYXRpb25JdGVtSWR9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICB6LWluZGV4PXsxfVxuICAgICAgdGlwPVwiRGlzbWlzcyBub3RpZmljYXRpb25cIlxuICAgICAgdGlwUHJvcHM9e3sgYWxpZ25tZW50OiAnYm90dG9tLWNlbnRlcicsIHBsYWNlbWVudDogJ2Zsb2F0aW5nJyB9fVxuICAgIC8+XG4gICk7XG5cbiAgY29uc3Qgc2VwYXJhdG9yUGF0dGVybiA9IChcbiAgICA8Qm94IHB4PXszMn0gbT17MH0gYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICA8Q2hlY2tlckRlbnNlIGhlaWdodD1cIjFweFwiIGRpc3BsYXk9XCJmbGV4XCIgLz5cbiAgICA8L0JveD5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxsaT5cbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIHB5PXsyNH1cbiAgICAgICAgcHg9ezMyfVxuICAgICAgICBhbGlnbkl0ZW1zPVwiZmxleC1zdGFydFwiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgPlxuICAgICAgICB7bGluayA/IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFN0eWxlZExpbmtcbiAgICAgICAgICAgICAgaHJlZj17bGlua31cbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YCR7dGV4dH0sICR7ZGF0ZX0gYWdvYH1cbiAgICAgICAgICAgICAgcmVsPXtpc0ludGVybmFsTGluayhsaW5rKSA/ICcnIDogJ25vb3BlbmVyIG5vcmVmZXJyZXInfVxuICAgICAgICAgICAgICB0YXJnZXQ9e2lzSW50ZXJuYWxMaW5rKGxpbmspID8gJycgOiAnX2JsYW5rJ31cbiAgICAgICAgICAgICAgb25DbGljaz17KGV2ZW50KSA9PiBoYW5kbGVDbGljaz8uKGV2ZW50KX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge25vdGlmaWNhdGlvbkNvbnRlbnR9XG4gICAgICAgICAgICA8L1N0eWxlZExpbms+XG4gICAgICAgICAgPC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPD57bm90aWZpY2F0aW9uQ29udGVudH08Lz5cbiAgICAgICAgKX1cbiAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIiB6SW5kZXg9ezF9PlxuICAgICAgICAgIHtoYW5kbGVEaXNtaXNzICYmIGRpc21pc3NJY29ufVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgICB7c2VwYXJhdG9yUGF0dGVybn1cbiAgICA8L2xpPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RGtCIn0= */");
-const isInternalLink = (href) => {
-	try {
-		return new URL(href).hostname === window.location.hostname;
-	} catch (_e) {}
-	return false;
-};
-const NotificationItem = ({ handleDismiss, notification, handleClick }) => {
-	const { date, imageUrl, link, text, type, id } = notification;
-	const notificationItemId = `NotificationItem${id}`;
-	const renderIllustration = (Illustration) => /* @__PURE__ */ React$1.createElement(Box, {
-		display: "inline-flex",
-		"aria-hidden": true
-	}, /* @__PURE__ */ React$1.createElement(Illustration, {
-		height: 48,
-		width: 48
-	}));
-	const renderIcon = (Icon) => /* @__PURE__ */ React$1.createElement(Box, {
-		display: "inline-flex",
-		justifyContent: "center",
-		alignItems: "center",
-		borderRadius: "full",
-		border: 1,
-		width: 50,
-		height: 50,
-		"aria-hidden": true
-	}, /* @__PURE__ */ React$1.createElement(Icon, {
-		height: 22,
-		width: 22
-	}));
-	const renderImage = () => {
-		if (imageUrl) return /* @__PURE__ */ React$1.createElement(StyledImg, {
-			src: imageUrl,
-			alt: ""
-		});
-		switch (type) {
-			case "marketing_blast": return renderIllustration(Megaphone);
-			case "curriculum_blast": return renderIllustration(New);
-			case "cohort_blast": return renderIcon(MultipleUsersIcon);
-			case "forum_comment": return renderIllustration(ChatBox);
-			case "forum_message": return renderIllustration(Envelope);
-			case "forum_like": return renderIllustration(Heart);
-			case "forum_mention": return renderIllustration(EmailAt);
-			default: return renderIllustration(Bell);
-		}
-	};
-	const notificationContent = /* @__PURE__ */ React$1.createElement(FlexBox, {
-		zIndex: 1,
-		position: "relative",
-		textColor: "text"
-	}, renderImage(), /* @__PURE__ */ React$1.createElement(Box, {
-		flex: 1,
-		pl: 12
-	}, /* @__PURE__ */ React$1.createElement(Text, {
-		id: notificationItemId,
-		variant: "p-small"
-	}, text), /* @__PURE__ */ React$1.createElement(Text, {
-		variant: "p-small",
-		textColor: "text-secondary",
-		ml: 4
-	}, date)));
-	const dismissIcon = /* @__PURE__ */ React$1.createElement(IconButton, {
-		icon: MiniDeleteIcon,
-		onClick: handleDismiss,
-		"aria-describedby": notificationItemId,
-		size: "small",
-		variant: "secondary",
-		"z-index": 1,
-		tip: "Dismiss notification",
-		tipProps: {
-			alignment: "bottom-center",
-			placement: "floating"
-		}
-	});
-	const separatorPattern = /* @__PURE__ */ React$1.createElement(Box, {
-		px: 32,
-		m: 0,
-		"aria-hidden": "true"
-	}, /* @__PURE__ */ React$1.createElement(CheckerDense, {
-		height: "1px",
-		display: "flex"
-	}));
-	return /* @__PURE__ */ React$1.createElement("li", null, /* @__PURE__ */ React$1.createElement(FlexBox, {
-		py: 24,
-		px: 32,
-		alignItems: "flex-start",
-		justifyContent: "space-between",
-		position: "relative"
-	}, link ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(StyledLink, {
-		href: link,
-		"aria-label": `${text}, ${date} ago`,
-		rel: isInternalLink(link) ? "" : "noopener noreferrer",
-		target: isInternalLink(link) ? "" : "_blank",
-		onClick: (event) => handleClick?.(event)
-	}, notificationContent)) : /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, notificationContent), /* @__PURE__ */ React$1.createElement(FlexBox, {
-		alignItems: "flex-start",
-		zIndex: 1
-	}, handleDismiss && dismissIcon)), separatorPattern);
-};
-
-//#endregion
-export { NotificationItem };
-//# sourceMappingURL=NotificationItem.mjs.map

package/dist/NotificationList/NotificationItem.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationItem.mjs","names":["Box","FlexBox","IconButton","Text","MiniDeleteIcon","MultipleUsersIcon","Bell","ChatBox","EmailAt","Envelope","Heart","Megaphone","New","CheckerDense","themed","styled","React","StyledLink","theme","colors","StyledImg","isInternalLink","href","URL","hostname","window","location","_e","NotificationItem","handleDismiss","notification","handleClick","date","imageUrl","link","text","type","id","notificationItemId","renderIllustration","Illustration","display","aria-hidden","height","width","renderIcon","Icon","justifyContent","alignItems","borderRadius","border","renderImage","src","alt","notificationContent","zIndex","position","textColor","flex","pl","variant","ml","dismissIcon","icon","onClick","aria-describedby","size","z-index","tip","tipProps","alignment","placement","separatorPattern","px","m","li","py","aria-label","rel","target","event"],"sources":["../../src/NotificationList/NotificationItem.tsx"],"sourcesContent":["import { Box, FlexBox, IconButton, Text } from '@codecademy/gamut';\nimport {\n  GamutIconProps,\n  MiniDeleteIcon,\n  MultipleUsersIcon,\n} from '@codecademy/gamut-icons';\nimport {\n  Bell,\n  ChatBox,\n  EmailAt,\n  Envelope,\n  Heart,\n  IllustrationProps,\n  Megaphone,\n  New,\n} from '@codecademy/gamut-illustrations';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { themed } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { ReactElement } from 'react';\nimport * as React from 'react';\n\nimport { Notification } from './typings';\n\nconst StyledLink = styled.a`\n  text-decoration: none;\n  display: block;\n  z-index: 1;\n\n  &:before,\n  &:after {\n    top: -1px;\n    left: 0;\n    z-index: 0;\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: calc(100% + 2px);\n    transition: background 250ms;\n  }\n  &:focus {\n    outline: none;\n  }\n  &:focus-visible {\n    &:after {\n      border-radius: 4px;\n      border: 2px solid ${themed('colors.navy')};\n    }\n  }\n  &:hover {\n    text-decoration: none;\n    &:before {\n      background-color: ${({ theme }) => theme.colors['gray-100']};\n    }\n  }\n`;\n\nconst StyledImg = styled.img`\n  border-radius: 50%;\n  border: 1px solid ${themed('colors.navy')};\n  height: 3rem;\n  width: 3rem;\n`;\n\nconst isInternalLink = (href: string) => {\n  try {\n    return new URL(href).hostname === window.location.hostname;\n  } catch (_e) {}\n  return false;\n};\n\nexport type NotificationItemProps = {\n  notification: Notification;\n  handleClick?: (event: object) => void;\n  handleDismiss?: () => void;\n};\n\nexport const NotificationItem: React.FC<NotificationItemProps> = ({\n  handleDismiss,\n  notification,\n  handleClick,\n}) => {\n  const { date, imageUrl, link, text, type, id } = notification;\n  const notificationItemId = `NotificationItem${id}`;\n\n  const renderIllustration = (Illustration: React.FC<IllustrationProps>) => (\n    <Box display=\"inline-flex\" aria-hidden>\n      <Illustration height={48} width={48} />\n    </Box>\n  );\n\n  const renderIcon = (Icon: React.FC<GamutIconProps>) => (\n    <Box\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      borderRadius=\"full\"\n      border={1}\n      width={50}\n      height={50}\n      aria-hidden\n    >\n      <Icon height={22} width={22} />\n    </Box>\n  );\n\n  const renderImage = () => {\n    if (imageUrl) return <StyledImg src={imageUrl} alt=\"\" />;\n\n    switch (type) {\n      case 'marketing_blast':\n        return renderIllustration(Megaphone);\n      case 'curriculum_blast':\n        return renderIllustration(New);\n      case 'cohort_blast':\n        return renderIcon(MultipleUsersIcon);\n      case 'forum_comment':\n        return renderIllustration(ChatBox);\n      case 'forum_message':\n        return renderIllustration(Envelope);\n      case 'forum_like':\n        return renderIllustration(Heart);\n      case 'forum_mention':\n        return renderIllustration(EmailAt);\n      default:\n        return renderIllustration(Bell);\n    }\n  };\n\n  const notificationContent: ReactElement = (\n    <FlexBox zIndex={1} position=\"relative\" textColor=\"text\">\n      {renderImage()}\n      <Box flex={1} pl={12}>\n        <Text id={notificationItemId} variant=\"p-small\">\n          {text}\n        </Text>\n        <Text variant=\"p-small\" textColor=\"text-secondary\" ml={4}>\n          {date}\n        </Text>\n      </Box>\n    </FlexBox>\n  );\n\n  const dismissIcon: ReactElement = (\n    <IconButton\n      icon={MiniDeleteIcon}\n      onClick={handleDismiss}\n      aria-describedby={notificationItemId}\n      size=\"small\"\n      variant=\"secondary\"\n      z-index={1}\n      tip=\"Dismiss notification\"\n      tipProps={{ alignment: 'bottom-center', placement: 'floating' }}\n    />\n  );\n\n  const separatorPattern = (\n    <Box px={32} m={0} aria-hidden=\"true\">\n      <CheckerDense height=\"1px\" display=\"flex\" />\n    </Box>\n  );\n\n  return (\n    <li>\n      <FlexBox\n        py={24}\n        px={32}\n        alignItems=\"flex-start\"\n        justifyContent=\"space-between\"\n        position=\"relative\"\n      >\n        {link ? (\n          <>\n            <StyledLink\n              href={link}\n              aria-label={`${text}, ${date} ago`}\n              rel={isInternalLink(link) ? '' : 'noopener noreferrer'}\n              target={isInternalLink(link) ? '' : '_blank'}\n              onClick={(event) => handleClick?.(event)}\n            >\n              {notificationContent}\n            </StyledLink>\n          </>\n        ) : (\n          <>{notificationContent}</>\n        )}\n        <FlexBox alignItems=\"flex-start\" zIndex={1}>\n          {handleDismiss && dismissIcon}\n        </FlexBox>\n      </FlexBox>\n      {separatorPattern}\n    </li>\n  );\n};\n"],"mappings":";;;;;;;;;AAwBA,MAAMiB,aAAaF,uBAAAA,KAAAA;;;6QAsBOD,OAAO,cAAA,EAAA,+DAMN,EAAEI,qBAAYA,QAAMC,OAAO,aAAW,OAAA,8yNAAA;AAKjE,MAAMC,YAAYL,uBAAAA,OAAAA;;;0CAEID,OAAO,cAAA,EAAA,4BAAA,8yNAAA;AAK7B,MAAMO,kBAAkBC,SAAAA;AACtB,KAAI;AACF,SAAO,IAAIC,IAAID,KAAAA,CAAME,aAAaC,OAAOC,SAASF;UAC3CG,IAAI;AACb,QAAO;;AAST,MAAaC,oBAAqD,EAChEC,eACAC,cACAC,kBACD;CACC,MAAM,EAAEC,MAAMC,UAAUC,MAAMC,MAAMC,MAAMC,OAAOP;CACjD,MAAMQ,qBAAqB,mBAAmBD;CAE9C,MAAME,sBAAsBC,iBAC1B,wBAAA,cAACxC,KAAAA;EAAIyC,SAAQ;EAAcC,eAAAA;IACzB,wBAAA,cAACF,cAAAA;EAAaG,QAAQ;EAAIC,OAAO;;CAIrC,MAAMC,cAAcC,SAClB,wBAAA,cAAC9C,KAAAA;EACCyC,SAAQ;EACRM,gBAAe;EACfC,YAAW;EACXC,cAAa;EACbC,QAAQ;EACRN,OAAO;EACPD,QAAQ;EACRD,eAAAA;IAEA,wBAAA,cAACI,MAAAA;EAAKH,QAAQ;EAAIC,OAAO;;CAI7B,MAAMO,oBAAc;AAClB,MAAIlB,SAAU,QAAO,wBAAA,cAACb,WAAAA;GAAUgC,KAAKnB;GAAUoB,KAAI;;AAEnD,UAAQjB,MAAR;GACE,KAAK,kBACH,QAAOG,mBAAmB5B,UAAAA;GAC5B,KAAK,mBACH,QAAO4B,mBAAmB3B,IAAAA;GAC5B,KAAK,eACH,QAAOiC,WAAWxC,kBAAAA;GACpB,KAAK,gBACH,QAAOkC,mBAAmBhC,QAAAA;GAC5B,KAAK,gBACH,QAAOgC,mBAAmB9B,SAAAA;GAC5B,KAAK,aACH,QAAO8B,mBAAmB7B,MAAAA;GAC5B,KAAK,gBACH,QAAO6B,mBAAmB/B,QAAAA;GAC5B,QACE,QAAO+B,mBAAmBjC,KAAAA;;;CAIhC,MAAMgD,sBACJ,wBAAA,cAACrD,SAAAA;EAAQsD,QAAQ;EAAGC,UAAS;EAAWC,WAAU;IAC/CN,aAAAA,EACD,wBAAA,cAACnD,KAAAA;EAAI0D,MAAM;EAAGC,IAAI;IAChB,wBAAA,cAACxD,MAAAA;EAAKkC,IAAIC;EAAoBsB,SAAQ;IACnCzB,KAAAA,EAEH,wBAAA,cAAChC,MAAAA;EAAKyD,SAAQ;EAAUH,WAAU;EAAiBI,IAAI;IACpD7B,KAAAA,CAAAA,CAAAA;CAMT,MAAM8B,cACJ,wBAAA,cAAC5D,YAAAA;EACC6D,MAAM3D;EACN4D,SAASnC;EACToC,oBAAkB3B;EAClB4B,MAAK;EACLN,SAAQ;EACRO,WAAS;EACTC,KAAI;EACJC,UAAU;GAAEC,WAAW;GAAiBC,WAAW;GAAW;;CAIlE,MAAMC,mBACJ,wBAAA,cAACxE,KAAAA;EAAIyE,IAAI;EAAIC,GAAG;EAAGhC,eAAY;IAC7B,wBAAA,cAAC7B,cAAAA;EAAa8B,QAAO;EAAMF,SAAQ;;AAIvC,QACE,wBAAA,cAACkC,MAAAA,MACC,wBAAA,cAAC1E,SAAAA;EACC2E,IAAI;EACJH,IAAI;EACJzB,YAAW;EACXD,gBAAe;EACfS,UAAS;IAERtB,OACC,wBAAA,cAAA,QAAA,UAAA,MACE,wBAAA,cAACjB,YAAAA;EACCK,MAAMY;EACN2C,cAAY,GAAG1C,KAAK,IAAIH,KAAK;EAC7B8C,KAAKzD,eAAea,KAAAA,GAAQ,KAAK;EACjC6C,QAAQ1D,eAAea,KAAAA,GAAQ,KAAK;EACpC8B,UAAUgB,UAAUjD,cAAciD,MAAAA;IAEjC1B,oBAAAA,CAAAA,GAIL,wBAAA,cAAA,QAAA,UAAA,MAAGA,oBAAAA,EAEL,wBAAA,cAACrD,SAAAA;EAAQ+C,YAAW;EAAaO,QAAQ;IACtC1B,iBAAiBiC,YAAAA,CAAAA,EAGrBU,iBAAAA"}

package/dist/NotificationList/index.cjs

@@ -1,48 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_index = require('./EmptyNotification/index.cjs');
-const require_NotificationItem = require('./NotificationItem.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let lodash_isEmpty = require("lodash/isEmpty");
-lodash_isEmpty = require_rolldown_runtime.__toESM(lodash_isEmpty);
-
-//#region src/NotificationList/index.tsx
-const listFocusStyle = (0, _codecademy_gamut.focusVisibleStyle)("-4px");
-const UnstyledUnorderedList = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut_styles.Background, {
-	target: "ejex5j30",
-	label: "brand-UnstyledUnorderedList"
-})((0, _codecademy_gamut_styles.css)({
-	listStyle: "none",
-	padding: 0,
-	margin: 0,
-	...listFocusStyle
-}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL05vdGlmaWNhdGlvbkxpc3QvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTm90aWZpY2F0aW9uTGlzdC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZm9jdXNWaXNpYmxlU3R5bGUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IGlzRW1wdHkgZnJvbSAnbG9kYXNoL2lzRW1wdHknO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBFbXB0eU5vdGlmaWNhdGlvbiB9IGZyb20gJy4vRW1wdHlOb3RpZmljYXRpb24nO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uSXRlbSB9IGZyb20gJy4vTm90aWZpY2F0aW9uSXRlbSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb24gfSBmcm9tICcuL3R5cGluZ3MnO1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25MaXN0UHJvcHMgPSB7XG4gIG9uRGlzbWlzcz86IChub3RpZmljYXRpb246IE5vdGlmaWNhdGlvbikgPT4gdm9pZDtcbiAgbm90aWZpY2F0aW9uczogTm90aWZpY2F0aW9uW107XG4gIG9uTm90aWZpY2F0aW9uQ2xpY2s/OiAobm90aWZpY2F0aW9uOiBOb3RpZmljYXRpb24pID0+IHZvaWQ7XG4gIGhlYWRlckVsZW1lbnRJZD86IHN0cmluZzsgLy8gVXNlZCBmb3IgYXJpYS1sYWJlbGxlZGJ5IGZvciB0aGUgbGlzdC5cbn07XG5cbmNvbnN0IGxpc3RGb2N1c1N0eWxlID0gZm9jdXNWaXNpYmxlU3R5bGUoJy00cHgnKTtcblxuY29uc3QgVW5zdHlsZWRVbm9yZGVyZWRMaXN0ID0gc3R5bGVkKEJhY2tncm91bmQpKFxuICBjc3Moe1xuICAgIGxpc3RTdHlsZTogJ25vbmUnLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbWFyZ2luOiAwLFxuICAgIC4uLmxpc3RGb2N1c1N0eWxlLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbkxpc3Q6IFJlYWN0LkZDPE5vdGlmaWNhdGlvbkxpc3RQcm9wcz4gPSAoe1xuICBub3RpZmljYXRpb25zLFxuICBvbk5vdGlmaWNhdGlvbkNsaWNrLFxuICBvbkRpc21pc3MsXG4gIGhlYWRlckVsZW1lbnRJZCxcbn0pID0+IHtcbiAgY29uc3QgbGlzdFJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IG9uRGlzbWlzc0hhbmRsZXIgPSBhc3luYyAobm90aWZpY2F0aW9uOiBOb3RpZmljYXRpb24pID0+IHtcbiAgICBpZiAobGlzdFJlZj8uY3VycmVudCkge1xuICAgICAgYXdhaXQgbGlzdFJlZi5jdXJyZW50LmZvY3VzKCk7XG4gICAgfVxuICAgIGF3YWl0IG9uRGlzbWlzcz8uKG5vdGlmaWNhdGlvbik7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VW5zdHlsZWRVbm9yZGVyZWRMaXN0XG4gICAgICBhcmlhLWxhYmVsbGVkYnk9e2hlYWRlckVsZW1lbnRJZH1cbiAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICBhcmlhLXJlbGV2YW50PVwiYWRkaXRpb25zXCJcbiAgICAgIGFzPVwidWxcIlxuICAgICAgYmc9XCJiYWNrZ3JvdW5kXCJcbiAgICAgIHJlZj17bGlzdFJlZn1cbiAgICAgIHRhYkluZGV4PXstMX1cbiAgICA+XG4gICAgICB7aXNFbXB0eShub3RpZmljYXRpb25zKSA/IChcbiAgICAgICAgPEVtcHR5Tm90aWZpY2F0aW9uIC8+XG4gICAgICApIDogKFxuICAgICAgICBub3RpZmljYXRpb25zLm1hcCgobm90aWZpY2F0aW9uOiBOb3RpZmljYXRpb24pID0+IChcbiAgICAgICAgICA8Tm90aWZpY2F0aW9uSXRlbVxuICAgICAgICAgICAga2V5PXtub3RpZmljYXRpb24uaWR9XG4gICAgICAgICAgICBub3RpZmljYXRpb249e25vdGlmaWNhdGlvbn1cbiAgICAgICAgICAgIGhhbmRsZUNsaWNrPXsoKSA9PiBvbk5vdGlmaWNhdGlvbkNsaWNrPy4obm90aWZpY2F0aW9uKX1cbiAgICAgICAgICAgIGhhbmRsZURpc21pc3M9eygpID0+IG9uRGlzbWlzc0hhbmRsZXIobm90aWZpY2F0aW9uKX1cbiAgICAgICAgICAvPlxuICAgICAgICApKVxuICAgICAgKX1cbiAgICA8L1Vuc3R5bGVkVW5vcmRlcmVkTGlzdD5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUI4QiJ9 */");
-const NotificationList = ({ notifications, onNotificationClick, onDismiss, headerElementId }) => {
-	const listRef = react.useRef(null);
-	const onDismissHandler = async (notification) => {
-		if (listRef?.current) await listRef.current.focus();
-		await onDismiss?.(notification);
-	};
-	return /* @__PURE__ */ react.createElement(UnstyledUnorderedList, {
-		"aria-labelledby": headerElementId,
-		"aria-live": "polite",
-		"aria-relevant": "additions",
-		as: "ul",
-		bg: "background",
-		ref: listRef,
-		tabIndex: -1
-	}, (0, lodash_isEmpty.default)(notifications) ? /* @__PURE__ */ react.createElement(require_index.EmptyNotification, null) : notifications.map((notification) => /* @__PURE__ */ react.createElement(require_NotificationItem.NotificationItem, {
-		key: notification.id,
-		notification,
-		handleClick: () => onNotificationClick?.(notification),
-		handleDismiss: () => onDismissHandler(notification)
-	})));
-};
-
-//#endregion
-exports.NotificationList = NotificationList;
-//# sourceMappingURL=index.cjs.map

package/dist/NotificationList/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["focusVisibleStyle","Background","css","styled","isEmpty","React","EmptyNotification","NotificationItem","listFocusStyle","UnstyledUnorderedList","listStyle","padding","margin","NotificationList","notifications","onNotificationClick","onDismiss","headerElementId","listRef","useRef","onDismissHandler","notification","current","focus","aria-labelledby","aria-live","aria-relevant","as","bg","ref","tabIndex","map","key","id","handleClick","handleDismiss"],"sources":["../../src/NotificationList/index.tsx"],"sourcesContent":["import { focusVisibleStyle } from '@codecademy/gamut';\nimport { Background, css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport isEmpty from 'lodash/isEmpty';\nimport * as React from 'react';\n\nimport { EmptyNotification } from './EmptyNotification';\nimport { NotificationItem } from './NotificationItem';\nimport { Notification } from './typings';\n\nexport type NotificationListProps = {\n  onDismiss?: (notification: Notification) => void;\n  notifications: Notification[];\n  onNotificationClick?: (notification: Notification) => void;\n  headerElementId?: string; // Used for aria-labelledby for the list.\n};\n\nconst listFocusStyle = focusVisibleStyle('-4px');\n\nconst UnstyledUnorderedList = styled(Background)(\n  css({\n    listStyle: 'none',\n    padding: 0,\n    margin: 0,\n    ...listFocusStyle,\n  })\n);\n\nexport const NotificationList: React.FC<NotificationListProps> = ({\n  notifications,\n  onNotificationClick,\n  onDismiss,\n  headerElementId,\n}) => {\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const onDismissHandler = async (notification: Notification) => {\n    if (listRef?.current) {\n      await listRef.current.focus();\n    }\n    await onDismiss?.(notification);\n  };\n\n  return (\n    <UnstyledUnorderedList\n      aria-labelledby={headerElementId}\n      aria-live=\"polite\"\n      aria-relevant=\"additions\"\n      as=\"ul\"\n      bg=\"background\"\n      ref={listRef}\n      tabIndex={-1}\n    >\n      {isEmpty(notifications) ? (\n        <EmptyNotification />\n      ) : (\n        notifications.map((notification: Notification) => (\n          <NotificationItem\n            key={notification.id}\n            notification={notification}\n            handleClick={() => onNotificationClick?.(notification)}\n            handleDismiss={() => onDismissHandler(notification)}\n          />\n        ))\n      )}\n    </UnstyledUnorderedList>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAiBA,MAAMQ,0DAAmC,OAAA;AAEzC,MAAMC,wBAAwBN,6CAAOF,qCAAAA;;;qCAC/B;CACFS,WAAW;CACXC,SAAS;CACTC,QAAQ;CACR,GAAGJ;CACL,CAAA,EAAA,s6FAAA;AAGF,MAAaK,oBAAqD,EAChEC,eACAC,qBACAC,WACAC,sBACD;CACC,MAAMC,UAAUb,MAAMc,OAAuB,KAAA;CAC7C,MAAMC,mBAAmB,OAAOC,iBAAAA;AAC9B,MAAIH,SAASI,QACX,OAAMJ,QAAQI,QAAQC,OAAK;AAE7B,QAAMP,YAAYK,aAAAA;;AAGpB,QACE,sBAAA,cAACZ,uBAAAA;EACCe,mBAAiBP;EACjBQ,aAAU;EACVC,iBAAc;EACdC,IAAG;EACHC,IAAG;EACHC,KAAKX;EACLY,UAAU;gCAEDhB,cAAAA,GACP,sBAAA,cAACR,iCAAAA,KAAAA,GAEDQ,cAAciB,KAAKV,iBACjB,sBAAA,cAACd,2CAAAA;EACCyB,KAAKX,aAAaY;EACJZ;EACda,mBAAmBnB,sBAAsBM,aAAAA;EACzCc,qBAAqBf,iBAAiBC,aAAAA"}

package/dist/NotificationList/index.d.cts

@@ -1,14 +0,0 @@
-import { Notification } from "./typings.cjs";
-import * as React$1 from "react";
-
-//#region src/NotificationList/index.d.ts
-type NotificationListProps = {
-  onDismiss?: (notification: Notification) => void;
-  notifications: Notification[];
-  onNotificationClick?: (notification: Notification) => void;
-  headerElementId?: string;
-};
-declare const NotificationList: React$1.FC<NotificationListProps>;
-//#endregion
-export { NotificationList, NotificationListProps };
-//# sourceMappingURL=index.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/NotificationList/index.tsx"],"sourcesContent":[],"mappings":";;;;KAUY,qBAAA;6BACiB;EADjB,aAAA,EAEK,YAFgB,EAAA;EACJ,mBAAA,CAAA,EAAA,CAAA,YAAA,EAEU,YAFV,EAAA,GAAA,IAAA;EACZ,eAAA,CAAA,EAAA,MAAA;CACsB;AAAY,cAetC,gBAfsC,EAepB,OAAA,CAAM,EAfc,CAeX,qBAfW,CAAA"}

package/dist/NotificationList/index.d.mts

@@ -1,14 +0,0 @@
-import { Notification } from "./typings.mjs";
-import * as React$1 from "react";
-
-//#region src/NotificationList/index.d.ts
-type NotificationListProps = {
-  onDismiss?: (notification: Notification) => void;
-  notifications: Notification[];
-  onNotificationClick?: (notification: Notification) => void;
-  headerElementId?: string;
-};
-declare const NotificationList: React$1.FC<NotificationListProps>;
-//#endregion
-export { NotificationList, NotificationListProps };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/NotificationList/index.tsx"],"sourcesContent":[],"mappings":";;;;KAUY,qBAAA;6BACiB;EADjB,aAAA,EAEK,YAFgB,EAAA;EACJ,mBAAA,CAAA,EAAA,CAAA,YAAA,EAEU,YAFV,EAAA,GAAA,IAAA;EACZ,eAAA,CAAA,EAAA,MAAA;CACsB;AAAY,cAetC,gBAfsC,EAepB,OAAA,CAAM,EAfc,CAeX,qBAfW,CAAA"}

package/dist/NotificationList/index.mjs

@@ -1,44 +0,0 @@
-import { EmptyNotification } from "./EmptyNotification/index.mjs";
-import { NotificationItem } from "./NotificationItem.mjs";
-import { focusVisibleStyle } from "@codecademy/gamut";
-import { Background, css } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import * as React$1 from "react";
-import isEmpty from "lodash/isEmpty";
-
-//#region src/NotificationList/index.tsx
-const listFocusStyle = focusVisibleStyle("-4px");
-const UnstyledUnorderedList = /* @__PURE__ */ styled(Background, {
-	target: "ejex5j30",
-	label: "brand-UnstyledUnorderedList"
-})(css({
-	listStyle: "none",
-	padding: 0,
-	margin: 0,
-	...listFocusStyle
-}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL05vdGlmaWNhdGlvbkxpc3QvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTm90aWZpY2F0aW9uTGlzdC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZm9jdXNWaXNpYmxlU3R5bGUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IGlzRW1wdHkgZnJvbSAnbG9kYXNoL2lzRW1wdHknO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBFbXB0eU5vdGlmaWNhdGlvbiB9IGZyb20gJy4vRW1wdHlOb3RpZmljYXRpb24nO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uSXRlbSB9IGZyb20gJy4vTm90aWZpY2F0aW9uSXRlbSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb24gfSBmcm9tICcuL3R5cGluZ3MnO1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25MaXN0UHJvcHMgPSB7XG4gIG9uRGlzbWlzcz86IChub3RpZmljYXRpb246IE5vdGlmaWNhdGlvbikgPT4gdm9pZDtcbiAgbm90aWZpY2F0aW9uczogTm90aWZpY2F0aW9uW107XG4gIG9uTm90aWZpY2F0aW9uQ2xpY2s/OiAobm90aWZpY2F0aW9uOiBOb3RpZmljYXRpb24pID0+IHZvaWQ7XG4gIGhlYWRlckVsZW1lbnRJZD86IHN0cmluZzsgLy8gVXNlZCBmb3IgYXJpYS1sYWJlbGxlZGJ5IGZvciB0aGUgbGlzdC5cbn07XG5cbmNvbnN0IGxpc3RGb2N1c1N0eWxlID0gZm9jdXNWaXNpYmxlU3R5bGUoJy00cHgnKTtcblxuY29uc3QgVW5zdHlsZWRVbm9yZGVyZWRMaXN0ID0gc3R5bGVkKEJhY2tncm91bmQpKFxuICBjc3Moe1xuICAgIGxpc3RTdHlsZTogJ25vbmUnLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbWFyZ2luOiAwLFxuICAgIC4uLmxpc3RGb2N1c1N0eWxlLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbkxpc3Q6IFJlYWN0LkZDPE5vdGlmaWNhdGlvbkxpc3RQcm9wcz4gPSAoe1xuICBub3RpZmljYXRpb25zLFxuICBvbk5vdGlmaWNhdGlvbkNsaWNrLFxuICBvbkRpc21pc3MsXG4gIGhlYWRlckVsZW1lbnRJZCxcbn0pID0+IHtcbiAgY29uc3QgbGlzdFJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IG9uRGlzbWlzc0hhbmRsZXIgPSBhc3luYyAobm90aWZpY2F0aW9uOiBOb3RpZmljYXRpb24pID0+IHtcbiAgICBpZiAobGlzdFJlZj8uY3VycmVudCkge1xuICAgICAgYXdhaXQgbGlzdFJlZi5jdXJyZW50LmZvY3VzKCk7XG4gICAgfVxuICAgIGF3YWl0IG9uRGlzbWlzcz8uKG5vdGlmaWNhdGlvbik7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VW5zdHlsZWRVbm9yZGVyZWRMaXN0XG4gICAgICBhcmlhLWxhYmVsbGVkYnk9e2hlYWRlckVsZW1lbnRJZH1cbiAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICBhcmlhLXJlbGV2YW50PVwiYWRkaXRpb25zXCJcbiAgICAgIGFzPVwidWxcIlxuICAgICAgYmc9XCJiYWNrZ3JvdW5kXCJcbiAgICAgIHJlZj17bGlzdFJlZn1cbiAgICAgIHRhYkluZGV4PXstMX1cbiAgICA+XG4gICAgICB7aXNFbXB0eShub3RpZmljYXRpb25zKSA/IChcbiAgICAgICAgPEVtcHR5Tm90aWZpY2F0aW9uIC8+XG4gICAgICApIDogKFxuICAgICAgICBub3RpZmljYXRpb25zLm1hcCgobm90aWZpY2F0aW9uOiBOb3RpZmljYXRpb24pID0+IChcbiAgICAgICAgICA8Tm90aWZpY2F0aW9uSXRlbVxuICAgICAgICAgICAga2V5PXtub3RpZmljYXRpb24uaWR9XG4gICAgICAgICAgICBub3RpZmljYXRpb249e25vdGlmaWNhdGlvbn1cbiAgICAgICAgICAgIGhhbmRsZUNsaWNrPXsoKSA9PiBvbk5vdGlmaWNhdGlvbkNsaWNrPy4obm90aWZpY2F0aW9uKX1cbiAgICAgICAgICAgIGhhbmRsZURpc21pc3M9eygpID0+IG9uRGlzbWlzc0hhbmRsZXIobm90aWZpY2F0aW9uKX1cbiAgICAgICAgICAvPlxuICAgICAgICApKVxuICAgICAgKX1cbiAgICA8L1Vuc3R5bGVkVW5vcmRlcmVkTGlzdD5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUI4QiJ9 */");
-const NotificationList = ({ notifications, onNotificationClick, onDismiss, headerElementId }) => {
-	const listRef = React$1.useRef(null);
-	const onDismissHandler = async (notification) => {
-		if (listRef?.current) await listRef.current.focus();
-		await onDismiss?.(notification);
-	};
-	return /* @__PURE__ */ React$1.createElement(UnstyledUnorderedList, {
-		"aria-labelledby": headerElementId,
-		"aria-live": "polite",
-		"aria-relevant": "additions",
-		as: "ul",
-		bg: "background",
-		ref: listRef,
-		tabIndex: -1
-	}, isEmpty(notifications) ? /* @__PURE__ */ React$1.createElement(EmptyNotification, null) : notifications.map((notification) => /* @__PURE__ */ React$1.createElement(NotificationItem, {
-		key: notification.id,
-		notification,
-		handleClick: () => onNotificationClick?.(notification),
-		handleDismiss: () => onDismissHandler(notification)
-	})));
-};
-
-//#endregion
-export { NotificationList };
-//# sourceMappingURL=index.mjs.map

package/dist/NotificationList/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["focusVisibleStyle","Background","css","styled","isEmpty","React","EmptyNotification","NotificationItem","listFocusStyle","UnstyledUnorderedList","listStyle","padding","margin","NotificationList","notifications","onNotificationClick","onDismiss","headerElementId","listRef","useRef","onDismissHandler","notification","current","focus","aria-labelledby","aria-live","aria-relevant","as","bg","ref","tabIndex","map","key","id","handleClick","handleDismiss"],"sources":["../../src/NotificationList/index.tsx"],"sourcesContent":["import { focusVisibleStyle } from '@codecademy/gamut';\nimport { Background, css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport isEmpty from 'lodash/isEmpty';\nimport * as React from 'react';\n\nimport { EmptyNotification } from './EmptyNotification';\nimport { NotificationItem } from './NotificationItem';\nimport { Notification } from './typings';\n\nexport type NotificationListProps = {\n  onDismiss?: (notification: Notification) => void;\n  notifications: Notification[];\n  onNotificationClick?: (notification: Notification) => void;\n  headerElementId?: string; // Used for aria-labelledby for the list.\n};\n\nconst listFocusStyle = focusVisibleStyle('-4px');\n\nconst UnstyledUnorderedList = styled(Background)(\n  css({\n    listStyle: 'none',\n    padding: 0,\n    margin: 0,\n    ...listFocusStyle,\n  })\n);\n\nexport const NotificationList: React.FC<NotificationListProps> = ({\n  notifications,\n  onNotificationClick,\n  onDismiss,\n  headerElementId,\n}) => {\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const onDismissHandler = async (notification: Notification) => {\n    if (listRef?.current) {\n      await listRef.current.focus();\n    }\n    await onDismiss?.(notification);\n  };\n\n  return (\n    <UnstyledUnorderedList\n      aria-labelledby={headerElementId}\n      aria-live=\"polite\"\n      aria-relevant=\"additions\"\n      as=\"ul\"\n      bg=\"background\"\n      ref={listRef}\n      tabIndex={-1}\n    >\n      {isEmpty(notifications) ? (\n        <EmptyNotification />\n      ) : (\n        notifications.map((notification: Notification) => (\n          <NotificationItem\n            key={notification.id}\n            notification={notification}\n            handleClick={() => onNotificationClick?.(notification)}\n            handleDismiss={() => onDismissHandler(notification)}\n          />\n        ))\n      )}\n    </UnstyledUnorderedList>\n  );\n};\n"],"mappings":";;;;;;;;;AAiBA,MAAMQ,iBAAiBR,kBAAkB,OAAA;AAEzC,MAAMS,wBAAwBN,uBAAOF,YAAAA;;;GACnCC,IAAI;CACFQ,WAAW;CACXC,SAAS;CACTC,QAAQ;CACR,GAAGJ;CACL,CAAA,EAAA,s6FAAA;AAGF,MAAaK,oBAAqD,EAChEC,eACAC,qBACAC,WACAC,sBACD;CACC,MAAMC,UAAUb,QAAMc,OAAuB,KAAA;CAC7C,MAAMC,mBAAmB,OAAOC,iBAAAA;AAC9B,MAAIH,SAASI,QACX,OAAMJ,QAAQI,QAAQC,OAAK;AAE7B,QAAMP,YAAYK,aAAAA;;AAGpB,QACE,wBAAA,cAACZ,uBAAAA;EACCe,mBAAiBP;EACjBQ,aAAU;EACVC,iBAAc;EACdC,IAAG;EACHC,IAAG;EACHC,KAAKX;EACLY,UAAU;IAET1B,QAAQU,cAAAA,GACP,wBAAA,cAACR,mBAAAA,KAAAA,GAEDQ,cAAciB,KAAKV,iBACjB,wBAAA,cAACd,kBAAAA;EACCyB,KAAKX,aAAaY;EACJZ;EACda,mBAAmBnB,sBAAsBM,aAAAA;EACzCc,qBAAqBf,iBAAiBC,aAAAA"}

package/dist/NotificationList/typings.d.cts

@@ -1,20 +0,0 @@
-//#region src/NotificationList/typings.d.ts
-type NotificationIconSettings = {
-  backgroundColor?: string;
-  color?: string;
-};
-type Notification = {
-  date: string;
-  id: string;
-  iconSettings?: NotificationIconSettings;
-  iconSlug?: string;
-  imageUrl?: string;
-  link?: string;
-  text: string;
-  type?: string;
-  unread?: boolean;
-  campaign: string;
-};
-//#endregion
-export { Notification, NotificationIconSettings };
-//# sourceMappingURL=typings.d.cts.map

package/dist/NotificationList/typings.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"typings.d.cts","names":[],"sources":["../../src/NotificationList/typings.ts"],"sourcesContent":[],"mappings":";KAAY,wBAAA;EAAA,eAAA,CAAA,EAAA,MAAA;EAKA,KAAA,CAAA,EAAA,MAAA;;KAAA,YAAA;;;iBAGK"}

package/dist/NotificationList/typings.d.mts

@@ -1,20 +0,0 @@
-//#region src/NotificationList/typings.d.ts
-type NotificationIconSettings = {
-  backgroundColor?: string;
-  color?: string;
-};
-type Notification = {
-  date: string;
-  id: string;
-  iconSettings?: NotificationIconSettings;
-  iconSlug?: string;
-  imageUrl?: string;
-  link?: string;
-  text: string;
-  type?: string;
-  unread?: boolean;
-  campaign: string;
-};
-//#endregion
-export { Notification, NotificationIconSettings };
-//# sourceMappingURL=typings.d.mts.map

package/dist/NotificationList/typings.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"typings.d.mts","names":[],"sources":["../../src/NotificationList/typings.ts"],"sourcesContent":[],"mappings":";KAAY,wBAAA;EAAA,eAAA,CAAA,EAAA,MAAA;EAKA,KAAA,CAAA,EAAA,MAAA;;KAAA,YAAA;;;iBAGK"}

package/dist/Notifications/NotificationBell.cjs

@@ -1,59 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_index = require('../AppHeader/AppHeaderElements/AppHeaderProvider/index.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/Notifications/NotificationBell.tsx
-const notificationsID = "notifications";
-const NotificationBell = ({ bellRef, isOpen, setIsOpen, notifications }) => {
-	const { lastOpenedDropdown, setLastOpenedDropdown } = require_index.useAppHeaderContext();
-	const unread = notifications.filter((notification) => notification.unread).length;
-	(0, react.useEffect)(() => {
-		const favicon = window?.document?.querySelector("link[rel=\"shortcut icon\"]");
-		if (favicon) favicon.href = `/favicon${unread ? "-unread" : ""}.ico`;
-	}, [unread]);
-	(0, react.useEffect)(() => {
-		if (lastOpenedDropdown !== notificationsID && isOpen) setIsOpen(false);
-	}, [lastOpenedDropdown]);
-	const numOfUnread = (0, react.useMemo)(() => Math.min(unread, 99), [unread]);
-	const handleOnClick = () => {
-		setIsOpen(!isOpen);
-		if (!isOpen) {
-			if (setLastOpenedDropdown) setLastOpenedDropdown(notificationsID);
-		}
-	};
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(_codecademy_gamut.IconButton, {
-		"aria-expanded": Boolean(isOpen),
-		"aria-haspopup": "dialog",
-		tip: unread ? `Notifications, ${numOfUnread} unread` : "Notifications, no unread",
-		icon: _codecademy_gamut_icons.BellIcon,
-		onClick: handleOnClick,
-		ref: bellRef,
-		variant: "interface",
-		tipProps: {
-			alignment: "bottom-center",
-			placement: "floating"
-		}
-	}), unread ? /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
-		alignItems: "center",
-		bg: "red-500",
-		borderRadius: "md",
-		height: 18,
-		justifyContent: "center",
-		left: 22,
-		position: "absolute",
-		textAlign: "center",
-		top: -2,
-		width: 20
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
-		color: "white",
-		fontSize: 14,
-		fontWeight: "bold",
-		mt: 4
-	}, numOfUnread)) : null);
-};
-
-//#endregion
-exports.NotificationBell = NotificationBell;
-//# sourceMappingURL=NotificationBell.cjs.map

package/dist/Notifications/NotificationBell.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationBell.cjs","names":["FlexBox","IconButton","Text","BellIcon","useEffect","useMemo","useAppHeaderContext","notificationsID","NotificationBell","bellRef","isOpen","setIsOpen","notifications","lastOpenedDropdown","setLastOpenedDropdown","unread","filter","notification","length","favicon","window","document","querySelector","href","numOfUnread","Math","min","handleOnClick","aria-expanded","Boolean","aria-haspopup","tip","icon","onClick","ref","variant","tipProps","alignment","placement","alignItems","bg","borderRadius","height","justifyContent","left","position","textAlign","top","width","color","fontSize","fontWeight","mt"],"sources":["../../src/Notifications/NotificationBell.tsx"],"sourcesContent":["import {\n  ButtonBaseElements,\n  FlexBox,\n  IconButton,\n  Text,\n} from '@codecademy/gamut';\nimport { BellIcon } from '@codecademy/gamut-icons';\nimport { Dispatch, SetStateAction, useEffect, useMemo } from 'react';\n\nimport { useAppHeaderContext } from '../AppHeader/AppHeaderElements/AppHeaderProvider';\nimport { Notification } from '../NotificationList/typings';\n\nexport type NotificationBellProps = {\n  bellRef: React.RefObject<ButtonBaseElements>;\n  isOpen?: boolean;\n  setIsOpen: Dispatch<SetStateAction<boolean>>;\n  notifications: Notification[];\n};\n\nconst notificationsID = 'notifications';\n\nexport const NotificationBell: React.FC<NotificationBellProps> = ({\n  bellRef,\n  isOpen,\n  setIsOpen,\n  notifications,\n}) => {\n  const { lastOpenedDropdown, setLastOpenedDropdown } = useAppHeaderContext();\n\n  const unread = notifications.filter(\n    (notification) => notification.unread\n  ).length;\n\n  useEffect(() => {\n    const favicon = window?.document?.querySelector<HTMLLinkElement>(\n      'link[rel=\"shortcut icon\"]'\n    );\n\n    if (favicon) {\n      favicon.href = `/favicon${unread ? '-unread' : ''}.ico`;\n    }\n  }, [unread]);\n\n  useEffect(() => {\n    if (lastOpenedDropdown !== notificationsID && isOpen) {\n      setIsOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lastOpenedDropdown]);\n\n  const numOfUnread = useMemo(() => Math.min(unread, 99), [unread]);\n\n  const handleOnClick = () => {\n    setIsOpen(!isOpen);\n\n    if (!isOpen) {\n      if (setLastOpenedDropdown) {\n        setLastOpenedDropdown(notificationsID);\n      }\n    }\n  };\n\n  return (\n    <>\n      <IconButton\n        aria-expanded={Boolean(isOpen)}\n        aria-haspopup=\"dialog\"\n        tip={\n          unread\n            ? `Notifications, ${numOfUnread} unread`\n            : 'Notifications, no unread'\n        }\n        icon={BellIcon}\n        onClick={handleOnClick}\n        ref={bellRef}\n        variant=\"interface\"\n        tipProps={{ alignment: 'bottom-center', placement: 'floating' }}\n      />\n      {unread ? (\n        <FlexBox\n          alignItems=\"center\"\n          bg=\"red-500\"\n          borderRadius=\"md\"\n          height={18}\n          justifyContent=\"center\"\n          left={22}\n          position=\"absolute\"\n          textAlign=\"center\"\n          top={-2}\n          width={20}\n        >\n          <Text color=\"white\" fontSize={14} fontWeight=\"bold\" mt={4}>\n            {numOfUnread}\n          </Text>\n        </FlexBox>\n      ) : null}\n    </>\n  );\n};\n"],"mappings":";;;;;;;AAmBA,MAAMO,kBAAkB;AAExB,MAAaC,oBAAqD,EAChEC,SACAC,QACAC,WACAC,oBACD;CACC,MAAM,EAAEC,oBAAoBC,0BAA0BR,mCAAAA;CAEtD,MAAMS,SAASH,cAAcI,QAC1BC,iBAAiBA,aAAaF,OAAM,CACrCG;AAEFd,4BAAU;EACR,MAAMe,UAAUC,QAAQC,UAAUC,cAChC,8BAAA;AAGF,MAAIH,QACFA,SAAQI,OAAO,WAAWR,SAAS,YAAY,GAAG;IAEnD,CAACA,OAAO,CAAA;AAEXX,4BAAU;AACR,MAAIS,uBAAuBN,mBAAmBG,OAC5CC,WAAU,MAAA;IAGX,CAACE,mBAAmB,CAAA;CAEvB,MAAMW,uCAA4BC,KAAKC,IAAIX,QAAQ,GAAA,EAAK,CAACA,OAAO,CAAA;CAEhE,MAAMY,sBAAgB;AACpBhB,YAAU,CAACD,OAAAA;AAEX,MAAI,CAACA,QACH;OAAII,sBACFA,uBAAsBP,gBAAAA;;;AAK5B,QACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACN,8BAAAA;EACC2B,iBAAeC,QAAQnB,OAAAA;EACvBoB,iBAAc;EACdC,KACEhB,SACI,kBAAkBS,YAAY,WAC9B;EAENQ,MAAM7B;EACN8B,SAASN;EACTO,KAAKzB;EACL0B,SAAQ;EACRC,UAAU;GAAEC,WAAW;GAAiBC,WAAW;GAAW;KAE/DvB,SACC,sBAAA,cAACf,2BAAAA;EACCuC,YAAW;EACXC,IAAG;EACHC,cAAa;EACbC,QAAQ;EACRC,gBAAe;EACfC,MAAM;EACNC,UAAS;EACTC,WAAU;EACVC,KAAK;EACLC,OAAO;IAEP,sBAAA,cAAC9C,wBAAAA;EAAK+C,OAAM;EAAQC,UAAU;EAAIC,YAAW;EAAOC,IAAI;IACrD5B,YAAAA,CAAAA,GAGH,KAAA"}

package/dist/Notifications/NotificationBell.mjs

@@ -1,58 +0,0 @@
-import { useAppHeaderContext } from "../AppHeader/AppHeaderElements/AppHeaderProvider/index.mjs";
-import { FlexBox, IconButton, Text } from "@codecademy/gamut";
-import { useEffect, useMemo } from "react";
-import { BellIcon } from "@codecademy/gamut-icons";
-
-//#region src/Notifications/NotificationBell.tsx
-const notificationsID = "notifications";
-const NotificationBell = ({ bellRef, isOpen, setIsOpen, notifications }) => {
-	const { lastOpenedDropdown, setLastOpenedDropdown } = useAppHeaderContext();
-	const unread = notifications.filter((notification) => notification.unread).length;
-	useEffect(() => {
-		const favicon = window?.document?.querySelector("link[rel=\"shortcut icon\"]");
-		if (favicon) favicon.href = `/favicon${unread ? "-unread" : ""}.ico`;
-	}, [unread]);
-	useEffect(() => {
-		if (lastOpenedDropdown !== notificationsID && isOpen) setIsOpen(false);
-	}, [lastOpenedDropdown]);
-	const numOfUnread = useMemo(() => Math.min(unread, 99), [unread]);
-	const handleOnClick = () => {
-		setIsOpen(!isOpen);
-		if (!isOpen) {
-			if (setLastOpenedDropdown) setLastOpenedDropdown(notificationsID);
-		}
-	};
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(IconButton, {
-		"aria-expanded": Boolean(isOpen),
-		"aria-haspopup": "dialog",
-		tip: unread ? `Notifications, ${numOfUnread} unread` : "Notifications, no unread",
-		icon: BellIcon,
-		onClick: handleOnClick,
-		ref: bellRef,
-		variant: "interface",
-		tipProps: {
-			alignment: "bottom-center",
-			placement: "floating"
-		}
-	}), unread ? /* @__PURE__ */ React.createElement(FlexBox, {
-		alignItems: "center",
-		bg: "red-500",
-		borderRadius: "md",
-		height: 18,
-		justifyContent: "center",
-		left: 22,
-		position: "absolute",
-		textAlign: "center",
-		top: -2,
-		width: 20
-	}, /* @__PURE__ */ React.createElement(Text, {
-		color: "white",
-		fontSize: 14,
-		fontWeight: "bold",
-		mt: 4
-	}, numOfUnread)) : null);
-};
-
-//#endregion
-export { NotificationBell };
-//# sourceMappingURL=NotificationBell.mjs.map

package/dist/Notifications/NotificationBell.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationBell.mjs","names":["FlexBox","IconButton","Text","BellIcon","useEffect","useMemo","useAppHeaderContext","notificationsID","NotificationBell","bellRef","isOpen","setIsOpen","notifications","lastOpenedDropdown","setLastOpenedDropdown","unread","filter","notification","length","favicon","window","document","querySelector","href","numOfUnread","Math","min","handleOnClick","aria-expanded","Boolean","aria-haspopup","tip","icon","onClick","ref","variant","tipProps","alignment","placement","alignItems","bg","borderRadius","height","justifyContent","left","position","textAlign","top","width","color","fontSize","fontWeight","mt"],"sources":["../../src/Notifications/NotificationBell.tsx"],"sourcesContent":["import {\n  ButtonBaseElements,\n  FlexBox,\n  IconButton,\n  Text,\n} from '@codecademy/gamut';\nimport { BellIcon } from '@codecademy/gamut-icons';\nimport { Dispatch, SetStateAction, useEffect, useMemo } from 'react';\n\nimport { useAppHeaderContext } from '../AppHeader/AppHeaderElements/AppHeaderProvider';\nimport { Notification } from '../NotificationList/typings';\n\nexport type NotificationBellProps = {\n  bellRef: React.RefObject<ButtonBaseElements>;\n  isOpen?: boolean;\n  setIsOpen: Dispatch<SetStateAction<boolean>>;\n  notifications: Notification[];\n};\n\nconst notificationsID = 'notifications';\n\nexport const NotificationBell: React.FC<NotificationBellProps> = ({\n  bellRef,\n  isOpen,\n  setIsOpen,\n  notifications,\n}) => {\n  const { lastOpenedDropdown, setLastOpenedDropdown } = useAppHeaderContext();\n\n  const unread = notifications.filter(\n    (notification) => notification.unread\n  ).length;\n\n  useEffect(() => {\n    const favicon = window?.document?.querySelector<HTMLLinkElement>(\n      'link[rel=\"shortcut icon\"]'\n    );\n\n    if (favicon) {\n      favicon.href = `/favicon${unread ? '-unread' : ''}.ico`;\n    }\n  }, [unread]);\n\n  useEffect(() => {\n    if (lastOpenedDropdown !== notificationsID && isOpen) {\n      setIsOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lastOpenedDropdown]);\n\n  const numOfUnread = useMemo(() => Math.min(unread, 99), [unread]);\n\n  const handleOnClick = () => {\n    setIsOpen(!isOpen);\n\n    if (!isOpen) {\n      if (setLastOpenedDropdown) {\n        setLastOpenedDropdown(notificationsID);\n      }\n    }\n  };\n\n  return (\n    <>\n      <IconButton\n        aria-expanded={Boolean(isOpen)}\n        aria-haspopup=\"dialog\"\n        tip={\n          unread\n            ? `Notifications, ${numOfUnread} unread`\n            : 'Notifications, no unread'\n        }\n        icon={BellIcon}\n        onClick={handleOnClick}\n        ref={bellRef}\n        variant=\"interface\"\n        tipProps={{ alignment: 'bottom-center', placement: 'floating' }}\n      />\n      {unread ? (\n        <FlexBox\n          alignItems=\"center\"\n          bg=\"red-500\"\n          borderRadius=\"md\"\n          height={18}\n          justifyContent=\"center\"\n          left={22}\n          position=\"absolute\"\n          textAlign=\"center\"\n          top={-2}\n          width={20}\n        >\n          <Text color=\"white\" fontSize={14} fontWeight=\"bold\" mt={4}>\n            {numOfUnread}\n          </Text>\n        </FlexBox>\n      ) : null}\n    </>\n  );\n};\n"],"mappings":";;;;;;AAmBA,MAAMO,kBAAkB;AAExB,MAAaC,oBAAqD,EAChEC,SACAC,QACAC,WACAC,oBACD;CACC,MAAM,EAAEC,oBAAoBC,0BAA0BR,qBAAAA;CAEtD,MAAMS,SAASH,cAAcI,QAC1BC,iBAAiBA,aAAaF,OAAM,CACrCG;AAEFd,iBAAU;EACR,MAAMe,UAAUC,QAAQC,UAAUC,cAChC,8BAAA;AAGF,MAAIH,QACFA,SAAQI,OAAO,WAAWR,SAAS,YAAY,GAAG;IAEnD,CAACA,OAAO,CAAA;AAEXX,iBAAU;AACR,MAAIS,uBAAuBN,mBAAmBG,OAC5CC,WAAU,MAAA;IAGX,CAACE,mBAAmB,CAAA;CAEvB,MAAMW,cAAcnB,cAAcoB,KAAKC,IAAIX,QAAQ,GAAA,EAAK,CAACA,OAAO,CAAA;CAEhE,MAAMY,sBAAgB;AACpBhB,YAAU,CAACD,OAAAA;AAEX,MAAI,CAACA,QACH;OAAII,sBACFA,uBAAsBP,gBAAAA;;;AAK5B,QACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACN,YAAAA;EACC2B,iBAAeC,QAAQnB,OAAAA;EACvBoB,iBAAc;EACdC,KACEhB,SACI,kBAAkBS,YAAY,WAC9B;EAENQ,MAAM7B;EACN8B,SAASN;EACTO,KAAKzB;EACL0B,SAAQ;EACRC,UAAU;GAAEC,WAAW;GAAiBC,WAAW;GAAW;KAE/DvB,SACC,sBAAA,cAACf,SAAAA;EACCuC,YAAW;EACXC,IAAG;EACHC,cAAa;EACbC,QAAQ;EACRC,gBAAe;EACfC,MAAM;EACNC,UAAS;EACTC,WAAU;EACVC,KAAK;EACLC,OAAO;IAEP,sBAAA,cAAC9C,MAAAA;EAAK+C,OAAM;EAAQC,UAAU;EAAIC,YAAW;EAAOC,IAAI;IACrD5B,YAAAA,CAAAA,GAGH,KAAA"}