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

package/dist/BackToTopAnchor/index.js

@@ -0,0 +1,38 @@
+import { Anchor, FlexBox } from '@codecademy/gamut';
+import { ArrowUpIcon } from '@codecademy/gamut-icons';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const BackToTopAnchor = ({
+  targetId,
+  showIcon = true,
+  size = 'base',
+  onClick,
+  variant
+}) => {
+  return /*#__PURE__*/_jsx(Anchor, {
+    onClick: () => {
+      // move focus to page title without scrolling page
+      document.getElementById(targetId)?.focus({
+        preventScroll: true
+      });
+
+      // scroll to top (or jump to top if user prefers reduced motion)
+      window.scrollTo({
+        top: 0,
+        behavior: window.matchMedia('(prefers-reduced-motion: reduce)').matches ? undefined : 'smooth'
+      });
+      onClick?.();
+    },
+    variant: variant || 'interface',
+    fontSize: size === 'small' ? 14 : 18,
+    alignSelf: "end",
+    mt: 64,
+    children: /*#__PURE__*/_jsxs(FlexBox, {
+      alignItems: "center",
+      justifyContent: "center",
+      children: [showIcon && /*#__PURE__*/_jsx(ArrowUpIcon, {
+        size: 24,
+        mr: 8
+      }), " Back to top"]
+    })
+  });
+};

package/dist/Banner/CountdownTimer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface CountdownTimerProps {
+    targetDate: string;
+    onExpire?: () => void;
+}
+export declare const CountdownTimer: React.FC<CountdownTimerProps>;
+export {};

package/dist/Banner/CountdownTimer.js

