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

package/README.md

@@ -33,3 +33,9 @@ Eventually our stories will be colocated with their respective components, but i
 PR previews publish for every pull request - you can find the url in the output within the `Publish Storybook` Github action, under the `Run npx nx run-many --target=publish-storybook --parallel=3` step.
 
 This is temporarily, and the web platform team is diligently working on getting Storybook preview urls in PR comments.
+
+## SCSS Usage (remove this section when SCSS is removed)
+
+SCSS is deprecated across Codecademy, but we still have legacy SCSS that is supported for now.
+
+In this library, SCSS support is limited because of the build tools we are using. You can still use SCSS but you can't reference any asset files (images, icons, etc.) in your SCSS files. You can still import assets into JS files.

package/dist/AbbreviatedCommunityEventCard/index.cjs

@@ -0,0 +1,74 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_EventTypeIcon = require('../CommunityEventCard/EventTypeIcon.cjs');
+const require_index = require('../CommunityEventCard/index.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+let date_fns = require("date-fns");
+let lodash_upperCase_js = require("lodash/upperCase.js");
+lodash_upperCase_js = require_runtime.__toESM(lodash_upperCase_js);
+
+//#region src/AbbreviatedCommunityEventCard/index.tsx
+const AbbreviatedEventCard = ({ title, startDate, endDate, url, type }) => {
+	const StyledLink = /*#__PURE__*/ (0, _emotion_styled.default)(_codecademy_gamut.Anchor, {
+		target: "eh4ud0f0",
+		label: "brand-StyledLink"
+	})("text-decoration:none;&:focus{text-decoration:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FiYnJldmlhdGVkQ29tbXVuaXR5RXZlbnRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FiYnJldmlhdGVkQ29tbXVuaXR5RXZlbnRDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvblJpZ2h0SWNvbiwgQ2xvY2tJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9ybWF0LCBwYXJzZUpTT04gfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgdXBwZXJDYXNlIGZyb20gJ2xvZGFzaC91cHBlckNhc2UnO1xuXG5pbXBvcnQgeyBmb3JtYXRUaW1lIH0gZnJvbSAnLi4vQ29tbXVuaXR5RXZlbnRDYXJkJztcbmltcG9ydCB7IEV2ZW50VHlwZUljb24gfSBmcm9tICcuLi9Db21tdW5pdHlFdmVudENhcmQvRXZlbnRUeXBlSWNvbic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQWJicmV2aWF0ZWRFdmVudENhcmRQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHN0YXJ0RGF0ZTogc3RyaW5nO1xuICBlbmREYXRlOiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICB0eXBlPzogc3RyaW5nIHwgbnVsbDtcbn1cblxuZXhwb3J0IGNvbnN0IEFiYnJldmlhdGVkRXZlbnRDYXJkOiBSZWFjdC5GQzxBYmJyZXZpYXRlZEV2ZW50Q2FyZFByb3BzPiA9ICh7XG4gIHRpdGxlLFxuICBzdGFydERhdGUsXG4gIGVuZERhdGUsXG4gIHVybCxcbiAgdHlwZSxcbn0pID0+IHtcbiAgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChBbmNob3IpYFxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAmOmZvY3VzIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGluayBocmVmPXt1cmx9IHRhcmdldD1cIl9ibGFua1wiPlxuICAgICAgPENhcmQgaXNJbnRlcmFjdGl2ZT5cbiAgICAgICAgPEZsZXhCb3ggZ2FwPXsxNn0gaGVpZ2h0PVwiMTAwJVwiPlxuICAgICAgICAgIDxCb3hcbiAgICAgICAgICAgIGFsaWduQ29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgICBiZz1cIm5hdnlcIlxuICAgICAgICAgICAgYm9yZGVyUmFkaXVzPVwibWRcIlxuICAgICAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgICBoZWlnaHQ9ezgwfVxuICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgcHg9ezEyfVxuICAgICAgICAgICAgd2lkdGg9ezgwfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0IGZvbnRGYW1pbHk9XCJhY2NlbnRcIiBmb250U2l6ZT17MjZ9IGxpbmVIZWlnaHQ9XCJub3JtYWxcIj5cbiAgICAgICAgICAgICAge3VwcGVyQ2FzZShmb3JtYXQocGFyc2VKU09OKHN0YXJ0RGF0ZSksICdMTEwgZGQnKSl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgZ2FwPXsxNn1cbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgICAgICBtaW5XaWR0aD17MH1cbiAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17OH0gbWluV2lkdGg9ezB9IHdpZHRoPVwiMTAwJVwiPlxuICAgICAgICAgICAgICA8VGV4dCBhcz1cImgzXCIgZm9udFNpemU9ezIyfSB0cnVuY2F0ZT1cImVsbGlwc2lzXCIgdHJ1bmNhdGVMaW5lcz17MX0+XG4gICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fSBtaW5XaWR0aD17MH0+XG4gICAgICAgICAgICAgICAgICA8Q2xvY2tJY29uIC8+XG4gICAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgICBmb250RmFtaWx5PVwiYWNjZW50XCJcbiAgICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17MX1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge2Zvcm1hdFRpbWUoc3RhcnREYXRlLCBlbmREYXRlKX1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgICAge3R5cGUgJiYgKFxuICAgICAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17OH0gbWluV2lkdGg9ezB9PlxuICAgICAgICAgICAgICAgICAgICA8RXZlbnRUeXBlSWNvbiBldmVudFR5cGU9e3R5cGV9IC8+XG4gICAgICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPEFycm93Q2hldnJvblJpZ2h0SWNvbiBzaXplPXsyNH0gLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvQ2FyZD5cbiAgICA8L1N0eWxlZExpbms+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCcUIifQ== */");
+	return /*#__PURE__*/ React.createElement(StyledLink, {
+		href: url,
+		target: "_blank"
+	}, /*#__PURE__*/ React.createElement(_codecademy_gamut.Card, { isInteractive: true }, /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+		gap: 16,
+		height: "100%"
+	}, /*#__PURE__*/ React.createElement(_codecademy_gamut.Box, {
+		alignContent: "center",
+		bg: "navy",
+		borderRadius: "md",
+		color: "white",
+		height: 80,
+		justifyContent: "center",
+		px: 12,
+		width: 80
+	}, /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+		fontFamily: "accent",
+		fontSize: 26,
+		lineHeight: "normal"
+	}, (0, lodash_upperCase_js.default)((0, date_fns.format)((0, date_fns.parseJSON)(startDate), "LLL dd")))), /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+		alignItems: "center",
+		gap: 16,
+		justifyContent: "space-between",
+		minWidth: 0,
+		width: "100%"
+	}, /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+		flexDirection: "column",
+		gap: 8,
+		minWidth: 0,
+		width: "100%"
+	}, /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+		as: "h3",
+		fontSize: 22,
+		truncate: "ellipsis",
+		truncateLines: 1
+	}, title), /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+		alignItems: "center",
+		justifyContent: "space-between"
+	}, /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+		alignItems: "center",
+		gap: 8,
+		minWidth: 0
+	}, /*#__PURE__*/ React.createElement(_codecademy_gamut_icons.ClockIcon, null), /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+		fontFamily: "accent",
+		fontSize: 14,
+		truncate: "ellipsis",
+		truncateLines: 1
+	}, require_index.formatTime(startDate, endDate))), type && /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+		alignItems: "center",
+		gap: 8,
+		minWidth: 0
+	}, /*#__PURE__*/ React.createElement(require_EventTypeIcon.EventTypeIcon, { eventType: type })))), /*#__PURE__*/ React.createElement(_codecademy_gamut_icons.ArrowChevronRightIcon, { size: 24 })))));
+};
+
+//#endregion
+exports.AbbreviatedEventCard = AbbreviatedEventCard;
+//# sourceMappingURL=index.cjs.map

package/dist/AbbreviatedCommunityEventCard/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Anchor","Box","Card","FlexBox","Text","ArrowChevronRightIcon","ClockIcon","styled","format","parseJSON","upperCase","formatTime","EventTypeIcon","AbbreviatedEventCard","title","startDate","endDate","url","type","StyledLink","href","target","isInteractive","gap","height","alignContent","bg","borderRadius","color","justifyContent","px","width","fontFamily","fontSize","lineHeight","alignItems","minWidth","flexDirection","as","truncate","truncateLines","eventType","size"],"sources":["../../src/AbbreviatedCommunityEventCard/index.tsx"],"sourcesContent":["import { Anchor, Box, Card, FlexBox, Text } from '@codecademy/gamut';\nimport { ArrowChevronRightIcon, ClockIcon } from '@codecademy/gamut-icons';\nimport styled from '@emotion/styled';\nimport { format, parseJSON } from 'date-fns';\nimport upperCase from 'lodash/upperCase';\n\nimport { formatTime } from '../CommunityEventCard';\nimport { EventTypeIcon } from '../CommunityEventCard/EventTypeIcon';\n\nexport interface AbbreviatedEventCardProps {\n  title: string;\n  startDate: string;\n  endDate: string;\n  url: string;\n  type?: string | null;\n}\n\nexport const AbbreviatedEventCard: React.FC<AbbreviatedEventCardProps> = ({\n  title,\n  startDate,\n  endDate,\n  url,\n  type,\n}) => {\n  const StyledLink = styled(Anchor)`\n    text-decoration: none;\n    &:focus {\n      text-decoration: none;\n    }\n  `;\n\n  return (\n    <StyledLink href={url} target=\"_blank\">\n      <Card isInteractive>\n        <FlexBox gap={16} height=\"100%\">\n          <Box\n            alignContent=\"center\"\n            bg=\"navy\"\n            borderRadius=\"md\"\n            color=\"white\"\n            height={80}\n            justifyContent=\"center\"\n            px={12}\n            width={80}\n          >\n            <Text fontFamily=\"accent\" fontSize={26} lineHeight=\"normal\">\n              {upperCase(format(parseJSON(startDate), 'LLL dd'))}\n            </Text>\n          </Box>\n          <FlexBox\n            alignItems=\"center\"\n            gap={16}\n            justifyContent=\"space-between\"\n            minWidth={0}\n            width=\"100%\"\n          >\n            <FlexBox flexDirection=\"column\" gap={8} minWidth={0} width=\"100%\">\n              <Text as=\"h3\" fontSize={22} truncate=\"ellipsis\" truncateLines={1}>\n                {title}\n              </Text>\n              <FlexBox alignItems=\"center\" justifyContent=\"space-between\">\n                <FlexBox alignItems=\"center\" gap={8} minWidth={0}>\n                  <ClockIcon />\n                  <Text\n                    fontFamily=\"accent\"\n                    fontSize={14}\n                    truncate=\"ellipsis\"\n                    truncateLines={1}\n                  >\n                    {formatTime(startDate, endDate)}\n                  </Text>\n                </FlexBox>\n                {type && (\n                  <FlexBox alignItems=\"center\" gap={8} minWidth={0}>\n                    <EventTypeIcon eventType={type} />\n                  </FlexBox>\n                )}\n              </FlexBox>\n            </FlexBox>\n            <ArrowChevronRightIcon size={24} />\n          </FlexBox>\n        </FlexBox>\n      </Card>\n    </StyledLink>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAaa,wBAA6D,EACxEC,OACAC,WACAC,SACAC,KACAC,WACD;CACC,MAAMC,aAAaZ,2CAAOP,0BAAAA;;;;CAO1B,OACE,oBAAA,cAACmB,YAAAA;EAAWC,MAAMH;EAAKI,QAAO;IAC5B,oBAAA,cAACnB,wBAAAA,EAAKoB,eAAAA,QACJ,oBAAA,cAACnB,2BAAAA;EAAQoB,KAAK;EAAIC,QAAO;IACvB,oBAAA,cAACvB,uBAAAA;EACCwB,cAAa;EACbC,IAAG;EACHC,cAAa;EACbC,OAAM;EACNJ,QAAQ;EACRK,gBAAe;EACfC,IAAI;EACJC,OAAO;IAEP,oBAAA,cAAC3B,wBAAAA;EAAK4B,YAAW;EAASC,UAAU;EAAIC,YAAW;kFACrBnB,SAAAA,GAAY,QAAA,CAAA,CAAA,CAAA,GAG5C,oBAAA,cAACZ,2BAAAA;EACCgC,YAAW;EACXZ,KAAK;EACLM,gBAAe;EACfO,UAAU;EACVL,OAAM;IAEN,oBAAA,cAAC5B,2BAAAA;EAAQkC,eAAc;EAASd,KAAK;EAAGa,UAAU;EAAGL,OAAM;IACzD,oBAAA,cAAC3B,wBAAAA;EAAKkC,IAAG;EAAKL,UAAU;EAAIM,UAAS;EAAWC,eAAe;IAC5D1B,KAAAA,GAEH,oBAAA,cAACX,2BAAAA;EAAQgC,YAAW;EAASN,gBAAe;IAC1C,oBAAA,cAAC1B,2BAAAA;EAAQgC,YAAW;EAASZ,KAAK;EAAGa,UAAU;IAC7C,oBAAA,cAAC9B,mCAAAA,IAAAA,GACD,oBAAA,cAACF,wBAAAA;EACC4B,YAAW;EACXC,UAAU;EACVM,UAAS;EACTC,eAAe;IAEd7B,yBAAWI,WAAWC,OAAAA,CAAAA,CAAAA,GAG1BE,QACC,oBAAA,cAACf,2BAAAA;EAAQgC,YAAW;EAASZ,KAAK;EAAGa,UAAU;IAC7C,oBAAA,cAACxB,qCAAAA,EAAc6B,WAAWvB,YAKlC,oBAAA,cAACb,+CAAAA,EAAsBqC,MAAM;AAMzC"}

package/dist/AbbreviatedCommunityEventCard/index.d.cts

@@ -0,0 +1,12 @@
+//#region src/AbbreviatedCommunityEventCard/index.d.ts
+interface AbbreviatedEventCardProps {
+  title: string;
+  startDate: string;
+  endDate: string;
+  url: string;
+  type?: string | null;
+}
+declare const AbbreviatedEventCard: React.FC<AbbreviatedEventCardProps>;
+//#endregion
+export { AbbreviatedEventCard, AbbreviatedEventCardProps };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/AbbreviatedCommunityEventCard/index.tsx"],"mappings":";UASiB,yBAAA;EACf,KAAA;EACA,SAAA;EACA,OAAA;EACA,GAAA;EACA,IAAA;AAAA;AAAA,cAGW,oBAAA,EAAsB,KAAA,CAAM,EAAE,CAAC,yBAAA"}

package/dist/AbbreviatedCommunityEventCard/index.d.ts

@@ -1,8 +1,12 @@
-export interface AbbreviatedEventCardProps {
-    title: string;
-    startDate: string;
-    endDate: string;
-    url: string;
-    type?: string | null;
+//#region src/AbbreviatedCommunityEventCard/index.d.ts
+interface AbbreviatedEventCardProps {
+  title: string;
+  startDate: string;
+  endDate: string;
+  url: string;
+  type?: string | null;
 }
-export declare const AbbreviatedEventCard: React.FC<AbbreviatedEventCardProps>;
+declare const AbbreviatedEventCard: React.FC<AbbreviatedEventCardProps>;
+//#endregion
+export { AbbreviatedEventCard, AbbreviatedEventCardProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/AbbreviatedCommunityEventCard/index.tsx"],"mappings":";UASiB,yBAAA;EACf,KAAA;EACA,SAAA;EACA,OAAA;EACA,GAAA;EACA,IAAA;AAAA;AAAA,cAGW,oBAAA,EAAsB,KAAA,CAAM,EAAA,CAAG,yBAAA"}

package/dist/AbbreviatedCommunityEventCard/index.js

@@ -1,98 +1,71 @@
-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 { Anchor, Box, Card, FlexBox, Text } from '@codecademy/gamut';
-import { ArrowChevronRightIcon, ClockIcon } from '@codecademy/gamut-icons';
-import { format, parseJSON } from 'date-fns';
-import upperCase from 'lodash/upperCase';
-import { formatTime } from '../CommunityEventCard';
-import { EventTypeIcon } from '../CommunityEventCard/EventTypeIcon';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const AbbreviatedEventCard = ({
-  title,
-  startDate,
-  endDate,
-  url,
-  type
-}) => {
-  const StyledLink = /*#__PURE__*/_styled(Anchor, {
-    target: "e7686yp0",
-    label: "StyledLink"
-  })(process.env.NODE_ENV === "production" ? {
-    name: "1cp29tz",
-    styles: "text-decoration:none;&:focus{text-decoration:none;}"
-  } : {
-    name: "1cp29tz",
-    styles: "text-decoration:none;&:focus{text-decoration:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BYmJyZXZpYXRlZENvbW11bml0eUV2ZW50Q2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JtQyIsImZpbGUiOiIuLi8uLi9zcmMvQWJicmV2aWF0ZWRDb21tdW5pdHlFdmVudENhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIENhcmQsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd0NoZXZyb25SaWdodEljb24sIENsb2NrSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvcm1hdCwgcGFyc2VKU09OIH0gZnJvbSAnZGF0ZS1mbnMnO1xuaW1wb3J0IHVwcGVyQ2FzZSBmcm9tICdsb2Rhc2gvdXBwZXJDYXNlJztcblxuaW1wb3J0IHsgZm9ybWF0VGltZSB9IGZyb20gJy4uL0NvbW11bml0eUV2ZW50Q2FyZCc7XG5pbXBvcnQgeyBFdmVudFR5cGVJY29uIH0gZnJvbSAnLi4vQ29tbXVuaXR5RXZlbnRDYXJkL0V2ZW50VHlwZUljb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFiYnJldmlhdGVkRXZlbnRDYXJkUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBzdGFydERhdGU6IHN0cmluZztcbiAgZW5kRGF0ZTogc3RyaW5nO1xuICB1cmw6IHN0cmluZztcbiAgdHlwZT86IHN0cmluZyB8IG51bGw7XG59XG5cbmV4cG9ydCBjb25zdCBBYmJyZXZpYXRlZEV2ZW50Q2FyZDogUmVhY3QuRkM8QWJicmV2aWF0ZWRFdmVudENhcmRQcm9wcz4gPSAoe1xuICB0aXRsZSxcbiAgc3RhcnREYXRlLFxuICBlbmREYXRlLFxuICB1cmwsXG4gIHR5cGUsXG59KSA9PiB7XG4gIGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoQW5jaG9yKWBcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgJjpmb2N1cyB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICBgO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZExpbmsgaHJlZj17dXJsfSB0YXJnZXQ9XCJfYmxhbmtcIj5cbiAgICAgIDxDYXJkIGlzSW50ZXJhY3RpdmU+XG4gICAgICAgIDxGbGV4Qm94IGdhcD17MTZ9IGhlaWdodD1cIjEwMCVcIj5cbiAgICAgICAgICA8Qm94XG4gICAgICAgICAgICBhbGlnbkNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgYmc9XCJuYXZ5XCJcbiAgICAgICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgaGVpZ2h0PXs4MH1cbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICAgIHdpZHRoPXs4MH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBmb250RmFtaWx5PVwiYWNjZW50XCIgZm9udFNpemU9ezI2fSBsaW5lSGVpZ2h0PVwibm9ybWFsXCI+XG4gICAgICAgICAgICAgIHt1cHBlckNhc2UoZm9ybWF0KHBhcnNlSlNPTihzdGFydERhdGUpLCAnTExMIGRkJykpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgIGdhcD17MTZ9XG4gICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgICAgbWluV2lkdGg9ezB9XG4gICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezh9IG1pbldpZHRoPXswfSB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIGZvbnRTaXplPXsyMn0gdHJ1bmNhdGU9XCJlbGxpcHNpc1wiIHRydW5jYXRlTGluZXM9ezF9PlxuICAgICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17OH0gbWluV2lkdGg9ezB9PlxuICAgICAgICAgICAgICAgICAgPENsb2NrSWNvbiAvPlxuICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgZm9udEZhbWlseT1cImFjY2VudFwiXG4gICAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgICAgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiXG4gICAgICAgICAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezF9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtmb3JtYXRUaW1lKHN0YXJ0RGF0ZSwgZW5kRGF0ZSl9XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICAgIHt0eXBlICYmIChcbiAgICAgICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezh9IG1pbldpZHRoPXswfT5cbiAgICAgICAgICAgICAgICAgICAgPEV2ZW50VHlwZUljb24gZXZlbnRUeXBlPXt0eXBlfSAvPlxuICAgICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDxBcnJvd0NoZXZyb25SaWdodEljb24gc2l6ZT17MjR9IC8+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L0NhcmQ+XG4gICAgPC9TdHlsZWRMaW5rPlxuICApO1xufTtcbiJdfQ== */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  });
-  return /*#__PURE__*/_jsx(StyledLink, {
-    href: url,
-    target: "_blank",
-    children: /*#__PURE__*/_jsx(Card, {
-      isInteractive: true,
-      children: /*#__PURE__*/_jsxs(FlexBox, {
-        gap: 16,
-        height: "100%",
-        children: [/*#__PURE__*/_jsx(Box, {
-          alignContent: "center",
-          bg: "navy",
-          borderRadius: "md",
-          color: "white",
-          height: 80,
-          justifyContent: "center",
-          px: 12,
-          width: 80,
-          children: /*#__PURE__*/_jsx(Text, {
-            fontFamily: "accent",
-            fontSize: 26,
-            lineHeight: "normal",
-            children: upperCase(format(parseJSON(startDate), 'LLL dd'))
-          })
-        }), /*#__PURE__*/_jsxs(FlexBox, {
-          alignItems: "center",
-          gap: 16,
-          justifyContent: "space-between",
-          minWidth: 0,
-          width: "100%",
-          children: [/*#__PURE__*/_jsxs(FlexBox, {
-            flexDirection: "column",
-            gap: 8,
-            minWidth: 0,
-            width: "100%",
-            children: [/*#__PURE__*/_jsx(Text, {
-              as: "h3",
-              fontSize: 22,
-              truncate: "ellipsis",
-              truncateLines: 1,
-              children: title
-            }), /*#__PURE__*/_jsxs(FlexBox, {
-              alignItems: "center",
-              justifyContent: "space-between",
-              children: [/*#__PURE__*/_jsxs(FlexBox, {
-                alignItems: "center",
-                gap: 8,
-                minWidth: 0,
-                children: [/*#__PURE__*/_jsx(ClockIcon, {}), /*#__PURE__*/_jsx(Text, {
-                  fontFamily: "accent",
-                  fontSize: 14,
-                  truncate: "ellipsis",
-                  truncateLines: 1,
-                  children: formatTime(startDate, endDate)
-                })]
-              }), type && /*#__PURE__*/_jsx(FlexBox, {
-                alignItems: "center",
-                gap: 8,
-                minWidth: 0,
-                children: /*#__PURE__*/_jsx(EventTypeIcon, {
-                  eventType: type
-                })
-              })]
-            })]
-          }), /*#__PURE__*/_jsx(ArrowChevronRightIcon, {
-            size: 24
-          })]
-        })]
-      })
-    })
-  });
-};
+import { EventTypeIcon } from "../CommunityEventCard/EventTypeIcon.js";
+import { formatTime } from "../CommunityEventCard/index.js";
+import { Anchor, Box, Card, FlexBox, Text } from "@codecademy/gamut";
+import styled from "@emotion/styled";
+import { ArrowChevronRightIcon, ClockIcon } from "@codecademy/gamut-icons";
+import { format, parseJSON } from "date-fns";
+import upperCase from "lodash/upperCase.js";
+
+//#region src/AbbreviatedCommunityEventCard/index.tsx
+const AbbreviatedEventCard = ({ title, startDate, endDate, url, type }) => {
+	const StyledLink = /*#__PURE__*/ styled(Anchor, {
+		target: "eh4ud0f0",
+		label: "brand-StyledLink"
+	})("text-decoration:none;&:focus{text-decoration:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FiYnJldmlhdGVkQ29tbXVuaXR5RXZlbnRDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FiYnJldmlhdGVkQ29tbXVuaXR5RXZlbnRDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvblJpZ2h0SWNvbiwgQ2xvY2tJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9ybWF0LCBwYXJzZUpTT04gfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgdXBwZXJDYXNlIGZyb20gJ2xvZGFzaC91cHBlckNhc2UnO1xuXG5pbXBvcnQgeyBmb3JtYXRUaW1lIH0gZnJvbSAnLi4vQ29tbXVuaXR5RXZlbnRDYXJkJztcbmltcG9ydCB7IEV2ZW50VHlwZUljb24gfSBmcm9tICcuLi9Db21tdW5pdHlFdmVudENhcmQvRXZlbnRUeXBlSWNvbic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQWJicmV2aWF0ZWRFdmVudENhcmRQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHN0YXJ0RGF0ZTogc3RyaW5nO1xuICBlbmREYXRlOiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICB0eXBlPzogc3RyaW5nIHwgbnVsbDtcbn1cblxuZXhwb3J0IGNvbnN0IEFiYnJldmlhdGVkRXZlbnRDYXJkOiBSZWFjdC5GQzxBYmJyZXZpYXRlZEV2ZW50Q2FyZFByb3BzPiA9ICh7XG4gIHRpdGxlLFxuICBzdGFydERhdGUsXG4gIGVuZERhdGUsXG4gIHVybCxcbiAgdHlwZSxcbn0pID0+IHtcbiAgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChBbmNob3IpYFxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAmOmZvY3VzIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGluayBocmVmPXt1cmx9IHRhcmdldD1cIl9ibGFua1wiPlxuICAgICAgPENhcmQgaXNJbnRlcmFjdGl2ZT5cbiAgICAgICAgPEZsZXhCb3ggZ2FwPXsxNn0gaGVpZ2h0PVwiMTAwJVwiPlxuICAgICAgICAgIDxCb3hcbiAgICAgICAgICAgIGFsaWduQ29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgICBiZz1cIm5hdnlcIlxuICAgICAgICAgICAgYm9yZGVyUmFkaXVzPVwibWRcIlxuICAgICAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgICBoZWlnaHQ9ezgwfVxuICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgcHg9ezEyfVxuICAgICAgICAgICAgd2lkdGg9ezgwfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0IGZvbnRGYW1pbHk9XCJhY2NlbnRcIiBmb250U2l6ZT17MjZ9IGxpbmVIZWlnaHQ9XCJub3JtYWxcIj5cbiAgICAgICAgICAgICAge3VwcGVyQ2FzZShmb3JtYXQocGFyc2VKU09OKHN0YXJ0RGF0ZSksICdMTEwgZGQnKSl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgZ2FwPXsxNn1cbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgICAgICBtaW5XaWR0aD17MH1cbiAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17OH0gbWluV2lkdGg9ezB9IHdpZHRoPVwiMTAwJVwiPlxuICAgICAgICAgICAgICA8VGV4dCBhcz1cImgzXCIgZm9udFNpemU9ezIyfSB0cnVuY2F0ZT1cImVsbGlwc2lzXCIgdHJ1bmNhdGVMaW5lcz17MX0+XG4gICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fSBtaW5XaWR0aD17MH0+XG4gICAgICAgICAgICAgICAgICA8Q2xvY2tJY29uIC8+XG4gICAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgICBmb250RmFtaWx5PVwiYWNjZW50XCJcbiAgICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17MX1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge2Zvcm1hdFRpbWUoc3RhcnREYXRlLCBlbmREYXRlKX1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgICAge3R5cGUgJiYgKFxuICAgICAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17OH0gbWluV2lkdGg9ezB9PlxuICAgICAgICAgICAgICAgICAgICA8RXZlbnRUeXBlSWNvbiBldmVudFR5cGU9e3R5cGV9IC8+XG4gICAgICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPEFycm93Q2hldnJvblJpZ2h0SWNvbiBzaXplPXsyNH0gLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvQ2FyZD5cbiAgICA8L1N0eWxlZExpbms+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCcUIifQ== */");
+	return /*#__PURE__*/ React.createElement(StyledLink, {
+		href: url,
+		target: "_blank"
+	}, /*#__PURE__*/ React.createElement(Card, { isInteractive: true }, /*#__PURE__*/ React.createElement(FlexBox, {
+		gap: 16,
+		height: "100%"
+	}, /*#__PURE__*/ React.createElement(Box, {
+		alignContent: "center",
+		bg: "navy",
+		borderRadius: "md",
+		color: "white",
+		height: 80,
+		justifyContent: "center",
+		px: 12,
+		width: 80
+	}, /*#__PURE__*/ React.createElement(Text, {
+		fontFamily: "accent",
+		fontSize: 26,
+		lineHeight: "normal"
+	}, upperCase(format(parseJSON(startDate), "LLL dd")))), /*#__PURE__*/ React.createElement(FlexBox, {
+		alignItems: "center",
+		gap: 16,
+		justifyContent: "space-between",
+		minWidth: 0,
+		width: "100%"
+	}, /*#__PURE__*/ React.createElement(FlexBox, {
+		flexDirection: "column",
+		gap: 8,
+		minWidth: 0,
+		width: "100%"
+	}, /*#__PURE__*/ React.createElement(Text, {
+		as: "h3",
+		fontSize: 22,
+		truncate: "ellipsis",
+		truncateLines: 1
+	}, title), /*#__PURE__*/ React.createElement(FlexBox, {
+		alignItems: "center",
+		justifyContent: "space-between"
+	}, /*#__PURE__*/ React.createElement(FlexBox, {
+		alignItems: "center",
+		gap: 8,
+		minWidth: 0
+	}, /*#__PURE__*/ React.createElement(ClockIcon, null), /*#__PURE__*/ React.createElement(Text, {
+		fontFamily: "accent",
+		fontSize: 14,
+		truncate: "ellipsis",
+		truncateLines: 1
+	}, formatTime(startDate, endDate))), type && /*#__PURE__*/ React.createElement(FlexBox, {
+		alignItems: "center",
+		gap: 8,
+		minWidth: 0
+	}, /*#__PURE__*/ React.createElement(EventTypeIcon, { eventType: type })))), /*#__PURE__*/ React.createElement(ArrowChevronRightIcon, { size: 24 })))));
+};
+
+//#endregion
+export { AbbreviatedEventCard };
+//# sourceMappingURL=index.js.map

package/dist/AbbreviatedCommunityEventCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Anchor","Box","Card","FlexBox","Text","ArrowChevronRightIcon","ClockIcon","styled","format","parseJSON","upperCase","formatTime","EventTypeIcon","AbbreviatedEventCard","title","startDate","endDate","url","type","StyledLink","href","target","isInteractive","gap","height","alignContent","bg","borderRadius","color","justifyContent","px","width","fontFamily","fontSize","lineHeight","alignItems","minWidth","flexDirection","as","truncate","truncateLines","eventType","size"],"sources":["../../src/AbbreviatedCommunityEventCard/index.tsx"],"sourcesContent":["import { Anchor, Box, Card, FlexBox, Text } from '@codecademy/gamut';\nimport { ArrowChevronRightIcon, ClockIcon } from '@codecademy/gamut-icons';\nimport styled from '@emotion/styled';\nimport { format, parseJSON } from 'date-fns';\nimport upperCase from 'lodash/upperCase';\n\nimport { formatTime } from '../CommunityEventCard';\nimport { EventTypeIcon } from '../CommunityEventCard/EventTypeIcon';\n\nexport interface AbbreviatedEventCardProps {\n  title: string;\n  startDate: string;\n  endDate: string;\n  url: string;\n  type?: string | null;\n}\n\nexport const AbbreviatedEventCard: React.FC<AbbreviatedEventCardProps> = ({\n  title,\n  startDate,\n  endDate,\n  url,\n  type,\n}) => {\n  const StyledLink = styled(Anchor)`\n    text-decoration: none;\n    &:focus {\n      text-decoration: none;\n    }\n  `;\n\n  return (\n    <StyledLink href={url} target=\"_blank\">\n      <Card isInteractive>\n        <FlexBox gap={16} height=\"100%\">\n          <Box\n            alignContent=\"center\"\n            bg=\"navy\"\n            borderRadius=\"md\"\n            color=\"white\"\n            height={80}\n            justifyContent=\"center\"\n            px={12}\n            width={80}\n          >\n            <Text fontFamily=\"accent\" fontSize={26} lineHeight=\"normal\">\n              {upperCase(format(parseJSON(startDate), 'LLL dd'))}\n            </Text>\n          </Box>\n          <FlexBox\n            alignItems=\"center\"\n            gap={16}\n            justifyContent=\"space-between\"\n            minWidth={0}\n            width=\"100%\"\n          >\n            <FlexBox flexDirection=\"column\" gap={8} minWidth={0} width=\"100%\">\n              <Text as=\"h3\" fontSize={22} truncate=\"ellipsis\" truncateLines={1}>\n                {title}\n              </Text>\n              <FlexBox alignItems=\"center\" justifyContent=\"space-between\">\n                <FlexBox alignItems=\"center\" gap={8} minWidth={0}>\n                  <ClockIcon />\n                  <Text\n                    fontFamily=\"accent\"\n                    fontSize={14}\n                    truncate=\"ellipsis\"\n                    truncateLines={1}\n                  >\n                    {formatTime(startDate, endDate)}\n                  </Text>\n                </FlexBox>\n                {type && (\n                  <FlexBox alignItems=\"center\" gap={8} minWidth={0}>\n                    <EventTypeIcon eventType={type} />\n                  </FlexBox>\n                )}\n              </FlexBox>\n            </FlexBox>\n            <ArrowChevronRightIcon size={24} />\n          </FlexBox>\n        </FlexBox>\n      </Card>\n    </StyledLink>\n  );\n};\n"],"mappings":";;;;;;;;;AAiBA,MAAaa,wBAA6D,EACxEC,OACAC,WACAC,SACAC,KACAC,WACD;CACC,MAAMC,aAAaZ,qBAAOP,QAAAA;;;;CAO1B,OACE,oBAAA,cAACmB,YAAAA;EAAWC,MAAMH;EAAKI,QAAO;IAC5B,oBAAA,cAACnB,MAAAA,EAAKoB,eAAAA,QACJ,oBAAA,cAACnB,SAAAA;EAAQoB,KAAK;EAAIC,QAAO;IACvB,oBAAA,cAACvB,KAAAA;EACCwB,cAAa;EACbC,IAAG;EACHC,cAAa;EACbC,OAAM;EACNJ,QAAQ;EACRK,gBAAe;EACfC,IAAI;EACJC,OAAO;IAEP,oBAAA,cAAC3B,MAAAA;EAAK4B,YAAW;EAASC,UAAU;EAAIC,YAAW;IAChDxB,UAAUF,OAAOC,UAAUM,SAAAA,GAAY,QAAA,CAAA,CAAA,CAAA,GAG5C,oBAAA,cAACZ,SAAAA;EACCgC,YAAW;EACXZ,KAAK;EACLM,gBAAe;EACfO,UAAU;EACVL,OAAM;IAEN,oBAAA,cAAC5B,SAAAA;EAAQkC,eAAc;EAASd,KAAK;EAAGa,UAAU;EAAGL,OAAM;IACzD,oBAAA,cAAC3B,MAAAA;EAAKkC,IAAG;EAAKL,UAAU;EAAIM,UAAS;EAAWC,eAAe;IAC5D1B,KAAAA,GAEH,oBAAA,cAACX,SAAAA;EAAQgC,YAAW;EAASN,gBAAe;IAC1C,oBAAA,cAAC1B,SAAAA;EAAQgC,YAAW;EAASZ,KAAK;EAAGa,UAAU;IAC7C,oBAAA,cAAC9B,WAAAA,IAAAA,GACD,oBAAA,cAACF,MAAAA;EACC4B,YAAW;EACXC,UAAU;EACVM,UAAS;EACTC,eAAe;IAEd7B,WAAWI,WAAWC,OAAAA,CAAAA,CAAAA,GAG1BE,QACC,oBAAA,cAACf,SAAAA;EAAQgC,YAAW;EAASZ,KAAK;EAAGa,UAAU;IAC7C,oBAAA,cAACxB,eAAAA,EAAc6B,WAAWvB,YAKlC,oBAAA,cAACb,uBAAAA,EAAsBqC,MAAM;AAMzC"}

package/dist/AccordionAreaDeprecated/index.cjs

@@ -0,0 +1,44 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let framer_motion = require("framer-motion");
+let react_use = require("react-use");
+
+//#region src/AccordionAreaDeprecated/index.tsx
+const transitionDuration = .2;
+const variants = {
+	expanded: { height: "auto" },
+	folded: { height: "0" }
+};
+/**
+* @deprecated
+* This component is in the old visual identity and will be updated soon.
+* @see `Disclosure` and `List` from `@codecademy/gamut`
+*
+* Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
+*/ const AccordionAreaDeprecated = ({ children, className, expanded, top }) => {
+	const [delayExpanded, setDelayExpanded] = (0, react.useState)(expanded);
+	(0, react_use.useIsomorphicLayoutEffect)(() => {
+		const handle = setTimeout(() => setDelayExpanded(expanded), transitionDuration * 1e3);
+		return () => clearTimeout(handle);
+	}, [expanded]);
+	return /*#__PURE__*/ react.createElement("div", { className }, top, /*#__PURE__*/ react.createElement(StyledAccordionBody, {
+		animate: expanded ? "expanded" : "folded",
+		initial: expanded ? "expanded" : "folded",
+		transition: {
+			duration: .2,
+			ease: "easeInOut"
+		},
+		variants
+	}, (expanded || delayExpanded) && children));
+};
+const StyledAccordionBody = /*#__PURE__*/ (0, _emotion_styled.default)(framer_motion.motion.div, {
+	target: "e1pkduxj0",
+	label: "brand-StyledAccordionBody"
+})("overflow:hidden;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FjY29yZGlvbkFyZWFEZXByZWNhdGVkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FjY29yZGlvbkFyZWFEZXByZWNhdGVkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtb3Rpb24gfSBmcm9tICdmcmFtZXItbW90aW9uJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlSXNvbW9ycGhpY0xheW91dEVmZmVjdCB9IGZyb20gJ3JlYWN0LXVzZSc7XG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbkFyZWFEZXByZWNhdGVkUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG5cbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBhY2NvcmRpb24gaXMgdmlzdWFsbHkgZXhwYW5kZWQgdG8gc2hvdyBpdHMgY29udGVudHMuXG4gICAqL1xuICBleHBhbmRlZD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIENvbnRlbnRzIG9mIHRoZSBjbGlja2FibGUgaGVhZGVyIGJ1dHRvbi5cbiAgICovXG4gIHRvcDogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3QgdHJhbnNpdGlvbkR1cmF0aW9uID0gMC4yO1xuXG5jb25zdCB2YXJpYW50cyA9IHtcbiAgZXhwYW5kZWQ6IHsgaGVpZ2h0OiAnYXV0bycgfSxcbiAgZm9sZGVkOiB7IGhlaWdodDogJzAnIH0sXG59O1xuXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKiBUaGlzIGNvbXBvbmVudCBpcyBpbiB0aGUgb2xkIHZpc3VhbCBpZGVudGl0eSBhbmQgd2lsbCBiZSB1cGRhdGVkIHNvb24uXG4gKiBAc2VlIGBEaXNjbG9zdXJlYCBhbmQgYExpc3RgIGZyb20gYEBjb2RlY2FkZW15L2dhbXV0YFxuICpcbiAqIENoZWNrIHRoZSBbR2FtdXQgQm9hcmRdKGh0dHBzOi8vd3d3Lm5vdGlvbi5zby9jb2RlY2FkZW15L0dhbXV0LVN0YXR1cy1UaW1lbGluZS1kZDNjMTM1ZDM4NDg0NjRlYTZlYjFiNDhlNjhmYmIxZCkgZm9yIGNvbXBvbmVudCBzdGF0dXNcbiAqL1xuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQ6IFJlYWN0LkZDPFxuICBBY2NvcmRpb25BcmVhRGVwcmVjYXRlZFByb3BzXG4+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgZXhwYW5kZWQsIHRvcCB9KSA9PiB7XG4gIGNvbnN0IFtkZWxheUV4cGFuZGVkLCBzZXREZWxheUV4cGFuZGVkXSA9IHVzZVN0YXRlKGV4cGFuZGVkKTtcblxuICB1c2VJc29tb3JwaGljTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGUgPSBzZXRUaW1lb3V0KFxuICAgICAgKCkgPT4gc2V0RGVsYXlFeHBhbmRlZChleHBhbmRlZCksXG4gICAgICB0cmFuc2l0aW9uRHVyYXRpb24gKiAxMDAwXG4gICAgKTtcblxuICAgIHJldHVybiAoKSA9PiBjbGVhclRpbWVvdXQoaGFuZGxlKTtcbiAgfSwgW2V4cGFuZGVkXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIHt0b3B9XG4gICAgICA8U3R5bGVkQWNjb3JkaW9uQm9keVxuICAgICAgICBhbmltYXRlPXtleHBhbmRlZCA/ICdleHBhbmRlZCcgOiAnZm9sZGVkJ31cbiAgICAgICAgaW5pdGlhbD17ZXhwYW5kZWQgPyAnZXhwYW5kZWQnIDogJ2ZvbGRlZCd9XG4gICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMiwgZWFzZTogJ2Vhc2VJbk91dCcgfX1cbiAgICAgICAgdmFyaWFudHM9e3ZhcmlhbnRzfVxuICAgICAgPlxuICAgICAgICB7KGV4cGFuZGVkIHx8IGRlbGF5RXhwYW5kZWQpICYmIGNoaWxkcmVufVxuICAgICAgPC9TdHlsZWRBY2NvcmRpb25Cb2R5PlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkQWNjb3JkaW9uQm9keSA9IHN0eWxlZChtb3Rpb24uZGl2KWBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0U0QiJ9 */");
+
+//#endregion
+exports.AccordionAreaDeprecated = AccordionAreaDeprecated;
+//# sourceMappingURL=index.cjs.map

package/dist/AccordionAreaDeprecated/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["styled","motion","useState","React","useIsomorphicLayoutEffect","transitionDuration","variants","expanded","height","folded","AccordionAreaDeprecated","children","className","top","delayExpanded","setDelayExpanded","handle","setTimeout","clearTimeout","div","StyledAccordionBody","animate","initial","transition","duration","ease"],"sources":["../../src/AccordionAreaDeprecated/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { motion } from 'framer-motion';\nimport { useState } from 'react';\nimport * as React from 'react';\nimport { useIsomorphicLayoutEffect } from 'react-use';\n\nexport type AccordionAreaDeprecatedProps = {\n  children: React.ReactNode;\n\n  className?: string;\n\n  /**\n   * Whether the accordion is visually expanded to show its contents.\n   */\n  expanded?: boolean;\n\n  /**\n   * Contents of the clickable header button.\n   */\n  top: React.ReactNode;\n};\n\nconst transitionDuration = 0.2;\n\nconst variants = {\n  expanded: { height: 'auto' },\n  folded: { height: '0' },\n};\n\n/**\n * @deprecated\n * This component is in the old visual identity and will be updated soon.\n * @see `Disclosure` and `List` from `@codecademy/gamut`\n *\n * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status\n */\n\nexport const AccordionAreaDeprecated: React.FC<\n  AccordionAreaDeprecatedProps\n> = ({ children, className, expanded, top }) => {\n  const [delayExpanded, setDelayExpanded] = useState(expanded);\n\n  useIsomorphicLayoutEffect(() => {\n    const handle = setTimeout(\n      () => setDelayExpanded(expanded),\n      transitionDuration * 1000\n    );\n\n    return () => clearTimeout(handle);\n  }, [expanded]);\n\n  return (\n    <div className={className}>\n      {top}\n      <StyledAccordionBody\n        animate={expanded ? 'expanded' : 'folded'}\n        initial={expanded ? 'expanded' : 'folded'}\n        transition={{ duration: 0.2, ease: 'easeInOut' }}\n        variants={variants}\n      >\n        {(expanded || delayExpanded) && children}\n      </StyledAccordionBody>\n    </div>\n  );\n};\n\nconst StyledAccordionBody = styled(motion.div)`\n  overflow: hidden;\n`;\n"],"mappings":";;;;;;;;;AAsBA,MAAMK,qBAAqB;AAE3B,MAAMC,WAAW;CACfC,UAAU,EAAEC,QAAQ,OAAO;CAC3BC,QAAQ,EAAED,QAAQ,IAAI;AACxB;;;;;;;GAUA,MAAaE,2BAER,EAAEC,UAAUC,WAAWL,UAAUM,UAAK;CACzC,MAAM,CAACC,eAAeC,wCAA6BR,QAAAA;CAEnDH,+CAA0B;EACxB,MAAMY,SAASC,iBACPF,iBAAiBR,QAAAA,GACvBF,qBAAqB,GAAA;EAGvB,aAAaa,aAAaF,MAAAA;CAC5B,GAAG,CAACT,SAAS;CAEb,OACE,oBAAA,cAACY,OAAAA,EAAeP,aACbC,KACD,oBAAA,cAACO,qBAAAA;EACCC,SAASd,WAAW,aAAa;EACjCe,SAASf,WAAW,aAAa;EACjCgB,YAAY;GAAEC,UAAU;GAAKC,MAAM;EAAY;EACrCnB;KAERC,YAAYO,kBAAkBH,QAAAA,CAAAA;AAIxC;AAEA,MAAMS,sBAAsBpB,2CAAOC,qBAAOkB,KAAG"}

package/dist/AccordionAreaDeprecated/index.d.cts

@@ -0,0 +1,26 @@
+import * as React$1 from "react";
+
+//#region src/AccordionAreaDeprecated/index.d.ts
+type AccordionAreaDeprecatedProps = {
+  children: React$1.ReactNode;
+  className?: string;
+  /**
+   * Whether the accordion is visually expanded to show its contents.
+   */
+  expanded?: boolean;
+  /**
+   * Contents of the clickable header button.
+   */
+  top: React$1.ReactNode;
+};
+/**
+ * @deprecated
+ * This component is in the old visual identity and will be updated soon.
+ * @see `Disclosure` and `List` from `@codecademy/gamut`
+ *
+ * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
+ */
+declare const AccordionAreaDeprecated: React$1.FC<AccordionAreaDeprecatedProps>;
+//#endregion
+export { AccordionAreaDeprecated, AccordionAreaDeprecatedProps };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/AccordionAreaDeprecated/index.tsx"],"mappings":";;;KAMY,4BAAA;EACV,QAAA,EAAU,OAAA,CAAM,SAAA;EAEhB,SAAA;EAHsC;;;EAQtC,QAAA;EAPU;;;EAYV,GAAA,EAAK,OAAA,CAAM,SAAS;AAAA;;;;AAAA;AAkBtB;;;cAAa,uBAAA,EAAyB,OAAA,CAAM,EAAE,CAC5C,4BAAA"}

package/dist/AccordionAreaDeprecated/index.d.ts

@@ -1,15 +1,17 @@
-import * as React from 'react';
-export type AccordionAreaDeprecatedProps = {
-    children: React.ReactNode;
-    className?: string;
-    /**
-     * Whether the accordion is visually expanded to show its contents.
-     */
-    expanded?: boolean;
-    /**
-     * Contents of the clickable header button.
-     */
-    top: React.ReactNode;
+import * as React$1 from "react";
+
+//#region src/AccordionAreaDeprecated/index.d.ts
+type AccordionAreaDeprecatedProps = {
+  children: React$1.ReactNode;
+  className?: string;
+  /**
+   * Whether the accordion is visually expanded to show its contents.
+   */
+  expanded?: boolean;
+  /**
+   * Contents of the clickable header button.
+   */
+  top: React$1.ReactNode;
 };
 /**
  * @deprecated
@@ -18,4 +20,7 @@ export type AccordionAreaDeprecatedProps = {
  *
  * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
  */
-export declare const AccordionAreaDeprecated: React.FC<AccordionAreaDeprecatedProps>;
+declare const AccordionAreaDeprecated: React$1.FC<AccordionAreaDeprecatedProps>;
+//#endregion
+export { AccordionAreaDeprecated, AccordionAreaDeprecatedProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/AccordionAreaDeprecated/index.tsx"],"mappings":";;;KAMY,4BAAA;EACV,QAAA,EAAU,OAAA,CAAM,SAAA;EAEhB,SAAA;EAHsC;;;EAQtC,QAAA;EAPU;;;EAYV,GAAA,EAAK,OAAA,CAAM,SAAA;AAAA;;;;;AAkBb;;;cAAa,uBAAA,EAAyB,OAAA,CAAM,EAAA,CAC1C,4BAAA"}

package/dist/AccordionAreaDeprecated/index.js

@@ -1,61 +1,42 @@
-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 { motion } from 'framer-motion';
-import { useState } from 'react';
-import * as React from 'react';
-import { useIsomorphicLayoutEffect } from 'react-use';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const transitionDuration = 0.2;
+import styled from "@emotion/styled";
+import * as React$1 from "react";
+import { useState } from "react";
+import { motion } from "framer-motion";
+import { useIsomorphicLayoutEffect } from "react-use";
+
+//#region src/AccordionAreaDeprecated/index.tsx
+const transitionDuration = .2;
 const variants = {
-  expanded: {
-    height: 'auto'
-  },
-  folded: {
-    height: '0'
-  }
+	expanded: { height: "auto" },
+	folded: { height: "0" }
 };
-
 /**
- * @deprecated
- * This component is in the old visual identity and will be updated soon.
- * @see `Disclosure` and `List` from `@codecademy/gamut`
- *
- * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
- */
-
-export const AccordionAreaDeprecated = ({
-  children,
-  className,
-  expanded,
-  top
-}) => {
-  const [delayExpanded, setDelayExpanded] = useState(expanded);
-  useIsomorphicLayoutEffect(() => {
-    const handle = setTimeout(() => setDelayExpanded(expanded), transitionDuration * 1000);
-    return () => clearTimeout(handle);
-  }, [expanded]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: className,
-    children: [top, /*#__PURE__*/_jsx(StyledAccordionBody, {
-      animate: expanded ? 'expanded' : 'folded',
-      initial: expanded ? 'expanded' : 'folded',
-      transition: {
-        duration: 0.2,
-        ease: 'easeInOut'
-      },
-      variants: variants,
-      children: (expanded || delayExpanded) && children
-    })]
-  });
+* @deprecated
+* This component is in the old visual identity and will be updated soon.
+* @see `Disclosure` and `List` from `@codecademy/gamut`
+*
+* Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
+*/ const AccordionAreaDeprecated = ({ children, className, expanded, top }) => {
+	const [delayExpanded, setDelayExpanded] = useState(expanded);
+	useIsomorphicLayoutEffect(() => {
+		const handle = setTimeout(() => setDelayExpanded(expanded), transitionDuration * 1e3);
+		return () => clearTimeout(handle);
+	}, [expanded]);
+	return /*#__PURE__*/ React$1.createElement("div", { className }, top, /*#__PURE__*/ React$1.createElement(StyledAccordionBody, {
+		animate: expanded ? "expanded" : "folded",
+		initial: expanded ? "expanded" : "folded",
+		transition: {
+			duration: .2,
+			ease: "easeInOut"
+		},
+		variants
+	}, (expanded || delayExpanded) && children));
 };
-const StyledAccordionBody = /*#__PURE__*/_styled(motion.div, {
-  target: "e1rvyab20",
-  label: "StyledAccordionBody"
-})(process.env.NODE_ENV === "production" ? {
-  name: "d3v9zr",
-  styles: "overflow:hidden"
-} : {
-  name: "d3v9zr",
-  styles: "overflow:hidden/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BY2NvcmRpb25BcmVhRGVwcmVjYXRlZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0U4QyIsImZpbGUiOiIuLi8uLi9zcmMvQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUlzb21vcnBoaWNMYXlvdXRFZmZlY3QgfSBmcm9tICdyZWFjdC11c2UnO1xuXG5leHBvcnQgdHlwZSBBY2NvcmRpb25BcmVhRGVwcmVjYXRlZFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuXG4gIGNsYXNzTmFtZT86IHN0cmluZztcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgYWNjb3JkaW9uIGlzIHZpc3VhbGx5IGV4cGFuZGVkIHRvIHNob3cgaXRzIGNvbnRlbnRzLlxuICAgKi9cbiAgZXhwYW5kZWQ/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBDb250ZW50cyBvZiB0aGUgY2xpY2thYmxlIGhlYWRlciBidXR0b24uXG4gICAqL1xuICB0b3A6IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHRyYW5zaXRpb25EdXJhdGlvbiA9IDAuMjtcblxuY29uc3QgdmFyaWFudHMgPSB7XG4gIGV4cGFuZGVkOiB7IGhlaWdodDogJ2F1dG8nIH0sXG4gIGZvbGRlZDogeyBoZWlnaHQ6ICcwJyB9LFxufTtcblxuLyoqXG4gKiBAZGVwcmVjYXRlZFxuICogVGhpcyBjb21wb25lbnQgaXMgaW4gdGhlIG9sZCB2aXN1YWwgaWRlbnRpdHkgYW5kIHdpbGwgYmUgdXBkYXRlZCBzb29uLlxuICogQHNlZSBgRGlzY2xvc3VyZWAgYW5kIGBMaXN0YCBmcm9tIGBAY29kZWNhZGVteS9nYW11dGBcbiAqXG4gKiBDaGVjayB0aGUgW0dhbXV0IEJvYXJkXShodHRwczovL3d3dy5ub3Rpb24uc28vY29kZWNhZGVteS9HYW11dC1TdGF0dXMtVGltZWxpbmUtZGQzYzEzNWQzODQ4NDY0ZWE2ZWIxYjQ4ZTY4ZmJiMWQpIGZvciBjb21wb25lbnQgc3RhdHVzXG4gKi9cblxuZXhwb3J0IGNvbnN0IEFjY29yZGlvbkFyZWFEZXByZWNhdGVkOiBSZWFjdC5GQzxcbiAgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWRQcm9wc1xuPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGV4cGFuZGVkLCB0b3AgfSkgPT4ge1xuICBjb25zdCBbZGVsYXlFeHBhbmRlZCwgc2V0RGVsYXlFeHBhbmRlZF0gPSB1c2VTdGF0ZShleHBhbmRlZCk7XG5cbiAgdXNlSXNvbW9ycGhpY0xheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlID0gc2V0VGltZW91dChcbiAgICAgICgpID0+IHNldERlbGF5RXhwYW5kZWQoZXhwYW5kZWQpLFxuICAgICAgdHJhbnNpdGlvbkR1cmF0aW9uICogMTAwMFxuICAgICk7XG5cbiAgICByZXR1cm4gKCkgPT4gY2xlYXJUaW1lb3V0KGhhbmRsZSk7XG4gIH0sIFtleHBhbmRlZF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICB7dG9wfVxuICAgICAgPFN0eWxlZEFjY29yZGlvbkJvZHlcbiAgICAgICAgYW5pbWF0ZT17ZXhwYW5kZWQgPyAnZXhwYW5kZWQnIDogJ2ZvbGRlZCd9XG4gICAgICAgIGluaXRpYWw9e2V4cGFuZGVkID8gJ2V4cGFuZGVkJyA6ICdmb2xkZWQnfVxuICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjIsIGVhc2U6ICdlYXNlSW5PdXQnIH19XG4gICAgICAgIHZhcmlhbnRzPXt2YXJpYW50c31cbiAgICAgID5cbiAgICAgICAgeyhleHBhbmRlZCB8fCBkZWxheUV4cGFuZGVkKSAmJiBjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkQWNjb3JkaW9uQm9keT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmNvbnN0IFN0eWxlZEFjY29yZGlvbkJvZHkgPSBzdHlsZWQobW90aW9uLmRpdilgXG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+const StyledAccordionBody = /*#__PURE__*/ styled(motion.div, {
+	target: "e1pkduxj0",
+	label: "brand-StyledAccordionBody"
+})("overflow:hidden;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FjY29yZGlvbkFyZWFEZXByZWNhdGVkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FjY29yZGlvbkFyZWFEZXByZWNhdGVkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtb3Rpb24gfSBmcm9tICdmcmFtZXItbW90aW9uJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlSXNvbW9ycGhpY0xheW91dEVmZmVjdCB9IGZyb20gJ3JlYWN0LXVzZSc7XG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbkFyZWFEZXByZWNhdGVkUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG5cbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBhY2NvcmRpb24gaXMgdmlzdWFsbHkgZXhwYW5kZWQgdG8gc2hvdyBpdHMgY29udGVudHMuXG4gICAqL1xuICBleHBhbmRlZD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIENvbnRlbnRzIG9mIHRoZSBjbGlja2FibGUgaGVhZGVyIGJ1dHRvbi5cbiAgICovXG4gIHRvcDogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3QgdHJhbnNpdGlvbkR1cmF0aW9uID0gMC4yO1xuXG5jb25zdCB2YXJpYW50cyA9IHtcbiAgZXhwYW5kZWQ6IHsgaGVpZ2h0OiAnYXV0bycgfSxcbiAgZm9sZGVkOiB7IGhlaWdodDogJzAnIH0sXG59O1xuXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKiBUaGlzIGNvbXBvbmVudCBpcyBpbiB0aGUgb2xkIHZpc3VhbCBpZGVudGl0eSBhbmQgd2lsbCBiZSB1cGRhdGVkIHNvb24uXG4gKiBAc2VlIGBEaXNjbG9zdXJlYCBhbmQgYExpc3RgIGZyb20gYEBjb2RlY2FkZW15L2dhbXV0YFxuICpcbiAqIENoZWNrIHRoZSBbR2FtdXQgQm9hcmRdKGh0dHBzOi8vd3d3Lm5vdGlvbi5zby9jb2RlY2FkZW15L0dhbXV0LVN0YXR1cy1UaW1lbGluZS1kZDNjMTM1ZDM4NDg0NjRlYTZlYjFiNDhlNjhmYmIxZCkgZm9yIGNvbXBvbmVudCBzdGF0dXNcbiAqL1xuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQ6IFJlYWN0LkZDPFxuICBBY2NvcmRpb25BcmVhRGVwcmVjYXRlZFByb3BzXG4+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgZXhwYW5kZWQsIHRvcCB9KSA9PiB7XG4gIGNvbnN0IFtkZWxheUV4cGFuZGVkLCBzZXREZWxheUV4cGFuZGVkXSA9IHVzZVN0YXRlKGV4cGFuZGVkKTtcblxuICB1c2VJc29tb3JwaGljTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGUgPSBzZXRUaW1lb3V0KFxuICAgICAgKCkgPT4gc2V0RGVsYXlFeHBhbmRlZChleHBhbmRlZCksXG4gICAgICB0cmFuc2l0aW9uRHVyYXRpb24gKiAxMDAwXG4gICAgKTtcblxuICAgIHJldHVybiAoKSA9PiBjbGVhclRpbWVvdXQoaGFuZGxlKTtcbiAgfSwgW2V4cGFuZGVkXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIHt0b3B9XG4gICAgICA8U3R5bGVkQWNjb3JkaW9uQm9keVxuICAgICAgICBhbmltYXRlPXtleHBhbmRlZCA/ICdleHBhbmRlZCcgOiAnZm9sZGVkJ31cbiAgICAgICAgaW5pdGlhbD17ZXhwYW5kZWQgPyAnZXhwYW5kZWQnIDogJ2ZvbGRlZCd9XG4gICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMiwgZWFzZTogJ2Vhc2VJbk91dCcgfX1cbiAgICAgICAgdmFyaWFudHM9e3ZhcmlhbnRzfVxuICAgICAgPlxuICAgICAgICB7KGV4cGFuZGVkIHx8IGRlbGF5RXhwYW5kZWQpICYmIGNoaWxkcmVufVxuICAgICAgPC9TdHlsZWRBY2NvcmRpb25Cb2R5PlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkQWNjb3JkaW9uQm9keSA9IHN0eWxlZChtb3Rpb24uZGl2KWBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0U0QiJ9 */");
+
+//#endregion
+export { AccordionAreaDeprecated };
+//# sourceMappingURL=index.js.map

package/dist/AccordionAreaDeprecated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["styled","motion","useState","React","useIsomorphicLayoutEffect","transitionDuration","variants","expanded","height","folded","AccordionAreaDeprecated","children","className","top","delayExpanded","setDelayExpanded","handle","setTimeout","clearTimeout","div","StyledAccordionBody","animate","initial","transition","duration","ease"],"sources":["../../src/AccordionAreaDeprecated/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { motion } from 'framer-motion';\nimport { useState } from 'react';\nimport * as React from 'react';\nimport { useIsomorphicLayoutEffect } from 'react-use';\n\nexport type AccordionAreaDeprecatedProps = {\n  children: React.ReactNode;\n\n  className?: string;\n\n  /**\n   * Whether the accordion is visually expanded to show its contents.\n   */\n  expanded?: boolean;\n\n  /**\n   * Contents of the clickable header button.\n   */\n  top: React.ReactNode;\n};\n\nconst transitionDuration = 0.2;\n\nconst variants = {\n  expanded: { height: 'auto' },\n  folded: { height: '0' },\n};\n\n/**\n * @deprecated\n * This component is in the old visual identity and will be updated soon.\n * @see `Disclosure` and `List` from `@codecademy/gamut`\n *\n * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status\n */\n\nexport const AccordionAreaDeprecated: React.FC<\n  AccordionAreaDeprecatedProps\n> = ({ children, className, expanded, top }) => {\n  const [delayExpanded, setDelayExpanded] = useState(expanded);\n\n  useIsomorphicLayoutEffect(() => {\n    const handle = setTimeout(\n      () => setDelayExpanded(expanded),\n      transitionDuration * 1000\n    );\n\n    return () => clearTimeout(handle);\n  }, [expanded]);\n\n  return (\n    <div className={className}>\n      {top}\n      <StyledAccordionBody\n        animate={expanded ? 'expanded' : 'folded'}\n        initial={expanded ? 'expanded' : 'folded'}\n        transition={{ duration: 0.2, ease: 'easeInOut' }}\n        variants={variants}\n      >\n        {(expanded || delayExpanded) && children}\n      </StyledAccordionBody>\n    </div>\n  );\n};\n\nconst StyledAccordionBody = styled(motion.div)`\n  overflow: hidden;\n`;\n"],"mappings":";;;;;;;AAsBA,MAAMK,qBAAqB;AAE3B,MAAMC,WAAW;CACfC,UAAU,EAAEC,QAAQ,OAAO;CAC3BC,QAAQ,EAAED,QAAQ,IAAI;AACxB;;;;;;;GAUA,MAAaE,2BAER,EAAEC,UAAUC,WAAWL,UAAUM,UAAK;CACzC,MAAM,CAACC,eAAeC,oBAAoBb,SAASK,QAAAA;CAEnDH,gCAA0B;EACxB,MAAMY,SAASC,iBACPF,iBAAiBR,QAAAA,GACvBF,qBAAqB,GAAA;EAGvB,aAAaa,aAAaF,MAAAA;CAC5B,GAAG,CAACT,SAAS;CAEb,OACE,sBAAA,cAACY,OAAAA,EAAeP,aACbC,KACD,sBAAA,cAACO,qBAAAA;EACCC,SAASd,WAAW,aAAa;EACjCe,SAASf,WAAW,aAAa;EACjCgB,YAAY;GAAEC,UAAU;GAAKC,MAAM;EAAY;EACrCnB;KAERC,YAAYO,kBAAkBH,QAAAA,CAAAA;AAIxC;AAEA,MAAMS,sBAAsBpB,qBAAOC,OAAOkB,KAAG"}