@@ -0,0 +1,110 @@
+import { Box, FlexBox, Text } from '@codecademy/gamut';
+import React, { useEffect, useMemo, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MS_SECOND = 1000;
+const MS_MINUTE = 60 * MS_SECOND;
+const MS_HOUR = 60 * MS_MINUTE;
+const MS_DAY = 24 * MS_HOUR;
+const getTimeRemaining = target => {
+  const diff = Math.max(0, target - Date.now());
+  return {
+    days: Math.floor(diff / MS_DAY),
+    hours: Math.floor(diff % MS_DAY / MS_HOUR),
+    minutes: Math.floor(diff % MS_HOUR / MS_MINUTE),
+    seconds: Math.floor(diff % MS_MINUTE / MS_SECOND)
+  };
+};
+const TimeUnit = /*#__PURE__*/React.memo(({
+  value,
+  label
+}) => /*#__PURE__*/_jsxs(FlexBox, {
+  alignItems: "center",
+  children: [/*#__PURE__*/_jsx(Text, {
+    fontFamily: "accent",
+    fontWeight: 700,
+    variant: "title-md",
+    fontSize: {
+      _: 20,
+      md: 26
+    },
+    as: "span",
+    color: "inherit",
+    children: value.toString().padStart(2, '0')
+  }), /*#__PURE__*/_jsx(Text, {
+    fontFamily: "accent",
+    fontWeight: 700,
+    variant: "title-md",
+    fontSize: {
+      _: 20,
+      md: 26
+    },
+    as: "span",
+    color: "inherit",
+    children: label
+  })]
+}));
+const Separator = /*#__PURE__*/React.memo(() => /*#__PURE__*/_jsx(Text, {
+  fontFamily: "accent",
+  variant: "title-md",
+  fontSize: 16,
+  color: "inherit",
+  fontWeight: "bold",
+  children: ":"
+}));
+export const CountdownTimer = ({
+  targetDate,
+  onExpire
+}) => {
+  const targetTimestamp = useMemo(() => new Date(targetDate).getTime(), [targetDate]);
+  const [timeRemaining, setTimeRemaining] = useState(() => getTimeRemaining(targetTimestamp));
+  useEffect(() => {
+    setTimeRemaining(getTimeRemaining(targetTimestamp));
+    if (targetTimestamp <= Date.now()) {
+      onExpire?.();
+      return;
+    }
+    const id = window.setInterval(() => {
+      const next = getTimeRemaining(targetTimestamp);
+      setTimeRemaining(next);
+      if (targetTimestamp <= Date.now()) {
+        onExpire?.();
+        window.clearInterval(id);
+      }
+    }, MS_SECOND);
+    return () => window.clearInterval(id);
+  }, [targetTimestamp, onExpire]);
+  if (targetTimestamp <= Date.now()) {
+    return null;
+  }
+  const {
+    days,
+    hours,
+    minutes,
+    seconds
+  } = timeRemaining;
+  return /*#__PURE__*/_jsxs(Box, {
+    display: "inline-flex",
+    alignItems: "center",
+    py: 8,
+    px: 16,
+    bg: "yellow-0",
+    borderRadius: 6,
+    color: "navy",
+    "data-testid": "branded-countdown-timer",
+    boxShadow: "minimal",
+    gap: 2,
+    children: [/*#__PURE__*/_jsx(TimeUnit, {
+      value: days,
+      label: "d"
+    }), /*#__PURE__*/_jsx(Separator, {}), /*#__PURE__*/_jsx(TimeUnit, {
+      value: hours,
+      label: "h"
+    }), /*#__PURE__*/_jsx(Separator, {}), /*#__PURE__*/_jsx(TimeUnit, {
+      value: minutes,
+      label: "m"
+    }), /*#__PURE__*/_jsx(Separator, {}), /*#__PURE__*/_jsx(TimeUnit, {
+      value: seconds,
+      label: "s"
+    })]
+  });
+};

package/dist/Banner/EnhancedBanner.d.ts

@@ -0,0 +1,17 @@
+import { BackgroundProps } from '@codecademy/gamut-styles';
+import { BannerVariant } from '.';
+export interface EnhancedBannerProps extends Omit<BackgroundProps, 'bg' | 'containerType'> {
+    variant?: BannerVariant | null;
+    onClose?: () => void;
+    onCtaClick?: () => void;
+    ctaAriaLabel?: string;
+    header?: string | null;
+    subheader?: string | null;
+    cta?: {
+        title: string;
+        href: string;
+    } | null;
+    countdownTo?: string | null;
+    onCountdownExpire?: () => void;
+}
+export declare const EnhancedBanner: React.FC<EnhancedBannerProps>;

package/dist/Banner/EnhancedBanner.js

@@ -0,0 +1,173 @@
+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 { Box, FillButton, FlexBox, IconButton, Markdown, Text } from '@codecademy/gamut';
+import { MiniDeleteIcon } from '@codecademy/gamut-icons';
+import { Background, css } from '@codecademy/gamut-styles';
+import { useTheme } from '@emotion/react';
+import { useMemo } from 'react';
+import { CountdownTimer } from './CountdownTimer';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const bannerVariants = {
+  navy: 'navy',
+  yellow: 'yellow',
+  subtle: 'background-hover'
+};
+const bannerStyles = {
+  width: '100%',
+  p: 4,
+  display: 'grid',
+  gridTemplateColumns: '2rem minmax(0, 1fr) 2rem',
+  gridTemplateAreas: "'empty content close'",
+  columnGap: 8,
+  alignItems: 'center',
+  textAlign: 'center'
+};
+const BannerBg = /*#__PURE__*/_styled(Background, {
+  target: "e1n1apl14",
+  label: "BannerBg"
+})(css(bannerStyles), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvRW5oYW5jZWRCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDaUIiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9FbmhhbmNlZEJhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIEZpbGxCdXR0b24sXG4gIEZsZXhCb3gsXG4gIEljb25CdXR0b24sXG4gIE1hcmtkb3duLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pRGVsZXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIEJhY2tncm91bmRQcm9wcywgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQmFubmVyVmFyaWFudCB9IGZyb20gJy4nO1xuaW1wb3J0IHsgQ291bnRkb3duVGltZXIgfSBmcm9tICcuL0NvdW50ZG93blRpbWVyJztcblxuZXhwb3J0IGludGVyZmFjZSBFbmhhbmNlZEJhbm5lclByb3BzXG4gIGV4dGVuZHMgT21pdDxCYWNrZ3JvdW5kUHJvcHMsICdiZycgfCAnY29udGFpbmVyVHlwZSc+IHtcbiAgdmFyaWFudD86IEJhbm5lclZhcmlhbnQgfCBudWxsO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgb25DdGFDbGljaz86ICgpID0+IHZvaWQ7XG4gIGN0YUFyaWFMYWJlbD86IHN0cmluZztcbiAgaGVhZGVyPzogc3RyaW5nIHwgbnVsbDtcbiAgc3ViaGVhZGVyPzogc3RyaW5nIHwgbnVsbDtcbiAgY3RhPzogeyB0aXRsZTogc3RyaW5nOyBocmVmOiBzdHJpbmcgfSB8IG51bGw7XG4gIGNvdW50ZG93blRvPzogc3RyaW5nIHwgbnVsbDtcbiAgb25Db3VudGRvd25FeHBpcmU/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBiYW5uZXJWYXJpYW50cyA9IHtcbiAgbmF2eTogJ25hdnknLFxuICB5ZWxsb3c6ICd5ZWxsb3cnLFxuICBzdWJ0bGU6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGJhbm5lclN0eWxlcyA9IHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgcDogNCxcbiAgZGlzcGxheTogJ2dyaWQnLFxuICBncmlkVGVtcGxhdGVDb2x1bW5zOiAnMnJlbSBtaW5tYXgoMCwgMWZyKSAycmVtJyxcbiAgZ3JpZFRlbXBsYXRlQXJlYXM6IFwiJ2VtcHR5IGNvbnRlbnQgY2xvc2UnXCIsXG4gIGNvbHVtbkdhcDogOCxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBCYW5uZXJCZyA9IHN0eWxlZChCYWNrZ3JvdW5kKShjc3MoYmFubmVyU3R5bGVzKSk7XG5jb25zdCBCYW5uZXJCb3ggPSBzdHlsZWQoQm94KShjc3MoYmFubmVyU3R5bGVzKSk7XG5cbmNvbnN0IFN0eWxlZE1hcmtkb3duID0gc3R5bGVkKE1hcmtkb3duKWBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChTdHlsZWRNYXJrZG93bilgXG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTdWJoZWFkZXIgPSBzdHlsZWQoU3R5bGVkTWFya2Rvd24pYFxuICBwIHtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBFbmhhbmNlZEJhbm5lcjogUmVhY3QuRkM8RW5oYW5jZWRCYW5uZXJQcm9wcz4gPSAoe1xuICB2YXJpYW50ID0gJ25hdnknLFxuICBvbkNsb3NlLFxuICBvbkN0YUNsaWNrLFxuICBjdGFBcmlhTGFiZWwsXG4gIGhlYWRlcixcbiAgc3ViaGVhZGVyLFxuICBjdGEsXG4gIGNvdW50ZG93blRvLFxuICBvbkNvdW50ZG93bkV4cGlyZSxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCB2YWxpZEN0YSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKGN0YSAmJiBjdGEudGl0bGUgJiYgY3RhLmhyZWYgPyBjdGEgOiB1bmRlZmluZWQpLFxuICAgIFtjdGFdXG4gICk7XG4gIGNvbnN0IHsgbW9kZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgaXNEYXJrTW9kZSA9IG1vZGUgPT09ICdkYXJrJztcblxuICBpZiAoIWhlYWRlcikgcmV0dXJuIG51bGw7XG5cbiAgY29uc3QgcmVuZGVyRW5oYW5jZWQgPSAoKSA9PiB7XG4gICAgY29uc3QgdGV4dEJsb2NrID0gKFxuICAgICAgPEJveCB0ZXh0QWxpZ249e3sgXzogJ2NlbnRlcicsIG1kOiAnbGVmdCcgfX0gd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgIDxTdHlsZWRUaXRsZSB0ZXh0PXtoZWFkZXJ9IC8+XG4gICAgICAgIHtzdWJoZWFkZXIgJiYgPFN0eWxlZFN1YmhlYWRlciB0ZXh0PXtzdWJoZWFkZXJ9IC8+fVxuICAgICAgPC9Cb3g+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8RmxleEJveFxuICAgICAgICBmbGV4RGlyZWN0aW9uPXt7IF86ICdjb2x1bW4nLCBtZDogJ3JvdycgfX1cbiAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgcD17OH1cbiAgICAgICAgZ2FwPXt7IF86IDE2LCBtZDogNDAgfX1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggZ2FwPXsxNn0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgIHtjb3VudGRvd25UbyAmJiAoXG4gICAgICAgICAgICA8Q291bnRkb3duVGltZXJcbiAgICAgICAgICAgICAgdGFyZ2V0RGF0ZT17Y291bnRkb3duVG99XG4gICAgICAgICAgICAgIG9uRXhwaXJlPXtvbkNvdW50ZG93bkV4cGlyZX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7dmFsaWRDdGEgJiYgKFxuICAgICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdmbGV4JywgbWQ6ICdub25lJyB9fSBtbD17MH0+XG4gICAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgIGhyZWY9e3ZhbGlkQ3RhLmhyZWZ9XG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DdGFDbGlja31cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt2YWxpZEN0YS50aXRsZX1cbiAgICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIDxUZXh0IG1heFdpZHRoPXt7IF86ICcxMDAlJywgbWQ6ICc1MCUnIH19Pnt0ZXh0QmxvY2t9PC9UZXh0PlxuXG4gICAgICAgIHt2YWxpZEN0YSAmJiAoXG4gICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdub25lJywgbWQ6ICdmbGV4JyB9fT5cbiAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e2lzRGFya01vZGUgPyAnc2Vjb25kYXJ5JyA6ICdwcmltYXJ5J31cbiAgICAgICAgICAgICAgaHJlZj17dmFsaWRDdGEuaHJlZn1cbiAgICAgICAgICAgICAgb25DbGljaz17b25DdGFDbGlja31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3ZhbGlkQ3RhLnRpdGxlfVxuICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9GbGV4Qm94PlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgYmFja2dyb3VuZFZhcmlhbnQgPSBpc0RhcmtNb2RlID8gJ3llbGxvdycgOiB2YXJpYW50O1xuICBjb25zdCBDb250YWluZXIgPSBiYWNrZ3JvdW5kVmFyaWFudCA9PT0gJ3N1YnRsZScgPyBCYW5uZXJCb3ggOiBCYW5uZXJCZztcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgey4uLnJlc3R9IGJnPXtiYW5uZXJWYXJpYW50c1tiYWNrZ3JvdW5kVmFyaWFudCA/PyAnbmF2eSddfT5cbiAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjb250ZW50XCIgZm9udFNpemU9XCJpbmhlcml0XCI+XG4gICAgICAgIHtyZW5kZXJFbmhhbmNlZCgpfVxuICAgICAgPC9Cb3g+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjbG9zZVwiIGFsaWduU2VsZj1cImNlbnRlclwiPlxuICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICBpY29uPXtNaW5pRGVsZXRlSWNvbn1cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICB0aXA9XCJDbG9zZSBiYW5uZXJcIlxuICAgICAgICAgICAgdGlwUHJvcHM9e3sgYWxpZ25tZW50OiAnbGVmdC1jZW50ZXInIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
+const BannerBox = /*#__PURE__*/_styled(Box, {
+  target: "e1n1apl13",
+  label: "BannerBox"
+})(css(bannerStyles), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvRW5oYW5jZWRCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEa0IiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9FbmhhbmNlZEJhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIEZpbGxCdXR0b24sXG4gIEZsZXhCb3gsXG4gIEljb25CdXR0b24sXG4gIE1hcmtkb3duLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pRGVsZXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIEJhY2tncm91bmRQcm9wcywgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQmFubmVyVmFyaWFudCB9IGZyb20gJy4nO1xuaW1wb3J0IHsgQ291bnRkb3duVGltZXIgfSBmcm9tICcuL0NvdW50ZG93blRpbWVyJztcblxuZXhwb3J0IGludGVyZmFjZSBFbmhhbmNlZEJhbm5lclByb3BzXG4gIGV4dGVuZHMgT21pdDxCYWNrZ3JvdW5kUHJvcHMsICdiZycgfCAnY29udGFpbmVyVHlwZSc+IHtcbiAgdmFyaWFudD86IEJhbm5lclZhcmlhbnQgfCBudWxsO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgb25DdGFDbGljaz86ICgpID0+IHZvaWQ7XG4gIGN0YUFyaWFMYWJlbD86IHN0cmluZztcbiAgaGVhZGVyPzogc3RyaW5nIHwgbnVsbDtcbiAgc3ViaGVhZGVyPzogc3RyaW5nIHwgbnVsbDtcbiAgY3RhPzogeyB0aXRsZTogc3RyaW5nOyBocmVmOiBzdHJpbmcgfSB8IG51bGw7XG4gIGNvdW50ZG93blRvPzogc3RyaW5nIHwgbnVsbDtcbiAgb25Db3VudGRvd25FeHBpcmU/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBiYW5uZXJWYXJpYW50cyA9IHtcbiAgbmF2eTogJ25hdnknLFxuICB5ZWxsb3c6ICd5ZWxsb3cnLFxuICBzdWJ0bGU6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGJhbm5lclN0eWxlcyA9IHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgcDogNCxcbiAgZGlzcGxheTogJ2dyaWQnLFxuICBncmlkVGVtcGxhdGVDb2x1bW5zOiAnMnJlbSBtaW5tYXgoMCwgMWZyKSAycmVtJyxcbiAgZ3JpZFRlbXBsYXRlQXJlYXM6IFwiJ2VtcHR5IGNvbnRlbnQgY2xvc2UnXCIsXG4gIGNvbHVtbkdhcDogOCxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBCYW5uZXJCZyA9IHN0eWxlZChCYWNrZ3JvdW5kKShjc3MoYmFubmVyU3R5bGVzKSk7XG5jb25zdCBCYW5uZXJCb3ggPSBzdHlsZWQoQm94KShjc3MoYmFubmVyU3R5bGVzKSk7XG5cbmNvbnN0IFN0eWxlZE1hcmtkb3duID0gc3R5bGVkKE1hcmtkb3duKWBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChTdHlsZWRNYXJrZG93bilgXG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTdWJoZWFkZXIgPSBzdHlsZWQoU3R5bGVkTWFya2Rvd24pYFxuICBwIHtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBFbmhhbmNlZEJhbm5lcjogUmVhY3QuRkM8RW5oYW5jZWRCYW5uZXJQcm9wcz4gPSAoe1xuICB2YXJpYW50ID0gJ25hdnknLFxuICBvbkNsb3NlLFxuICBvbkN0YUNsaWNrLFxuICBjdGFBcmlhTGFiZWwsXG4gIGhlYWRlcixcbiAgc3ViaGVhZGVyLFxuICBjdGEsXG4gIGNvdW50ZG93blRvLFxuICBvbkNvdW50ZG93bkV4cGlyZSxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCB2YWxpZEN0YSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKGN0YSAmJiBjdGEudGl0bGUgJiYgY3RhLmhyZWYgPyBjdGEgOiB1bmRlZmluZWQpLFxuICAgIFtjdGFdXG4gICk7XG4gIGNvbnN0IHsgbW9kZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgaXNEYXJrTW9kZSA9IG1vZGUgPT09ICdkYXJrJztcblxuICBpZiAoIWhlYWRlcikgcmV0dXJuIG51bGw7XG5cbiAgY29uc3QgcmVuZGVyRW5oYW5jZWQgPSAoKSA9PiB7XG4gICAgY29uc3QgdGV4dEJsb2NrID0gKFxuICAgICAgPEJveCB0ZXh0QWxpZ249e3sgXzogJ2NlbnRlcicsIG1kOiAnbGVmdCcgfX0gd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgIDxTdHlsZWRUaXRsZSB0ZXh0PXtoZWFkZXJ9IC8+XG4gICAgICAgIHtzdWJoZWFkZXIgJiYgPFN0eWxlZFN1YmhlYWRlciB0ZXh0PXtzdWJoZWFkZXJ9IC8+fVxuICAgICAgPC9Cb3g+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8RmxleEJveFxuICAgICAgICBmbGV4RGlyZWN0aW9uPXt7IF86ICdjb2x1bW4nLCBtZDogJ3JvdycgfX1cbiAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgcD17OH1cbiAgICAgICAgZ2FwPXt7IF86IDE2LCBtZDogNDAgfX1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggZ2FwPXsxNn0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgIHtjb3VudGRvd25UbyAmJiAoXG4gICAgICAgICAgICA8Q291bnRkb3duVGltZXJcbiAgICAgICAgICAgICAgdGFyZ2V0RGF0ZT17Y291bnRkb3duVG99XG4gICAgICAgICAgICAgIG9uRXhwaXJlPXtvbkNvdW50ZG93bkV4cGlyZX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7dmFsaWRDdGEgJiYgKFxuICAgICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdmbGV4JywgbWQ6ICdub25lJyB9fSBtbD17MH0+XG4gICAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgIGhyZWY9e3ZhbGlkQ3RhLmhyZWZ9XG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DdGFDbGlja31cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt2YWxpZEN0YS50aXRsZX1cbiAgICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIDxUZXh0IG1heFdpZHRoPXt7IF86ICcxMDAlJywgbWQ6ICc1MCUnIH19Pnt0ZXh0QmxvY2t9PC9UZXh0PlxuXG4gICAgICAgIHt2YWxpZEN0YSAmJiAoXG4gICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdub25lJywgbWQ6ICdmbGV4JyB9fT5cbiAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e2lzRGFya01vZGUgPyAnc2Vjb25kYXJ5JyA6ICdwcmltYXJ5J31cbiAgICAgICAgICAgICAgaHJlZj17dmFsaWRDdGEuaHJlZn1cbiAgICAgICAgICAgICAgb25DbGljaz17b25DdGFDbGlja31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3ZhbGlkQ3RhLnRpdGxlfVxuICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9GbGV4Qm94PlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgYmFja2dyb3VuZFZhcmlhbnQgPSBpc0RhcmtNb2RlID8gJ3llbGxvdycgOiB2YXJpYW50O1xuICBjb25zdCBDb250YWluZXIgPSBiYWNrZ3JvdW5kVmFyaWFudCA9PT0gJ3N1YnRsZScgPyBCYW5uZXJCb3ggOiBCYW5uZXJCZztcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgey4uLnJlc3R9IGJnPXtiYW5uZXJWYXJpYW50c1tiYWNrZ3JvdW5kVmFyaWFudCA/PyAnbmF2eSddfT5cbiAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjb250ZW50XCIgZm9udFNpemU9XCJpbmhlcml0XCI+XG4gICAgICAgIHtyZW5kZXJFbmhhbmNlZCgpfVxuICAgICAgPC9Cb3g+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjbG9zZVwiIGFsaWduU2VsZj1cImNlbnRlclwiPlxuICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICBpY29uPXtNaW5pRGVsZXRlSWNvbn1cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICB0aXA9XCJDbG9zZSBiYW5uZXJcIlxuICAgICAgICAgICAgdGlwUHJvcHM9e3sgYWxpZ25tZW50OiAnbGVmdC1jZW50ZXInIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
+const StyledMarkdown = /*#__PURE__*/_styled(Markdown, {
+  target: "e1n1apl12",
+  label: "StyledMarkdown"
+})(process.env.NODE_ENV === "production" ? {
+  name: "113yona",
+  styles: "overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical"
+} : {
+  name: "113yona",
+  styles: "overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvRW5oYW5jZWRCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEdUMiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9FbmhhbmNlZEJhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIEZpbGxCdXR0b24sXG4gIEZsZXhCb3gsXG4gIEljb25CdXR0b24sXG4gIE1hcmtkb3duLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pRGVsZXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIEJhY2tncm91bmRQcm9wcywgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQmFubmVyVmFyaWFudCB9IGZyb20gJy4nO1xuaW1wb3J0IHsgQ291bnRkb3duVGltZXIgfSBmcm9tICcuL0NvdW50ZG93blRpbWVyJztcblxuZXhwb3J0IGludGVyZmFjZSBFbmhhbmNlZEJhbm5lclByb3BzXG4gIGV4dGVuZHMgT21pdDxCYWNrZ3JvdW5kUHJvcHMsICdiZycgfCAnY29udGFpbmVyVHlwZSc+IHtcbiAgdmFyaWFudD86IEJhbm5lclZhcmlhbnQgfCBudWxsO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgb25DdGFDbGljaz86ICgpID0+IHZvaWQ7XG4gIGN0YUFyaWFMYWJlbD86IHN0cmluZztcbiAgaGVhZGVyPzogc3RyaW5nIHwgbnVsbDtcbiAgc3ViaGVhZGVyPzogc3RyaW5nIHwgbnVsbDtcbiAgY3RhPzogeyB0aXRsZTogc3RyaW5nOyBocmVmOiBzdHJpbmcgfSB8IG51bGw7XG4gIGNvdW50ZG93blRvPzogc3RyaW5nIHwgbnVsbDtcbiAgb25Db3VudGRvd25FeHBpcmU/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBiYW5uZXJWYXJpYW50cyA9IHtcbiAgbmF2eTogJ25hdnknLFxuICB5ZWxsb3c6ICd5ZWxsb3cnLFxuICBzdWJ0bGU6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGJhbm5lclN0eWxlcyA9IHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgcDogNCxcbiAgZGlzcGxheTogJ2dyaWQnLFxuICBncmlkVGVtcGxhdGVDb2x1bW5zOiAnMnJlbSBtaW5tYXgoMCwgMWZyKSAycmVtJyxcbiAgZ3JpZFRlbXBsYXRlQXJlYXM6IFwiJ2VtcHR5IGNvbnRlbnQgY2xvc2UnXCIsXG4gIGNvbHVtbkdhcDogOCxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBCYW5uZXJCZyA9IHN0eWxlZChCYWNrZ3JvdW5kKShjc3MoYmFubmVyU3R5bGVzKSk7XG5jb25zdCBCYW5uZXJCb3ggPSBzdHlsZWQoQm94KShjc3MoYmFubmVyU3R5bGVzKSk7XG5cbmNvbnN0IFN0eWxlZE1hcmtkb3duID0gc3R5bGVkKE1hcmtkb3duKWBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChTdHlsZWRNYXJrZG93bilgXG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTdWJoZWFkZXIgPSBzdHlsZWQoU3R5bGVkTWFya2Rvd24pYFxuICBwIHtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBFbmhhbmNlZEJhbm5lcjogUmVhY3QuRkM8RW5oYW5jZWRCYW5uZXJQcm9wcz4gPSAoe1xuICB2YXJpYW50ID0gJ25hdnknLFxuICBvbkNsb3NlLFxuICBvbkN0YUNsaWNrLFxuICBjdGFBcmlhTGFiZWwsXG4gIGhlYWRlcixcbiAgc3ViaGVhZGVyLFxuICBjdGEsXG4gIGNvdW50ZG93blRvLFxuICBvbkNvdW50ZG93bkV4cGlyZSxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCB2YWxpZEN0YSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKGN0YSAmJiBjdGEudGl0bGUgJiYgY3RhLmhyZWYgPyBjdGEgOiB1bmRlZmluZWQpLFxuICAgIFtjdGFdXG4gICk7XG4gIGNvbnN0IHsgbW9kZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgaXNEYXJrTW9kZSA9IG1vZGUgPT09ICdkYXJrJztcblxuICBpZiAoIWhlYWRlcikgcmV0dXJuIG51bGw7XG5cbiAgY29uc3QgcmVuZGVyRW5oYW5jZWQgPSAoKSA9PiB7XG4gICAgY29uc3QgdGV4dEJsb2NrID0gKFxuICAgICAgPEJveCB0ZXh0QWxpZ249e3sgXzogJ2NlbnRlcicsIG1kOiAnbGVmdCcgfX0gd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgIDxTdHlsZWRUaXRsZSB0ZXh0PXtoZWFkZXJ9IC8+XG4gICAgICAgIHtzdWJoZWFkZXIgJiYgPFN0eWxlZFN1YmhlYWRlciB0ZXh0PXtzdWJoZWFkZXJ9IC8+fVxuICAgICAgPC9Cb3g+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8RmxleEJveFxuICAgICAgICBmbGV4RGlyZWN0aW9uPXt7IF86ICdjb2x1bW4nLCBtZDogJ3JvdycgfX1cbiAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgcD17OH1cbiAgICAgICAgZ2FwPXt7IF86IDE2LCBtZDogNDAgfX1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggZ2FwPXsxNn0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgIHtjb3VudGRvd25UbyAmJiAoXG4gICAgICAgICAgICA8Q291bnRkb3duVGltZXJcbiAgICAgICAgICAgICAgdGFyZ2V0RGF0ZT17Y291bnRkb3duVG99XG4gICAgICAgICAgICAgIG9uRXhwaXJlPXtvbkNvdW50ZG93bkV4cGlyZX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7dmFsaWRDdGEgJiYgKFxuICAgICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdmbGV4JywgbWQ6ICdub25lJyB9fSBtbD17MH0+XG4gICAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgIGhyZWY9e3ZhbGlkQ3RhLmhyZWZ9XG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DdGFDbGlja31cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt2YWxpZEN0YS50aXRsZX1cbiAgICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIDxUZXh0IG1heFdpZHRoPXt7IF86ICcxMDAlJywgbWQ6ICc1MCUnIH19Pnt0ZXh0QmxvY2t9PC9UZXh0PlxuXG4gICAgICAgIHt2YWxpZEN0YSAmJiAoXG4gICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdub25lJywgbWQ6ICdmbGV4JyB9fT5cbiAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e2lzRGFya01vZGUgPyAnc2Vjb25kYXJ5JyA6ICdwcmltYXJ5J31cbiAgICAgICAgICAgICAgaHJlZj17dmFsaWRDdGEuaHJlZn1cbiAgICAgICAgICAgICAgb25DbGljaz17b25DdGFDbGlja31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3ZhbGlkQ3RhLnRpdGxlfVxuICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9GbGV4Qm94PlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgYmFja2dyb3VuZFZhcmlhbnQgPSBpc0RhcmtNb2RlID8gJ3llbGxvdycgOiB2YXJpYW50O1xuICBjb25zdCBDb250YWluZXIgPSBiYWNrZ3JvdW5kVmFyaWFudCA9PT0gJ3N1YnRsZScgPyBCYW5uZXJCb3ggOiBCYW5uZXJCZztcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgey4uLnJlc3R9IGJnPXtiYW5uZXJWYXJpYW50c1tiYWNrZ3JvdW5kVmFyaWFudCA/PyAnbmF2eSddfT5cbiAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjb250ZW50XCIgZm9udFNpemU9XCJpbmhlcml0XCI+XG4gICAgICAgIHtyZW5kZXJFbmhhbmNlZCgpfVxuICAgICAgPC9Cb3g+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjbG9zZVwiIGFsaWduU2VsZj1cImNlbnRlclwiPlxuICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICBpY29uPXtNaW5pRGVsZXRlSWNvbn1cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICB0aXA9XCJDbG9zZSBiYW5uZXJcIlxuICAgICAgICAgICAgdGlwUHJvcHM9e3sgYWxpZ25tZW50OiAnbGVmdC1jZW50ZXInIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledTitle = /*#__PURE__*/_styled(StyledMarkdown, {
+  target: "e1n1apl11",
+  label: "StyledTitle"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1bmj3fs",
+  styles: "p{font-size:22px;font-weight:700;}"
+} : {
+  name: "1bmj3fs",
+  styles: "p{font-size:22px;font-weight:700;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvRW5oYW5jZWRCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEMEMiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9FbmhhbmNlZEJhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIEZpbGxCdXR0b24sXG4gIEZsZXhCb3gsXG4gIEljb25CdXR0b24sXG4gIE1hcmtkb3duLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pRGVsZXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIEJhY2tncm91bmRQcm9wcywgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQmFubmVyVmFyaWFudCB9IGZyb20gJy4nO1xuaW1wb3J0IHsgQ291bnRkb3duVGltZXIgfSBmcm9tICcuL0NvdW50ZG93blRpbWVyJztcblxuZXhwb3J0IGludGVyZmFjZSBFbmhhbmNlZEJhbm5lclByb3BzXG4gIGV4dGVuZHMgT21pdDxCYWNrZ3JvdW5kUHJvcHMsICdiZycgfCAnY29udGFpbmVyVHlwZSc+IHtcbiAgdmFyaWFudD86IEJhbm5lclZhcmlhbnQgfCBudWxsO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgb25DdGFDbGljaz86ICgpID0+IHZvaWQ7XG4gIGN0YUFyaWFMYWJlbD86IHN0cmluZztcbiAgaGVhZGVyPzogc3RyaW5nIHwgbnVsbDtcbiAgc3ViaGVhZGVyPzogc3RyaW5nIHwgbnVsbDtcbiAgY3RhPzogeyB0aXRsZTogc3RyaW5nOyBocmVmOiBzdHJpbmcgfSB8IG51bGw7XG4gIGNvdW50ZG93blRvPzogc3RyaW5nIHwgbnVsbDtcbiAgb25Db3VudGRvd25FeHBpcmU/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBiYW5uZXJWYXJpYW50cyA9IHtcbiAgbmF2eTogJ25hdnknLFxuICB5ZWxsb3c6ICd5ZWxsb3cnLFxuICBzdWJ0bGU6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGJhbm5lclN0eWxlcyA9IHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgcDogNCxcbiAgZGlzcGxheTogJ2dyaWQnLFxuICBncmlkVGVtcGxhdGVDb2x1bW5zOiAnMnJlbSBtaW5tYXgoMCwgMWZyKSAycmVtJyxcbiAgZ3JpZFRlbXBsYXRlQXJlYXM6IFwiJ2VtcHR5IGNvbnRlbnQgY2xvc2UnXCIsXG4gIGNvbHVtbkdhcDogOCxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBCYW5uZXJCZyA9IHN0eWxlZChCYWNrZ3JvdW5kKShjc3MoYmFubmVyU3R5bGVzKSk7XG5jb25zdCBCYW5uZXJCb3ggPSBzdHlsZWQoQm94KShjc3MoYmFubmVyU3R5bGVzKSk7XG5cbmNvbnN0IFN0eWxlZE1hcmtkb3duID0gc3R5bGVkKE1hcmtkb3duKWBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChTdHlsZWRNYXJrZG93bilgXG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTdWJoZWFkZXIgPSBzdHlsZWQoU3R5bGVkTWFya2Rvd24pYFxuICBwIHtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBFbmhhbmNlZEJhbm5lcjogUmVhY3QuRkM8RW5oYW5jZWRCYW5uZXJQcm9wcz4gPSAoe1xuICB2YXJpYW50ID0gJ25hdnknLFxuICBvbkNsb3NlLFxuICBvbkN0YUNsaWNrLFxuICBjdGFBcmlhTGFiZWwsXG4gIGhlYWRlcixcbiAgc3ViaGVhZGVyLFxuICBjdGEsXG4gIGNvdW50ZG93blRvLFxuICBvbkNvdW50ZG93bkV4cGlyZSxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCB2YWxpZEN0YSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKGN0YSAmJiBjdGEudGl0bGUgJiYgY3RhLmhyZWYgPyBjdGEgOiB1bmRlZmluZWQpLFxuICAgIFtjdGFdXG4gICk7XG4gIGNvbnN0IHsgbW9kZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgaXNEYXJrTW9kZSA9IG1vZGUgPT09ICdkYXJrJztcblxuICBpZiAoIWhlYWRlcikgcmV0dXJuIG51bGw7XG5cbiAgY29uc3QgcmVuZGVyRW5oYW5jZWQgPSAoKSA9PiB7XG4gICAgY29uc3QgdGV4dEJsb2NrID0gKFxuICAgICAgPEJveCB0ZXh0QWxpZ249e3sgXzogJ2NlbnRlcicsIG1kOiAnbGVmdCcgfX0gd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgIDxTdHlsZWRUaXRsZSB0ZXh0PXtoZWFkZXJ9IC8+XG4gICAgICAgIHtzdWJoZWFkZXIgJiYgPFN0eWxlZFN1YmhlYWRlciB0ZXh0PXtzdWJoZWFkZXJ9IC8+fVxuICAgICAgPC9Cb3g+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8RmxleEJveFxuICAgICAgICBmbGV4RGlyZWN0aW9uPXt7IF86ICdjb2x1bW4nLCBtZDogJ3JvdycgfX1cbiAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgcD17OH1cbiAgICAgICAgZ2FwPXt7IF86IDE2LCBtZDogNDAgfX1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggZ2FwPXsxNn0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgIHtjb3VudGRvd25UbyAmJiAoXG4gICAgICAgICAgICA8Q291bnRkb3duVGltZXJcbiAgICAgICAgICAgICAgdGFyZ2V0RGF0ZT17Y291bnRkb3duVG99XG4gICAgICAgICAgICAgIG9uRXhwaXJlPXtvbkNvdW50ZG93bkV4cGlyZX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7dmFsaWRDdGEgJiYgKFxuICAgICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdmbGV4JywgbWQ6ICdub25lJyB9fSBtbD17MH0+XG4gICAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgIGhyZWY9e3ZhbGlkQ3RhLmhyZWZ9XG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DdGFDbGlja31cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt2YWxpZEN0YS50aXRsZX1cbiAgICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIDxUZXh0IG1heFdpZHRoPXt7IF86ICcxMDAlJywgbWQ6ICc1MCUnIH19Pnt0ZXh0QmxvY2t9PC9UZXh0PlxuXG4gICAgICAgIHt2YWxpZEN0YSAmJiAoXG4gICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdub25lJywgbWQ6ICdmbGV4JyB9fT5cbiAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e2lzRGFya01vZGUgPyAnc2Vjb25kYXJ5JyA6ICdwcmltYXJ5J31cbiAgICAgICAgICAgICAgaHJlZj17dmFsaWRDdGEuaHJlZn1cbiAgICAgICAgICAgICAgb25DbGljaz17b25DdGFDbGlja31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3ZhbGlkQ3RhLnRpdGxlfVxuICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9GbGV4Qm94PlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgYmFja2dyb3VuZFZhcmlhbnQgPSBpc0RhcmtNb2RlID8gJ3llbGxvdycgOiB2YXJpYW50O1xuICBjb25zdCBDb250YWluZXIgPSBiYWNrZ3JvdW5kVmFyaWFudCA9PT0gJ3N1YnRsZScgPyBCYW5uZXJCb3ggOiBCYW5uZXJCZztcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgey4uLnJlc3R9IGJnPXtiYW5uZXJWYXJpYW50c1tiYWNrZ3JvdW5kVmFyaWFudCA/PyAnbmF2eSddfT5cbiAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjb250ZW50XCIgZm9udFNpemU9XCJpbmhlcml0XCI+XG4gICAgICAgIHtyZW5kZXJFbmhhbmNlZCgpfVxuICAgICAgPC9Cb3g+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjbG9zZVwiIGFsaWduU2VsZj1cImNlbnRlclwiPlxuICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICBpY29uPXtNaW5pRGVsZXRlSWNvbn1cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICB0aXA9XCJDbG9zZSBiYW5uZXJcIlxuICAgICAgICAgICAgdGlwUHJvcHM9e3sgYWxpZ25tZW50OiAnbGVmdC1jZW50ZXInIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledSubheader = /*#__PURE__*/_styled(StyledMarkdown, {
+  target: "e1n1apl10",
+  label: "StyledSubheader"
+})(process.env.NODE_ENV === "production" ? {
+  name: "trrrq8",
+  styles: "p{font-size:16px;}"
+} : {
+  name: "trrrq8",
+  styles: "p{font-size:16px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvRW5oYW5jZWRCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFOEMiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9FbmhhbmNlZEJhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIEZpbGxCdXR0b24sXG4gIEZsZXhCb3gsXG4gIEljb25CdXR0b24sXG4gIE1hcmtkb3duLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pRGVsZXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIEJhY2tncm91bmRQcm9wcywgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQmFubmVyVmFyaWFudCB9IGZyb20gJy4nO1xuaW1wb3J0IHsgQ291bnRkb3duVGltZXIgfSBmcm9tICcuL0NvdW50ZG93blRpbWVyJztcblxuZXhwb3J0IGludGVyZmFjZSBFbmhhbmNlZEJhbm5lclByb3BzXG4gIGV4dGVuZHMgT21pdDxCYWNrZ3JvdW5kUHJvcHMsICdiZycgfCAnY29udGFpbmVyVHlwZSc+IHtcbiAgdmFyaWFudD86IEJhbm5lclZhcmlhbnQgfCBudWxsO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgb25DdGFDbGljaz86ICgpID0+IHZvaWQ7XG4gIGN0YUFyaWFMYWJlbD86IHN0cmluZztcbiAgaGVhZGVyPzogc3RyaW5nIHwgbnVsbDtcbiAgc3ViaGVhZGVyPzogc3RyaW5nIHwgbnVsbDtcbiAgY3RhPzogeyB0aXRsZTogc3RyaW5nOyBocmVmOiBzdHJpbmcgfSB8IG51bGw7XG4gIGNvdW50ZG93blRvPzogc3RyaW5nIHwgbnVsbDtcbiAgb25Db3VudGRvd25FeHBpcmU/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBiYW5uZXJWYXJpYW50cyA9IHtcbiAgbmF2eTogJ25hdnknLFxuICB5ZWxsb3c6ICd5ZWxsb3cnLFxuICBzdWJ0bGU6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGJhbm5lclN0eWxlcyA9IHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgcDogNCxcbiAgZGlzcGxheTogJ2dyaWQnLFxuICBncmlkVGVtcGxhdGVDb2x1bW5zOiAnMnJlbSBtaW5tYXgoMCwgMWZyKSAycmVtJyxcbiAgZ3JpZFRlbXBsYXRlQXJlYXM6IFwiJ2VtcHR5IGNvbnRlbnQgY2xvc2UnXCIsXG4gIGNvbHVtbkdhcDogOCxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBCYW5uZXJCZyA9IHN0eWxlZChCYWNrZ3JvdW5kKShjc3MoYmFubmVyU3R5bGVzKSk7XG5jb25zdCBCYW5uZXJCb3ggPSBzdHlsZWQoQm94KShjc3MoYmFubmVyU3R5bGVzKSk7XG5cbmNvbnN0IFN0eWxlZE1hcmtkb3duID0gc3R5bGVkKE1hcmtkb3duKWBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChTdHlsZWRNYXJrZG93bilgXG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTdWJoZWFkZXIgPSBzdHlsZWQoU3R5bGVkTWFya2Rvd24pYFxuICBwIHtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBFbmhhbmNlZEJhbm5lcjogUmVhY3QuRkM8RW5oYW5jZWRCYW5uZXJQcm9wcz4gPSAoe1xuICB2YXJpYW50ID0gJ25hdnknLFxuICBvbkNsb3NlLFxuICBvbkN0YUNsaWNrLFxuICBjdGFBcmlhTGFiZWwsXG4gIGhlYWRlcixcbiAgc3ViaGVhZGVyLFxuICBjdGEsXG4gIGNvdW50ZG93blRvLFxuICBvbkNvdW50ZG93bkV4cGlyZSxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCB2YWxpZEN0YSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKGN0YSAmJiBjdGEudGl0bGUgJiYgY3RhLmhyZWYgPyBjdGEgOiB1bmRlZmluZWQpLFxuICAgIFtjdGFdXG4gICk7XG4gIGNvbnN0IHsgbW9kZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgaXNEYXJrTW9kZSA9IG1vZGUgPT09ICdkYXJrJztcblxuICBpZiAoIWhlYWRlcikgcmV0dXJuIG51bGw7XG5cbiAgY29uc3QgcmVuZGVyRW5oYW5jZWQgPSAoKSA9PiB7XG4gICAgY29uc3QgdGV4dEJsb2NrID0gKFxuICAgICAgPEJveCB0ZXh0QWxpZ249e3sgXzogJ2NlbnRlcicsIG1kOiAnbGVmdCcgfX0gd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgIDxTdHlsZWRUaXRsZSB0ZXh0PXtoZWFkZXJ9IC8+XG4gICAgICAgIHtzdWJoZWFkZXIgJiYgPFN0eWxlZFN1YmhlYWRlciB0ZXh0PXtzdWJoZWFkZXJ9IC8+fVxuICAgICAgPC9Cb3g+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8RmxleEJveFxuICAgICAgICBmbGV4RGlyZWN0aW9uPXt7IF86ICdjb2x1bW4nLCBtZDogJ3JvdycgfX1cbiAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgcD17OH1cbiAgICAgICAgZ2FwPXt7IF86IDE2LCBtZDogNDAgfX1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggZ2FwPXsxNn0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgIHtjb3VudGRvd25UbyAmJiAoXG4gICAgICAgICAgICA8Q291bnRkb3duVGltZXJcbiAgICAgICAgICAgICAgdGFyZ2V0RGF0ZT17Y291bnRkb3duVG99XG4gICAgICAgICAgICAgIG9uRXhwaXJlPXtvbkNvdW50ZG93bkV4cGlyZX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7dmFsaWRDdGEgJiYgKFxuICAgICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdmbGV4JywgbWQ6ICdub25lJyB9fSBtbD17MH0+XG4gICAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgIGhyZWY9e3ZhbGlkQ3RhLmhyZWZ9XG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DdGFDbGlja31cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt2YWxpZEN0YS50aXRsZX1cbiAgICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIDxUZXh0IG1heFdpZHRoPXt7IF86ICcxMDAlJywgbWQ6ICc1MCUnIH19Pnt0ZXh0QmxvY2t9PC9UZXh0PlxuXG4gICAgICAgIHt2YWxpZEN0YSAmJiAoXG4gICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdub25lJywgbWQ6ICdmbGV4JyB9fT5cbiAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e2lzRGFya01vZGUgPyAnc2Vjb25kYXJ5JyA6ICdwcmltYXJ5J31cbiAgICAgICAgICAgICAgaHJlZj17dmFsaWRDdGEuaHJlZn1cbiAgICAgICAgICAgICAgb25DbGljaz17b25DdGFDbGlja31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3ZhbGlkQ3RhLnRpdGxlfVxuICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9GbGV4Qm94PlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgYmFja2dyb3VuZFZhcmlhbnQgPSBpc0RhcmtNb2RlID8gJ3llbGxvdycgOiB2YXJpYW50O1xuICBjb25zdCBDb250YWluZXIgPSBiYWNrZ3JvdW5kVmFyaWFudCA9PT0gJ3N1YnRsZScgPyBCYW5uZXJCb3ggOiBCYW5uZXJCZztcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgey4uLnJlc3R9IGJnPXtiYW5uZXJWYXJpYW50c1tiYWNrZ3JvdW5kVmFyaWFudCA/PyAnbmF2eSddfT5cbiAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjb250ZW50XCIgZm9udFNpemU9XCJpbmhlcml0XCI+XG4gICAgICAgIHtyZW5kZXJFbmhhbmNlZCgpfVxuICAgICAgPC9Cb3g+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjbG9zZVwiIGFsaWduU2VsZj1cImNlbnRlclwiPlxuICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICBpY29uPXtNaW5pRGVsZXRlSWNvbn1cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICB0aXA9XCJDbG9zZSBiYW5uZXJcIlxuICAgICAgICAgICAgdGlwUHJvcHM9e3sgYWxpZ25tZW50OiAnbGVmdC1jZW50ZXInIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const EnhancedBanner = ({
+  variant = 'navy',
+  onClose,
+  onCtaClick,
+  ctaAriaLabel,
+  header,
+  subheader,
+  cta,
+  countdownTo,
+  onCountdownExpire,
+  ...rest
+}) => {
+  const validCta = useMemo(() => cta && cta.title && cta.href ? cta : undefined, [cta]);
+  const {
+    mode
+  } = useTheme();
+  const isDarkMode = mode === 'dark';
+  if (!header) return null;
+  const renderEnhanced = () => {
+    const textBlock = /*#__PURE__*/_jsxs(Box, {
+      textAlign: {
+        _: 'center',
+        md: 'left'
+      },
+      width: "100%",
+      children: [/*#__PURE__*/_jsx(StyledTitle, {
+        text: header
+      }), subheader && /*#__PURE__*/_jsx(StyledSubheader, {
+        text: subheader
+      })]
+    });
+    return /*#__PURE__*/_jsxs(FlexBox, {
+      flexDirection: {
+        _: 'column',
+        md: 'row'
+      },
+      alignItems: "center",
+      justifyContent: "center",
+      width: "100%",
+      p: 8,
+      gap: {
+        _: 16,
+        md: 40
+      },
+      children: [/*#__PURE__*/_jsxs(FlexBox, {
+        gap: 16,
+        alignItems: "center",
+        children: [countdownTo && /*#__PURE__*/_jsx(CountdownTimer, {
+          targetDate: countdownTo,
+          onExpire: onCountdownExpire
+        }), validCta && /*#__PURE__*/_jsx(Box, {
+          display: {
+            _: 'flex',
+            md: 'none'
+          },
+          ml: 0,
+          children: /*#__PURE__*/_jsx(FillButton, {
+            variant: "primary",
+            href: validCta.href,
+            onClick: onCtaClick,
+            children: validCta.title
+          })
+        })]
+      }), /*#__PURE__*/_jsx(Text, {
+        maxWidth: {
+          _: '100%',
+          md: '50%'
+        },
+        children: textBlock
+      }), validCta && /*#__PURE__*/_jsx(Box, {
+        display: {
+          _: 'none',
+          md: 'flex'
+        },
+        children: /*#__PURE__*/_jsx(FillButton, {
+          variant: isDarkMode ? 'secondary' : 'primary',
+          href: validCta.href,
+          onClick: onCtaClick,
+          children: validCta.title
+        })
+      })]
+    });
+  };
+  const backgroundVariant = isDarkMode ? 'yellow' : variant;
+  const Container = backgroundVariant === 'subtle' ? BannerBox : BannerBg;
+  return /*#__PURE__*/_jsxs(Container, {
+    ...rest,
+    bg: bannerVariants[backgroundVariant ?? 'navy'],
+    children: [/*#__PURE__*/_jsx(Box, {
+      gridArea: "content",
+      fontSize: "inherit",
+      children: renderEnhanced()
+    }), onClose && /*#__PURE__*/_jsx(Box, {
+      gridArea: "close",
+      alignSelf: "center",
+      children: /*#__PURE__*/_jsx(IconButton, {
+        variant: "secondary",
+        size: "small",
+        icon: MiniDeleteIcon,
+        onClick: onClose,
+        tip: "Close banner",
+        tipProps: {
+          alignment: 'left-center'
+        }
+      })
+    })]
+  });
+};

package/dist/Banner/index.d.ts

@@ -0,0 +1,21 @@
+import { BackgroundProps } from '@codecademy/gamut-styles';
+import { ReactNode } from 'react';
+import * as React from 'react';
+export type BannerVariant = keyof typeof bannerVariants;
+declare const bannerVariants: {
+    readonly navy: "navy";
+    readonly yellow: "yellow";
+    readonly subtle: "background-hover";
+};
+export interface BannerProps extends Omit<BackgroundProps, 'bg' | 'containerType'> {
+    children: ReactNode | string;
+    /** Visual variation for banners, defaults to navy */
+    variant?: BannerVariant | null;
+    /**  Callback called when the user closes the banner. */
+    onClose?: () => void;
+    /** Call to action click callback */
+    onCtaClick?: () => void;
+    ctaAriaLabel?: string;
+}
+export declare const Banner: React.FC<BannerProps>;
+export {};

package/dist/Banner/index.js

@@ -0,0 +1,102 @@
+import _styled from "@emotion/styled/base";
+import { Box, IconButton, Markdown, TextButton } from '@codecademy/gamut';
+import { MiniDeleteIcon } from '@codecademy/gamut-icons';
+import { Background, css } from '@codecademy/gamut-styles';
+import { useMemo } from 'react';
+import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const bannerVariants = {
+  navy: 'navy',
+  yellow: 'yellow',
+  subtle: 'background-hover'
+};
+const isAllowedVariant = variant => Object.keys(bannerVariants).includes(variant);
+const bannerStyles = {
+  width: '100%',
+  p: 4,
+  display: 'grid',
+  gridTemplateColumns: '2rem minmax(0, 1fr) 2rem',
+  gridTemplateAreas: "'empty content close'",
+  columnGap: 8,
+  alignItems: 'center',
+  textAlign: 'center'
+};
+const BannerContainerBackground = /*#__PURE__*/_styled(Background, {
+  target: "em3wgfy2",
+  label: "BannerContainerBackground"
+})(css(bannerStyles), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDa0MiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEljb25CdXR0b24sIE1hcmtkb3duLCBUZXh0QnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaURlbGV0ZUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBCYWNrZ3JvdW5kUHJvcHMsIGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgYmFubmVyVmFyaWFudHM7XG5jb25zdCBiYW5uZXJWYXJpYW50cyA9IHtcbiAgbmF2eTogJ25hdnknLFxuICB5ZWxsb3c6ICd5ZWxsb3cnLFxuICBzdWJ0bGU6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGlzQWxsb3dlZFZhcmlhbnQgPSAoXG4gIHZhcmlhbnQ6IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGxcbik6IHZhcmlhbnQgaXMgQmFubmVyVmFyaWFudCA9PlxuICBPYmplY3Qua2V5cyhiYW5uZXJWYXJpYW50cykuaW5jbHVkZXModmFyaWFudCBhcyBCYW5uZXJWYXJpYW50KTtcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJQcm9wc1xuICBleHRlbmRzIE9taXQ8QmFja2dyb3VuZFByb3BzLCAnYmcnIHwgJ2NvbnRhaW5lclR5cGUnPiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGUgfCBzdHJpbmc7XG4gIC8qKiBWaXN1YWwgdmFyaWF0aW9uIGZvciBiYW5uZXJzLCBkZWZhdWx0cyB0byBuYXZ5ICovXG4gIHZhcmlhbnQ/OiBCYW5uZXJWYXJpYW50IHwgbnVsbDtcbiAgLyoqICBDYWxsYmFjayBjYWxsZWQgd2hlbiB0aGUgdXNlciBjbG9zZXMgdGhlIGJhbm5lci4gKi9cbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG4gIC8qKiBDYWxsIHRvIGFjdGlvbiBjbGljayBjYWxsYmFjayAqL1xuICBvbkN0YUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nO1xufVxuXG5jb25zdCBiYW5uZXJTdHlsZXMgPSB7XG4gIHdpZHRoOiAnMTAwJScsXG4gIHA6IDQsXG4gIGRpc3BsYXk6ICdncmlkJyxcbiAgZ3JpZFRlbXBsYXRlQ29sdW1uczogJzJyZW0gbWlubWF4KDAsIDFmcikgMnJlbScsXG4gIGdyaWRUZW1wbGF0ZUFyZWFzOiBcIidlbXB0eSBjb250ZW50IGNsb3NlJ1wiLFxuICBjb2x1bW5HYXA6IDgsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgQmFubmVyQ29udGFpbmVyQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKShjc3MoYmFubmVyU3R5bGVzKSk7XG5cbmNvbnN0IEJhbm5lckNvbnRhaW5lckJveCA9IHN0eWxlZChCb3gpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgQmFubmVyTWFya2Rvd24gPSBzdHlsZWQoTWFya2Rvd24pKGNzcyh7IGZvbnRTaXplOiAnaW5oZXJpdCcgfSkpO1xuXG5jb25zdCBiaW5kQmFubmVyQW5jaG9yID0gKFxuICBvbkN0YUNsaWNrPzogQmFubmVyUHJvcHNbJ29uQ3RhQ2xpY2snXSxcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nXG4pID0+ICh7XG4gIGFsbG93ZWRBdHRyaWJ1dGVzOiBbJ2hyZWYnLCAndGFyZ2V0J10sXG4gIGNvbXBvbmVudDogVGV4dEJ1dHRvbixcbiAgcHJvY2Vzc05vZGU6IChfbm9kZTogdW5rbm93biwgcHJvcHM6IHsgb25DbGljaz86ICgpID0+IHZvaWQgfSkgPT4gKFxuICAgIDxUZXh0QnV0dG9uXG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIG9uQ3RhQ2xpY2s/LigpO1xuICAgICAgICBwcm9wcz8ub25DbGljaz8uKCk7XG4gICAgICB9fVxuICAgICAgbXg9ezR9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdGFyZ2V0PVwiX0JMQU5LXCJcbiAgICAgIGFyaWEtbGFiZWw9e2N0YUFyaWFMYWJlbH1cbiAgICAgIGRpc3BsYXk9e3sgXzogJ2Jsb2NrJywgeHM6ICdpbmxpbmUtZmxleCcgfX1cbiAgICAvPlxuICApLFxufSk7XG5cbmV4cG9ydCBjb25zdCBCYW5uZXI6IFJlYWN0LkZDPEJhbm5lclByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjdGFBcmlhTGFiZWwsXG4gIHZhcmlhbnQgPSAnbmF2eScsXG4gIG9uQ3RhQ2xpY2ssXG4gIG9uQ2xvc2UsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3Qgb3ZlcnJpZGVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgYTogYmluZEJhbm5lckFuY2hvcihvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWwpLFxuICAgIH0pLFxuICAgIFtvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWxdXG4gICk7XG5cbiAgLy8gQ29udGVudGZ1bCBpcyB1bmFibGUgdG8gcHJvZ3JhbW1hdGljYWxseSBjb21tdW5pY2F0ZSB3aGF0IHZhbHVlcyBpdCBkb2VzL2RvZXNuJ3QgYWxsb3cgaW4gdGhlc2Uga2luZHMgb2YgZmllbGRzLFxuICAvLyB3aGljaCBtYWtlcyBpdCBkaWZmaWN1bHQgZm9yIHVzIHRvIGVuc3VyZSB0aGUgQ29udGVudGZ1bCBjb25maWd1cmF0aW9uIGhhc24ndCBkaXZlcmdlZCBmcm9tIEdhbXV0IHJlc3RyaWN0aW9ucy5cbiAgY29uc3Qgc2FmZVZhcmlhbnQ6IEJhbm5lclZhcmlhbnQgPSBpc0FsbG93ZWRWYXJpYW50KHZhcmlhbnQpXG4gICAgPyB2YXJpYW50XG4gICAgOiAnbmF2eSc7XG5cbiAgY29uc3QgQmFubmVyQ29udGFpbmVyID1cbiAgICBzYWZlVmFyaWFudCA9PT0gJ3N1YnRsZScgPyBCYW5uZXJDb250YWluZXJCb3ggOiBCYW5uZXJDb250YWluZXJCYWNrZ3JvdW5kO1xuXG4gIHJldHVybiAoXG4gICAgPEJhbm5lckNvbnRhaW5lciB7Li4ucmVzdH0gYmc9e2Jhbm5lclZhcmlhbnRzW3NhZmVWYXJpYW50XX0+XG4gICAgICA8Qm94IGdyaWRBcmVhPVwiY29udGVudFwiIGZvbnRTaXplPVwiaW5oZXJpdFwiPlxuICAgICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICA8QmFubmVyTWFya2Rvd25cbiAgICAgICAgICAgIG92ZXJyaWRlcz17b3ZlcnJpZGVzfVxuICAgICAgICAgICAgdGV4dD17Y2hpbGRyZW59XG4gICAgICAgICAgICBza2lwRGVmYXVsdE92ZXJyaWRlcz17eyBhOiB0cnVlIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBjaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9Cb3g+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjbG9zZVwiIGFsaWduU2VsZj1cInN0YXJ0XCI+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e01pbmlEZWxldGVJY29ufVxuICAgICAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIHRpcD1cIkNsb3NlIGJhbm5lclwiXG4gICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJywgcGxhY2VtZW50OiAnZmxvYXRpbmcnIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvQmFubmVyQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
+const BannerContainerBox = /*#__PURE__*/_styled(Box, {
+  target: "em3wgfy1",
+  label: "BannerContainerBox"
+})(css(bannerStyles), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDMkIiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEljb25CdXR0b24sIE1hcmtkb3duLCBUZXh0QnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaURlbGV0ZUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBCYWNrZ3JvdW5kUHJvcHMsIGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgYmFubmVyVmFyaWFudHM7XG5jb25zdCBiYW5uZXJWYXJpYW50cyA9IHtcbiAgbmF2eTogJ25hdnknLFxuICB5ZWxsb3c6ICd5ZWxsb3cnLFxuICBzdWJ0bGU6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGlzQWxsb3dlZFZhcmlhbnQgPSAoXG4gIHZhcmlhbnQ6IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGxcbik6IHZhcmlhbnQgaXMgQmFubmVyVmFyaWFudCA9PlxuICBPYmplY3Qua2V5cyhiYW5uZXJWYXJpYW50cykuaW5jbHVkZXModmFyaWFudCBhcyBCYW5uZXJWYXJpYW50KTtcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJQcm9wc1xuICBleHRlbmRzIE9taXQ8QmFja2dyb3VuZFByb3BzLCAnYmcnIHwgJ2NvbnRhaW5lclR5cGUnPiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGUgfCBzdHJpbmc7XG4gIC8qKiBWaXN1YWwgdmFyaWF0aW9uIGZvciBiYW5uZXJzLCBkZWZhdWx0cyB0byBuYXZ5ICovXG4gIHZhcmlhbnQ/OiBCYW5uZXJWYXJpYW50IHwgbnVsbDtcbiAgLyoqICBDYWxsYmFjayBjYWxsZWQgd2hlbiB0aGUgdXNlciBjbG9zZXMgdGhlIGJhbm5lci4gKi9cbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG4gIC8qKiBDYWxsIHRvIGFjdGlvbiBjbGljayBjYWxsYmFjayAqL1xuICBvbkN0YUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nO1xufVxuXG5jb25zdCBiYW5uZXJTdHlsZXMgPSB7XG4gIHdpZHRoOiAnMTAwJScsXG4gIHA6IDQsXG4gIGRpc3BsYXk6ICdncmlkJyxcbiAgZ3JpZFRlbXBsYXRlQ29sdW1uczogJzJyZW0gbWlubWF4KDAsIDFmcikgMnJlbScsXG4gIGdyaWRUZW1wbGF0ZUFyZWFzOiBcIidlbXB0eSBjb250ZW50IGNsb3NlJ1wiLFxuICBjb2x1bW5HYXA6IDgsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgQmFubmVyQ29udGFpbmVyQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKShjc3MoYmFubmVyU3R5bGVzKSk7XG5cbmNvbnN0IEJhbm5lckNvbnRhaW5lckJveCA9IHN0eWxlZChCb3gpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgQmFubmVyTWFya2Rvd24gPSBzdHlsZWQoTWFya2Rvd24pKGNzcyh7IGZvbnRTaXplOiAnaW5oZXJpdCcgfSkpO1xuXG5jb25zdCBiaW5kQmFubmVyQW5jaG9yID0gKFxuICBvbkN0YUNsaWNrPzogQmFubmVyUHJvcHNbJ29uQ3RhQ2xpY2snXSxcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nXG4pID0+ICh7XG4gIGFsbG93ZWRBdHRyaWJ1dGVzOiBbJ2hyZWYnLCAndGFyZ2V0J10sXG4gIGNvbXBvbmVudDogVGV4dEJ1dHRvbixcbiAgcHJvY2Vzc05vZGU6IChfbm9kZTogdW5rbm93biwgcHJvcHM6IHsgb25DbGljaz86ICgpID0+IHZvaWQgfSkgPT4gKFxuICAgIDxUZXh0QnV0dG9uXG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIG9uQ3RhQ2xpY2s/LigpO1xuICAgICAgICBwcm9wcz8ub25DbGljaz8uKCk7XG4gICAgICB9fVxuICAgICAgbXg9ezR9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdGFyZ2V0PVwiX0JMQU5LXCJcbiAgICAgIGFyaWEtbGFiZWw9e2N0YUFyaWFMYWJlbH1cbiAgICAgIGRpc3BsYXk9e3sgXzogJ2Jsb2NrJywgeHM6ICdpbmxpbmUtZmxleCcgfX1cbiAgICAvPlxuICApLFxufSk7XG5cbmV4cG9ydCBjb25zdCBCYW5uZXI6IFJlYWN0LkZDPEJhbm5lclByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjdGFBcmlhTGFiZWwsXG4gIHZhcmlhbnQgPSAnbmF2eScsXG4gIG9uQ3RhQ2xpY2ssXG4gIG9uQ2xvc2UsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3Qgb3ZlcnJpZGVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgYTogYmluZEJhbm5lckFuY2hvcihvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWwpLFxuICAgIH0pLFxuICAgIFtvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWxdXG4gICk7XG5cbiAgLy8gQ29udGVudGZ1bCBpcyB1bmFibGUgdG8gcHJvZ3JhbW1hdGljYWxseSBjb21tdW5pY2F0ZSB3aGF0IHZhbHVlcyBpdCBkb2VzL2RvZXNuJ3QgYWxsb3cgaW4gdGhlc2Uga2luZHMgb2YgZmllbGRzLFxuICAvLyB3aGljaCBtYWtlcyBpdCBkaWZmaWN1bHQgZm9yIHVzIHRvIGVuc3VyZSB0aGUgQ29udGVudGZ1bCBjb25maWd1cmF0aW9uIGhhc24ndCBkaXZlcmdlZCBmcm9tIEdhbXV0IHJlc3RyaWN0aW9ucy5cbiAgY29uc3Qgc2FmZVZhcmlhbnQ6IEJhbm5lclZhcmlhbnQgPSBpc0FsbG93ZWRWYXJpYW50KHZhcmlhbnQpXG4gICAgPyB2YXJpYW50XG4gICAgOiAnbmF2eSc7XG5cbiAgY29uc3QgQmFubmVyQ29udGFpbmVyID1cbiAgICBzYWZlVmFyaWFudCA9PT0gJ3N1YnRsZScgPyBCYW5uZXJDb250YWluZXJCb3ggOiBCYW5uZXJDb250YWluZXJCYWNrZ3JvdW5kO1xuXG4gIHJldHVybiAoXG4gICAgPEJhbm5lckNvbnRhaW5lciB7Li4ucmVzdH0gYmc9e2Jhbm5lclZhcmlhbnRzW3NhZmVWYXJpYW50XX0+XG4gICAgICA8Qm94IGdyaWRBcmVhPVwiY29udGVudFwiIGZvbnRTaXplPVwiaW5oZXJpdFwiPlxuICAgICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICA8QmFubmVyTWFya2Rvd25cbiAgICAgICAgICAgIG92ZXJyaWRlcz17b3ZlcnJpZGVzfVxuICAgICAgICAgICAgdGV4dD17Y2hpbGRyZW59XG4gICAgICAgICAgICBza2lwRGVmYXVsdE92ZXJyaWRlcz17eyBhOiB0cnVlIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBjaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9Cb3g+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjbG9zZVwiIGFsaWduU2VsZj1cInN0YXJ0XCI+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e01pbmlEZWxldGVJY29ufVxuICAgICAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIHRpcD1cIkNsb3NlIGJhbm5lclwiXG4gICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJywgcGxhY2VtZW50OiAnZmxvYXRpbmcnIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvQmFubmVyQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
+const BannerMarkdown = /*#__PURE__*/_styled(Markdown, {
+  target: "em3wgfy0",
+  label: "BannerMarkdown"
+})(css({
+  fontSize: 'inherit'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDdUIiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEljb25CdXR0b24sIE1hcmtkb3duLCBUZXh0QnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaURlbGV0ZUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBCYWNrZ3JvdW5kUHJvcHMsIGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgYmFubmVyVmFyaWFudHM7XG5jb25zdCBiYW5uZXJWYXJpYW50cyA9IHtcbiAgbmF2eTogJ25hdnknLFxuICB5ZWxsb3c6ICd5ZWxsb3cnLFxuICBzdWJ0bGU6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGlzQWxsb3dlZFZhcmlhbnQgPSAoXG4gIHZhcmlhbnQ6IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGxcbik6IHZhcmlhbnQgaXMgQmFubmVyVmFyaWFudCA9PlxuICBPYmplY3Qua2V5cyhiYW5uZXJWYXJpYW50cykuaW5jbHVkZXModmFyaWFudCBhcyBCYW5uZXJWYXJpYW50KTtcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJQcm9wc1xuICBleHRlbmRzIE9taXQ8QmFja2dyb3VuZFByb3BzLCAnYmcnIHwgJ2NvbnRhaW5lclR5cGUnPiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGUgfCBzdHJpbmc7XG4gIC8qKiBWaXN1YWwgdmFyaWF0aW9uIGZvciBiYW5uZXJzLCBkZWZhdWx0cyB0byBuYXZ5ICovXG4gIHZhcmlhbnQ/OiBCYW5uZXJWYXJpYW50IHwgbnVsbDtcbiAgLyoqICBDYWxsYmFjayBjYWxsZWQgd2hlbiB0aGUgdXNlciBjbG9zZXMgdGhlIGJhbm5lci4gKi9cbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG4gIC8qKiBDYWxsIHRvIGFjdGlvbiBjbGljayBjYWxsYmFjayAqL1xuICBvbkN0YUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nO1xufVxuXG5jb25zdCBiYW5uZXJTdHlsZXMgPSB7XG4gIHdpZHRoOiAnMTAwJScsXG4gIHA6IDQsXG4gIGRpc3BsYXk6ICdncmlkJyxcbiAgZ3JpZFRlbXBsYXRlQ29sdW1uczogJzJyZW0gbWlubWF4KDAsIDFmcikgMnJlbScsXG4gIGdyaWRUZW1wbGF0ZUFyZWFzOiBcIidlbXB0eSBjb250ZW50IGNsb3NlJ1wiLFxuICBjb2x1bW5HYXA6IDgsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgQmFubmVyQ29udGFpbmVyQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKShjc3MoYmFubmVyU3R5bGVzKSk7XG5cbmNvbnN0IEJhbm5lckNvbnRhaW5lckJveCA9IHN0eWxlZChCb3gpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgQmFubmVyTWFya2Rvd24gPSBzdHlsZWQoTWFya2Rvd24pKGNzcyh7IGZvbnRTaXplOiAnaW5oZXJpdCcgfSkpO1xuXG5jb25zdCBiaW5kQmFubmVyQW5jaG9yID0gKFxuICBvbkN0YUNsaWNrPzogQmFubmVyUHJvcHNbJ29uQ3RhQ2xpY2snXSxcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nXG4pID0+ICh7XG4gIGFsbG93ZWRBdHRyaWJ1dGVzOiBbJ2hyZWYnLCAndGFyZ2V0J10sXG4gIGNvbXBvbmVudDogVGV4dEJ1dHRvbixcbiAgcHJvY2Vzc05vZGU6IChfbm9kZTogdW5rbm93biwgcHJvcHM6IHsgb25DbGljaz86ICgpID0+IHZvaWQgfSkgPT4gKFxuICAgIDxUZXh0QnV0dG9uXG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIG9uQ3RhQ2xpY2s/LigpO1xuICAgICAgICBwcm9wcz8ub25DbGljaz8uKCk7XG4gICAgICB9fVxuICAgICAgbXg9ezR9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdGFyZ2V0PVwiX0JMQU5LXCJcbiAgICAgIGFyaWEtbGFiZWw9e2N0YUFyaWFMYWJlbH1cbiAgICAgIGRpc3BsYXk9e3sgXzogJ2Jsb2NrJywgeHM6ICdpbmxpbmUtZmxleCcgfX1cbiAgICAvPlxuICApLFxufSk7XG5cbmV4cG9ydCBjb25zdCBCYW5uZXI6IFJlYWN0LkZDPEJhbm5lclByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjdGFBcmlhTGFiZWwsXG4gIHZhcmlhbnQgPSAnbmF2eScsXG4gIG9uQ3RhQ2xpY2ssXG4gIG9uQ2xvc2UsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3Qgb3ZlcnJpZGVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgYTogYmluZEJhbm5lckFuY2hvcihvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWwpLFxuICAgIH0pLFxuICAgIFtvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWxdXG4gICk7XG5cbiAgLy8gQ29udGVudGZ1bCBpcyB1bmFibGUgdG8gcHJvZ3JhbW1hdGljYWxseSBjb21tdW5pY2F0ZSB3aGF0IHZhbHVlcyBpdCBkb2VzL2RvZXNuJ3QgYWxsb3cgaW4gdGhlc2Uga2luZHMgb2YgZmllbGRzLFxuICAvLyB3aGljaCBtYWtlcyBpdCBkaWZmaWN1bHQgZm9yIHVzIHRvIGVuc3VyZSB0aGUgQ29udGVudGZ1bCBjb25maWd1cmF0aW9uIGhhc24ndCBkaXZlcmdlZCBmcm9tIEdhbXV0IHJlc3RyaWN0aW9ucy5cbiAgY29uc3Qgc2FmZVZhcmlhbnQ6IEJhbm5lclZhcmlhbnQgPSBpc0FsbG93ZWRWYXJpYW50KHZhcmlhbnQpXG4gICAgPyB2YXJpYW50XG4gICAgOiAnbmF2eSc7XG5cbiAgY29uc3QgQmFubmVyQ29udGFpbmVyID1cbiAgICBzYWZlVmFyaWFudCA9PT0gJ3N1YnRsZScgPyBCYW5uZXJDb250YWluZXJCb3ggOiBCYW5uZXJDb250YWluZXJCYWNrZ3JvdW5kO1xuXG4gIHJldHVybiAoXG4gICAgPEJhbm5lckNvbnRhaW5lciB7Li4ucmVzdH0gYmc9e2Jhbm5lclZhcmlhbnRzW3NhZmVWYXJpYW50XX0+XG4gICAgICA8Qm94IGdyaWRBcmVhPVwiY29udGVudFwiIGZvbnRTaXplPVwiaW5oZXJpdFwiPlxuICAgICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICA8QmFubmVyTWFya2Rvd25cbiAgICAgICAgICAgIG92ZXJyaWRlcz17b3ZlcnJpZGVzfVxuICAgICAgICAgICAgdGV4dD17Y2hpbGRyZW59XG4gICAgICAgICAgICBza2lwRGVmYXVsdE92ZXJyaWRlcz17eyBhOiB0cnVlIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBjaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9Cb3g+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjbG9zZVwiIGFsaWduU2VsZj1cInN0YXJ0XCI+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e01pbmlEZWxldGVJY29ufVxuICAgICAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIHRpcD1cIkNsb3NlIGJhbm5lclwiXG4gICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJywgcGxhY2VtZW50OiAnZmxvYXRpbmcnIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvQmFubmVyQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
+const bindBannerAnchor = (onCtaClick, ctaAriaLabel) => ({
+  allowedAttributes: ['href', 'target'],
+  component: TextButton,
+  processNode: (_node, props) => /*#__PURE__*/_jsx(TextButton, {
+    ...props,
+    onClick: () => {
+      onCtaClick?.();
+      props?.onClick?.();
+    },
+    mx: 4,
+    size: "small",
+    target: "_BLANK",
+    "aria-label": ctaAriaLabel,
+    display: {
+      _: 'block',
+      xs: 'inline-flex'
+    }
+  })
+});
+export const Banner = ({
+  children,
+  ctaAriaLabel,
+  variant = 'navy',
+  onCtaClick,
+  onClose,
+  ...rest
+}) => {
+  const overrides = useMemo(() => ({
+    a: bindBannerAnchor(onCtaClick, ctaAriaLabel)
+  }), [onCtaClick, ctaAriaLabel]);
+
+  // Contentful is unable to programmatically communicate what values it does/doesn't allow in these kinds of fields,
+  // which makes it difficult for us to ensure the Contentful configuration hasn't diverged from Gamut restrictions.
+  const safeVariant = isAllowedVariant(variant) ? variant : 'navy';
+  const BannerContainer = safeVariant === 'subtle' ? BannerContainerBox : BannerContainerBackground;
+  return /*#__PURE__*/_jsxs(BannerContainer, {
+    ...rest,
+    bg: bannerVariants[safeVariant],
+    children: [/*#__PURE__*/_jsx(Box, {
+      gridArea: "content",
+      fontSize: "inherit",
+      children: typeof children === 'string' ? /*#__PURE__*/_jsx(BannerMarkdown, {
+        overrides: overrides,
+        text: children,
+        skipDefaultOverrides: {
+          a: true
+        }
+      }) : children
+    }), onClose && /*#__PURE__*/_jsx(Box, {
+      gridArea: "close",
+      alignSelf: "start",
+      children: /*#__PURE__*/_jsx(IconButton, {
+        variant: "secondary",
+        size: "small",
+        icon: MiniDeleteIcon,
+        onClick: onClose,
+        tip: "Close banner",
+        tipProps: {
+          alignment: 'bottom-center',
+          placement: 'floating'
+        }
+      })
+    })]
+  });
+};

package/dist/BetaSticker/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+type BetaStickerProps = {
+    size?: 'normal' | 'small' | 'medium';
+};
+export declare const BetaSticker: React.FC<BetaStickerProps>;
+export {};

package/dist/BetaSticker/index.js

@@ -0,0 +1,57 @@
+import _styled from "@emotion/styled/base";
+import { variant } from '@codecademy/gamut-styles';
+import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BetaStickerContainer = /*#__PURE__*/_styled("svg", {
+  target: "e1v152fc0",
+  label: "BetaStickerContainer"
+})(variant({
+  defaultVariant: 'normal',
+  base: {
+    lineHeight: 0
+  },
+  variants: {
+    small: {
+      height: 16,
+      width: 32
+    },
+    normal: {
+      height: 26,
+      width: 52
+    },
+    medium: {
+      height: 22,
+      width: 42
+    }
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CZXRhU3RpY2tlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTZCIiwiZmlsZSI6Ii4uLy4uL3NyYy9CZXRhU3RpY2tlci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgQmV0YVN0aWNrZXJDb250YWluZXIgPSBzdHlsZWQuc3ZnKFxuICB2YXJpYW50KHtcbiAgICBkZWZhdWx0VmFyaWFudDogJ25vcm1hbCcsXG4gICAgYmFzZToge1xuICAgICAgbGluZUhlaWdodDogMCxcbiAgICB9LFxuICAgIHZhcmlhbnRzOiB7XG4gICAgICBzbWFsbDoge1xuICAgICAgICBoZWlnaHQ6IDE2LFxuICAgICAgICB3aWR0aDogMzIsXG4gICAgICB9LFxuICAgICAgbm9ybWFsOiB7XG4gICAgICAgIGhlaWdodDogMjYsXG4gICAgICAgIHdpZHRoOiA1MixcbiAgICAgIH0sXG4gICAgICBtZWRpdW06IHtcbiAgICAgICAgaGVpZ2h0OiAyMixcbiAgICAgICAgd2lkdGg6IDQyLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxudHlwZSBCZXRhU3RpY2tlclByb3BzID0ge1xuICBzaXplPzogJ25vcm1hbCcgfCAnc21hbGwnIHwgJ21lZGl1bSc7XG59O1xuXG5leHBvcnQgY29uc3QgQmV0YVN0aWNrZXI6IFJlYWN0LkZDPEJldGFTdGlja2VyUHJvcHM+ID0gKHtcbiAgc2l6ZSA9ICdub3JtYWwnLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxCZXRhU3RpY2tlckNvbnRhaW5lclxuICAgICAgdmFyaWFudD17c2l6ZX1cbiAgICAgIHZpZXdCb3g9XCIwIDAgNTIgMjdcIlxuICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgPlxuICAgICAgPHRpdGxlPkJldGE8L3RpdGxlPlxuICAgICAgPHBhdGhcbiAgICAgICAgZmlsbFJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgY2xpcFJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgZD1cIk0yIDAuNUgwVjI0LjVWMjYuNUgySDUyVjI0LjVIMlYwLjVaXCJcbiAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAvPlxuICAgICAgPHBhdGhcbiAgICAgICAgZD1cIk04IDE5LjFIMTEuNzkyQzE0LjI1NiAxOS4xIDE1LjkzNiAxOC4wOTIgMTUuOTM2IDE1LjVDMTUuOTM2IDE0LjA5MiAxNS4yMzIgMTMuMjkyIDE0LjI4OCAxMi44NzZDMTUuMDU2IDEyLjM0OCAxNS41MzYgMTEuNDg0IDE1LjUzNiAxMC40OTJDMTUuNTM2IDguMDc2IDEzLjg0IDcuNSAxMS42IDcuNUg4VjE5LjFaTTEwLjQgMTIuMjY4VjkuNDUySDExLjU2OEMxMi41NDQgOS40NTIgMTMuMDI0IDkuOTMyIDEzLjAyNCAxMC44NkMxMy4wMjQgMTEuNzg4IDEyLjU0NCAxMi4yNjggMTEuNTY4IDEyLjI2OEgxMC40Wk0xMy4zOTIgMTUuNThDMTMuMzkyIDE2LjYwNCAxMi44OCAxNy4xMTYgMTEuNjk2IDE3LjExNkgxMC40VjE0LjAyOEgxMS42OTZDMTIuODggMTQuMDI4IDEzLjM5MiAxNC41NCAxMy4zOTIgMTUuNThaXCJcbiAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAvPlxuICAgICAgPHBhdGhcbiAgICAgICAgZD1cIk0xOC41Njc3IDE5LjFIMjUuNTkxN1YxNy4wMzZIMjAuOTY3N1YxNC4yMDRIMjUuMjcxN1YxMi4xNEgyMC45Njc3VjkuNTY0SDI1LjU5MTdWNy41SDE4LjU2NzdWMTkuMVpcIlxuICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgIC8+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTMxLjE2NzUgMTkuMUgzMy41Njc1VjkuNTY0SDM2Ljg0NzVWNy41SDI3Ljg4NzVWOS41NjRIMzEuMTY3NVYxOS4xWlwiXG4gICAgICAgIGZpbGw9XCJjdXJyZW50Q29sb3JcIlxuICAgICAgLz5cbiAgICAgIDxwYXRoXG4gICAgICAgIGQ9XCJNMzguMjMxMiAxOS4xSDQwLjc5MTNMNDEuMzE5MyAxNi42ODRINDQuMDM5M0w0NC41NjczIDE5LjFINDcuMTkxM0w0NC4xOTkyIDcuNUg0MS4yMDczTDM4LjIzMTIgMTkuMVpNNDIuNjk1MyAxMC41NTZMNDMuNjIzMyAxNC44MTJINDEuNzM1M0w0Mi42OTUzIDEwLjU1NlpcIlxuICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgIC8+XG4gICAgPC9CZXRhU3RpY2tlckNvbnRhaW5lcj5cbiAgKTtcbn07XG4iXX0= */");
+export const BetaSticker = ({
+  size = 'normal'
+}) => {
+  return /*#__PURE__*/_jsxs(BetaStickerContainer, {
+    variant: size,
+    viewBox: "0 0 52 27",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("title", {
+      children: "Beta"
+    }), /*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M2 0.5H0V24.5V26.5H2H52V24.5H2V0.5Z",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M8 19.1H11.792C14.256 19.1 15.936 18.092 15.936 15.5C15.936 14.092 15.232 13.292 14.288 12.876C15.056 12.348 15.536 11.484 15.536 10.492C15.536 8.076 13.84 7.5 11.6 7.5H8V19.1ZM10.4 12.268V9.452H11.568C12.544 9.452 13.024 9.932 13.024 10.86C13.024 11.788 12.544 12.268 11.568 12.268H10.4ZM13.392 15.58C13.392 16.604 12.88 17.116 11.696 17.116H10.4V14.028H11.696C12.88 14.028 13.392 14.54 13.392 15.58Z",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M18.5677 19.1H25.5917V17.036H20.9677V14.204H25.2717V12.14H20.9677V9.564H25.5917V7.5H18.5677V19.1Z",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M31.1675 19.1H33.5675V9.564H36.8475V7.5H27.8875V9.564H31.1675V19.1Z",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M38.2312 19.1H40.7913L41.3193 16.684H44.0393L44.5673 19.1H47.1913L44.1992 7.5H41.2073L38.2312 19.1ZM42.6953 10.556L43.6233 14.812H41.7353L42.6953 10.556Z",
+      fill: "currentColor"
+    })]
+  });
+};

package/dist/CareerPathCard/index.d.ts

@@ -0,0 +1,22 @@
+import { HeadingTags } from '@codecademy/gamut';
+import { CourseDifficulty, EnrollmentStatus } from '../ContentGroupBaseCard/types';
+type CareerPathCardProps = {
+    title: string;
+    lessonCount: number;
+    enrollmentStatus: EnrollmentStatus;
+    shortDescription?: string | null;
+    difficulty?: CourseDifficulty | null;
+    hasCareerJourney?: boolean;
+    imageUrl: string;
+    courseCount: number;
+    isFullSize?: boolean;
+    headingLevel?: HeadingTags;
+    timeToComplete?: number | null;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    openInNewTab?: boolean;
+    href: string;
+    onClick: () => void;
+};
+export declare const CareerPathCard: import("react").ForwardRefExoticComponent<CareerPathCardProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};