@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/Banner/index.tsx"],"mappings":";;;;;KAOY,aAAA,gBAA6B,cAAA;AAAA,cACnC,cAAA;EAAA;;;;UAWW,WAAA,SACP,IAAA,CAAK,eAAA;EACb,QAAA,EAAU,SAAA;EATF;EAWR,OAAA,GAAU,aAAA;EAXF;EAaR,OAAA;;EAEA,UAAA;EACA,YAAA;AAAA;AAAA,cA0CW,MAAA,EAAQ,OAAA,CAAM,EAAA,CAAG,WAAA"}

package/dist/Banner/index.d.ts

@@ -1,21 +1,25 @@
-import { BackgroundProps } from '@codecademy/gamut-styles';
-import { ReactNode } from 'react';
-import * as React from 'react';
-export type BannerVariant = keyof typeof bannerVariants;
+import { BackgroundProps } from "@codecademy/gamut-styles";
+import * as React$1 from "react";
+import { ReactNode } from "react";
+
+//#region src/Banner/index.d.ts
+type BannerVariant = keyof typeof bannerVariants;
 declare const bannerVariants: {
-    readonly navy: "navy";
-    readonly yellow: "yellow";
-    readonly subtle: "background-hover";
+  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;
+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 {};
+declare const Banner: React$1.FC<BannerProps>;
+//#endregion
+export { Banner, BannerProps, BannerVariant };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/Banner/index.tsx"],"mappings":";;;;;KAOY,aAAA,gBAA6B,cAAA;AAAA,cACnC,cAAA;EAAA;;;;UAWW,WAAA,SACP,IAAA,CAAK,eAAA;EACb,QAAA,EAAU,SAAA;EATF;EAWR,OAAA,GAAU,aAAA;EAXF;EAaR,OAAA;;EAEA,UAAA;EACA,YAAA;AAAA;AAAA,cA0CW,MAAA,EAAQ,OAAA,CAAM,EAAA,CAAG,WAAA"}

package/dist/Banner/index.js

@@ -1,102 +1,88 @@
-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";
+import { Box, IconButton, Markdown, TextButton } from "@codecademy/gamut";
+import { Background, css } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import * as React$1 from "react";
+import { useMemo } from "react";
+import { MiniDeleteIcon } from "@codecademy/gamut-icons";
+
+//#region src/Banner/index.tsx
 const bannerVariants = {
-  navy: 'navy',
-  yellow: 'yellow',
-  subtle: 'background-hover'
+	navy: "navy",
+	yellow: "yellow",
+	subtle: "background-hover"
 };
-const isAllowedVariant = variant => Object.keys(bannerVariants).includes(variant);
+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'
+	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 BannerContainerBackground = /* @__PURE__ */ styled(Background, {
+	target: "e3u22nv0",
+	label: "brand-BannerContainerBackground"
+})(css(bannerStyles), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0Jhbm5lci9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9CYW5uZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgSWNvbkJ1dHRvbiwgTWFya2Rvd24sIFRleHRCdXR0b24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pRGVsZXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIEJhY2tncm91bmRQcm9wcywgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IHR5cGUgQmFubmVyVmFyaWFudCA9IGtleW9mIHR5cGVvZiBiYW5uZXJWYXJpYW50cztcbmNvbnN0IGJhbm5lclZhcmlhbnRzID0ge1xuICBuYXZ5OiAnbmF2eScsXG4gIHllbGxvdzogJ3llbGxvdycsXG4gIHN1YnRsZTogJ2JhY2tncm91bmQtaG92ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgaXNBbGxvd2VkVmFyaWFudCA9IChcbiAgdmFyaWFudDogc3RyaW5nIHwgdW5kZWZpbmVkIHwgbnVsbFxuKTogdmFyaWFudCBpcyBCYW5uZXJWYXJpYW50ID0+XG4gIE9iamVjdC5rZXlzKGJhbm5lclZhcmlhbnRzKS5pbmNsdWRlcyh2YXJpYW50IGFzIEJhbm5lclZhcmlhbnQpO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lclByb3BzXG4gIGV4dGVuZHMgT21pdDxCYWNrZ3JvdW5kUHJvcHMsICdiZycgfCAnY29udGFpbmVyVHlwZSc+IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZSB8IHN0cmluZztcbiAgLyoqIFZpc3VhbCB2YXJpYXRpb24gZm9yIGJhbm5lcnMsIGRlZmF1bHRzIHRvIG5hdnkgKi9cbiAgdmFyaWFudD86IEJhbm5lclZhcmlhbnQgfCBudWxsO1xuICAvKiogIENhbGxiYWNrIGNhbGxlZCB3aGVuIHRoZSB1c2VyIGNsb3NlcyB0aGUgYmFubmVyLiAqL1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgLyoqIENhbGwgdG8gYWN0aW9uIGNsaWNrIGNhbGxiYWNrICovXG4gIG9uQ3RhQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBjdGFBcmlhTGFiZWw/OiBzdHJpbmc7XG59XG5cbmNvbnN0IGJhbm5lclN0eWxlcyA9IHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgcDogNCxcbiAgZGlzcGxheTogJ2dyaWQnLFxuICBncmlkVGVtcGxhdGVDb2x1bW5zOiAnMnJlbSBtaW5tYXgoMCwgMWZyKSAycmVtJyxcbiAgZ3JpZFRlbXBsYXRlQXJlYXM6IFwiJ2VtcHR5IGNvbnRlbnQgY2xvc2UnXCIsXG4gIGNvbHVtbkdhcDogOCxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBCYW5uZXJDb250YWluZXJCYWNrZ3JvdW5kID0gc3R5bGVkKEJhY2tncm91bmQpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgQmFubmVyQ29udGFpbmVyQm94ID0gc3R5bGVkKEJveCkoY3NzKGJhbm5lclN0eWxlcykpO1xuXG5jb25zdCBCYW5uZXJNYXJrZG93biA9IHN0eWxlZChNYXJrZG93bikoY3NzKHsgZm9udFNpemU6ICdpbmhlcml0JyB9KSk7XG5cbmNvbnN0IGJpbmRCYW5uZXJBbmNob3IgPSAoXG4gIG9uQ3RhQ2xpY2s/OiBCYW5uZXJQcm9wc1snb25DdGFDbGljayddLFxuICBjdGFBcmlhTGFiZWw/OiBzdHJpbmdcbikgPT4gKHtcbiAgYWxsb3dlZEF0dHJpYnV0ZXM6IFsnaHJlZicsICd0YXJnZXQnXSxcbiAgY29tcG9uZW50OiBUZXh0QnV0dG9uLFxuICBwcm9jZXNzTm9kZTogKF9ub2RlOiB1bmtub3duLCBwcm9wczogeyBvbkNsaWNrPzogKCkgPT4gdm9pZCB9KSA9PiAoXG4gICAgPFRleHRCdXR0b25cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgb25DdGFDbGljaz8uKCk7XG4gICAgICAgIHByb3BzPy5vbkNsaWNrPy4oKTtcbiAgICAgIH19XG4gICAgICBteD17NH1cbiAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICB0YXJnZXQ9XCJfQkxBTktcIlxuICAgICAgYXJpYS1sYWJlbD17Y3RhQXJpYUxhYmVsfVxuICAgICAgZGlzcGxheT17eyBfOiAnYmxvY2snLCB4czogJ2lubGluZS1mbGV4JyB9fVxuICAgIC8+XG4gICksXG59KTtcblxuZXhwb3J0IGNvbnN0IEJhbm5lcjogUmVhY3QuRkM8QmFubmVyUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGN0YUFyaWFMYWJlbCxcbiAgdmFyaWFudCA9ICduYXZ5JyxcbiAgb25DdGFDbGljayxcbiAgb25DbG9zZSxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBvdmVycmlkZXMgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBhOiBiaW5kQmFubmVyQW5jaG9yKG9uQ3RhQ2xpY2ssIGN0YUFyaWFMYWJlbCksXG4gICAgfSksXG4gICAgW29uQ3RhQ2xpY2ssIGN0YUFyaWFMYWJlbF1cbiAgKTtcblxuICAvLyBDb250ZW50ZnVsIGlzIHVuYWJsZSB0byBwcm9ncmFtbWF0aWNhbGx5IGNvbW11bmljYXRlIHdoYXQgdmFsdWVzIGl0IGRvZXMvZG9lc24ndCBhbGxvdyBpbiB0aGVzZSBraW5kcyBvZiBmaWVsZHMsXG4gIC8vIHdoaWNoIG1ha2VzIGl0IGRpZmZpY3VsdCBmb3IgdXMgdG8gZW5zdXJlIHRoZSBDb250ZW50ZnVsIGNvbmZpZ3VyYXRpb24gaGFzbid0IGRpdmVyZ2VkIGZyb20gR2FtdXQgcmVzdHJpY3Rpb25zLlxuICBjb25zdCBzYWZlVmFyaWFudDogQmFubmVyVmFyaWFudCA9IGlzQWxsb3dlZFZhcmlhbnQodmFyaWFudClcbiAgICA/IHZhcmlhbnRcbiAgICA6ICduYXZ5JztcblxuICBjb25zdCBCYW5uZXJDb250YWluZXIgPVxuICAgIHNhZmVWYXJpYW50ID09PSAnc3VidGxlJyA/IEJhbm5lckNvbnRhaW5lckJveCA6IEJhbm5lckNvbnRhaW5lckJhY2tncm91bmQ7XG5cbiAgcmV0dXJuIChcbiAgICA8QmFubmVyQ29udGFpbmVyIHsuLi5yZXN0fSBiZz17YmFubmVyVmFyaWFudHNbc2FmZVZhcmlhbnRdfT5cbiAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjb250ZW50XCIgZm9udFNpemU9XCJpbmhlcml0XCI+XG4gICAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgIDxCYW5uZXJNYXJrZG93blxuICAgICAgICAgICAgb3ZlcnJpZGVzPXtvdmVycmlkZXN9XG4gICAgICAgICAgICB0ZXh0PXtjaGlsZHJlbn1cbiAgICAgICAgICAgIHNraXBEZWZhdWx0T3ZlcnJpZGVzPXt7IGE6IHRydWUgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICA8L0JveD5cbiAgICAgIHtvbkNsb3NlICYmIChcbiAgICAgICAgPEJveCBncmlkQXJlYT1cImNsb3NlXCIgYWxpZ25TZWxmPVwic3RhcnRcIj5cbiAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgaWNvbj17TWluaURlbGV0ZUljb259XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsb3NlfVxuICAgICAgICAgICAgdGlwPVwiQ2xvc2UgYmFubmVyXCJcbiAgICAgICAgICAgIHRpcFByb3BzPXt7IGFsaWdubWVudDogJ2JvdHRvbS1jZW50ZXInLCBwbGFjZW1lbnQ6ICdmbG9hdGluZycgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9CYW5uZXJDb250YWluZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDa0MifQ== */");
+const BannerContainerBox = /* @__PURE__ */ styled(Box, {
+	target: "e3u22nv1",
+	label: "brand-BannerContainerBox"
+})(css(bannerStyles), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0Jhbm5lci9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9CYW5uZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgSWNvbkJ1dHRvbiwgTWFya2Rvd24sIFRleHRCdXR0b24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pRGVsZXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIEJhY2tncm91bmRQcm9wcywgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IHR5cGUgQmFubmVyVmFyaWFudCA9IGtleW9mIHR5cGVvZiBiYW5uZXJWYXJpYW50cztcbmNvbnN0IGJhbm5lclZhcmlhbnRzID0ge1xuICBuYXZ5OiAnbmF2eScsXG4gIHllbGxvdzogJ3llbGxvdycsXG4gIHN1YnRsZTogJ2JhY2tncm91bmQtaG92ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgaXNBbGxvd2VkVmFyaWFudCA9IChcbiAgdmFyaWFudDogc3RyaW5nIHwgdW5kZWZpbmVkIHwgbnVsbFxuKTogdmFyaWFudCBpcyBCYW5uZXJWYXJpYW50ID0+XG4gIE9iamVjdC5rZXlzKGJhbm5lclZhcmlhbnRzKS5pbmNsdWRlcyh2YXJpYW50IGFzIEJhbm5lclZhcmlhbnQpO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lclByb3BzXG4gIGV4dGVuZHMgT21pdDxCYWNrZ3JvdW5kUHJvcHMsICdiZycgfCAnY29udGFpbmVyVHlwZSc+IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZSB8IHN0cmluZztcbiAgLyoqIFZpc3VhbCB2YXJpYXRpb24gZm9yIGJhbm5lcnMsIGRlZmF1bHRzIHRvIG5hdnkgKi9cbiAgdmFyaWFudD86IEJhbm5lclZhcmlhbnQgfCBudWxsO1xuICAvKiogIENhbGxiYWNrIGNhbGxlZCB3aGVuIHRoZSB1c2VyIGNsb3NlcyB0aGUgYmFubmVyLiAqL1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgLyoqIENhbGwgdG8gYWN0aW9uIGNsaWNrIGNhbGxiYWNrICovXG4gIG9uQ3RhQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBjdGFBcmlhTGFiZWw/OiBzdHJpbmc7XG59XG5cbmNvbnN0IGJhbm5lclN0eWxlcyA9IHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgcDogNCxcbiAgZGlzcGxheTogJ2dyaWQnLFxuICBncmlkVGVtcGxhdGVDb2x1bW5zOiAnMnJlbSBtaW5tYXgoMCwgMWZyKSAycmVtJyxcbiAgZ3JpZFRlbXBsYXRlQXJlYXM6IFwiJ2VtcHR5IGNvbnRlbnQgY2xvc2UnXCIsXG4gIGNvbHVtbkdhcDogOCxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBCYW5uZXJDb250YWluZXJCYWNrZ3JvdW5kID0gc3R5bGVkKEJhY2tncm91bmQpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgQmFubmVyQ29udGFpbmVyQm94ID0gc3R5bGVkKEJveCkoY3NzKGJhbm5lclN0eWxlcykpO1xuXG5jb25zdCBCYW5uZXJNYXJrZG93biA9IHN0eWxlZChNYXJrZG93bikoY3NzKHsgZm9udFNpemU6ICdpbmhlcml0JyB9KSk7XG5cbmNvbnN0IGJpbmRCYW5uZXJBbmNob3IgPSAoXG4gIG9uQ3RhQ2xpY2s/OiBCYW5uZXJQcm9wc1snb25DdGFDbGljayddLFxuICBjdGFBcmlhTGFiZWw/OiBzdHJpbmdcbikgPT4gKHtcbiAgYWxsb3dlZEF0dHJpYnV0ZXM6IFsnaHJlZicsICd0YXJnZXQnXSxcbiAgY29tcG9uZW50OiBUZXh0QnV0dG9uLFxuICBwcm9jZXNzTm9kZTogKF9ub2RlOiB1bmtub3duLCBwcm9wczogeyBvbkNsaWNrPzogKCkgPT4gdm9pZCB9KSA9PiAoXG4gICAgPFRleHRCdXR0b25cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgb25DdGFDbGljaz8uKCk7XG4gICAgICAgIHByb3BzPy5vbkNsaWNrPy4oKTtcbiAgICAgIH19XG4gICAgICBteD17NH1cbiAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICB0YXJnZXQ9XCJfQkxBTktcIlxuICAgICAgYXJpYS1sYWJlbD17Y3RhQXJpYUxhYmVsfVxuICAgICAgZGlzcGxheT17eyBfOiAnYmxvY2snLCB4czogJ2lubGluZS1mbGV4JyB9fVxuICAgIC8+XG4gICksXG59KTtcblxuZXhwb3J0IGNvbnN0IEJhbm5lcjogUmVhY3QuRkM8QmFubmVyUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGN0YUFyaWFMYWJlbCxcbiAgdmFyaWFudCA9ICduYXZ5JyxcbiAgb25DdGFDbGljayxcbiAgb25DbG9zZSxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBvdmVycmlkZXMgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBhOiBiaW5kQmFubmVyQW5jaG9yKG9uQ3RhQ2xpY2ssIGN0YUFyaWFMYWJlbCksXG4gICAgfSksXG4gICAgW29uQ3RhQ2xpY2ssIGN0YUFyaWFMYWJlbF1cbiAgKTtcblxuICAvLyBDb250ZW50ZnVsIGlzIHVuYWJsZSB0byBwcm9ncmFtbWF0aWNhbGx5IGNvbW11bmljYXRlIHdoYXQgdmFsdWVzIGl0IGRvZXMvZG9lc24ndCBhbGxvdyBpbiB0aGVzZSBraW5kcyBvZiBmaWVsZHMsXG4gIC8vIHdoaWNoIG1ha2VzIGl0IGRpZmZpY3VsdCBmb3IgdXMgdG8gZW5zdXJlIHRoZSBDb250ZW50ZnVsIGNvbmZpZ3VyYXRpb24gaGFzbid0IGRpdmVyZ2VkIGZyb20gR2FtdXQgcmVzdHJpY3Rpb25zLlxuICBjb25zdCBzYWZlVmFyaWFudDogQmFubmVyVmFyaWFudCA9IGlzQWxsb3dlZFZhcmlhbnQodmFyaWFudClcbiAgICA/IHZhcmlhbnRcbiAgICA6ICduYXZ5JztcblxuICBjb25zdCBCYW5uZXJDb250YWluZXIgPVxuICAgIHNhZmVWYXJpYW50ID09PSAnc3VidGxlJyA/IEJhbm5lckNvbnRhaW5lckJveCA6IEJhbm5lckNvbnRhaW5lckJhY2tncm91bmQ7XG5cbiAgcmV0dXJuIChcbiAgICA8QmFubmVyQ29udGFpbmVyIHsuLi5yZXN0fSBiZz17YmFubmVyVmFyaWFudHNbc2FmZVZhcmlhbnRdfT5cbiAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjb250ZW50XCIgZm9udFNpemU9XCJpbmhlcml0XCI+XG4gICAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgIDxCYW5uZXJNYXJrZG93blxuICAgICAgICAgICAgb3ZlcnJpZGVzPXtvdmVycmlkZXN9XG4gICAgICAgICAgICB0ZXh0PXtjaGlsZHJlbn1cbiAgICAgICAgICAgIHNraXBEZWZhdWx0T3ZlcnJpZGVzPXt7IGE6IHRydWUgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICA8L0JveD5cbiAgICAgIHtvbkNsb3NlICYmIChcbiAgICAgICAgPEJveCBncmlkQXJlYT1cImNsb3NlXCIgYWxpZ25TZWxmPVwic3RhcnRcIj5cbiAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgaWNvbj17TWluaURlbGV0ZUljb259XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsb3NlfVxuICAgICAgICAgICAgdGlwPVwiQ2xvc2UgYmFubmVyXCJcbiAgICAgICAgICAgIHRpcFByb3BzPXt7IGFsaWdubWVudDogJ2JvdHRvbS1jZW50ZXInLCBwbGFjZW1lbnQ6ICdmbG9hdGluZycgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9CYW5uZXJDb250YWluZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDMkIifQ== */");
+const BannerMarkdown = /* @__PURE__ */ styled(Markdown, {
+	target: "e3u22nv2",
+	label: "brand-BannerMarkdown"
+})(css({ fontSize: "inherit" }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0Jhbm5lci9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9CYW5uZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgSWNvbkJ1dHRvbiwgTWFya2Rvd24sIFRleHRCdXR0b24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pRGVsZXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIEJhY2tncm91bmRQcm9wcywgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IHR5cGUgQmFubmVyVmFyaWFudCA9IGtleW9mIHR5cGVvZiBiYW5uZXJWYXJpYW50cztcbmNvbnN0IGJhbm5lclZhcmlhbnRzID0ge1xuICBuYXZ5OiAnbmF2eScsXG4gIHllbGxvdzogJ3llbGxvdycsXG4gIHN1YnRsZTogJ2JhY2tncm91bmQtaG92ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgaXNBbGxvd2VkVmFyaWFudCA9IChcbiAgdmFyaWFudDogc3RyaW5nIHwgdW5kZWZpbmVkIHwgbnVsbFxuKTogdmFyaWFudCBpcyBCYW5uZXJWYXJpYW50ID0+XG4gIE9iamVjdC5rZXlzKGJhbm5lclZhcmlhbnRzKS5pbmNsdWRlcyh2YXJpYW50IGFzIEJhbm5lclZhcmlhbnQpO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lclByb3BzXG4gIGV4dGVuZHMgT21pdDxCYWNrZ3JvdW5kUHJvcHMsICdiZycgfCAnY29udGFpbmVyVHlwZSc+IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZSB8IHN0cmluZztcbiAgLyoqIFZpc3VhbCB2YXJpYXRpb24gZm9yIGJhbm5lcnMsIGRlZmF1bHRzIHRvIG5hdnkgKi9cbiAgdmFyaWFudD86IEJhbm5lclZhcmlhbnQgfCBudWxsO1xuICAvKiogIENhbGxiYWNrIGNhbGxlZCB3aGVuIHRoZSB1c2VyIGNsb3NlcyB0aGUgYmFubmVyLiAqL1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgLyoqIENhbGwgdG8gYWN0aW9uIGNsaWNrIGNhbGxiYWNrICovXG4gIG9uQ3RhQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBjdGFBcmlhTGFiZWw/OiBzdHJpbmc7XG59XG5cbmNvbnN0IGJhbm5lclN0eWxlcyA9IHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgcDogNCxcbiAgZGlzcGxheTogJ2dyaWQnLFxuICBncmlkVGVtcGxhdGVDb2x1bW5zOiAnMnJlbSBtaW5tYXgoMCwgMWZyKSAycmVtJyxcbiAgZ3JpZFRlbXBsYXRlQXJlYXM6IFwiJ2VtcHR5IGNvbnRlbnQgY2xvc2UnXCIsXG4gIGNvbHVtbkdhcDogOCxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBCYW5uZXJDb250YWluZXJCYWNrZ3JvdW5kID0gc3R5bGVkKEJhY2tncm91bmQpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgQmFubmVyQ29udGFpbmVyQm94ID0gc3R5bGVkKEJveCkoY3NzKGJhbm5lclN0eWxlcykpO1xuXG5jb25zdCBCYW5uZXJNYXJrZG93biA9IHN0eWxlZChNYXJrZG93bikoY3NzKHsgZm9udFNpemU6ICdpbmhlcml0JyB9KSk7XG5cbmNvbnN0IGJpbmRCYW5uZXJBbmNob3IgPSAoXG4gIG9uQ3RhQ2xpY2s/OiBCYW5uZXJQcm9wc1snb25DdGFDbGljayddLFxuICBjdGFBcmlhTGFiZWw/OiBzdHJpbmdcbikgPT4gKHtcbiAgYWxsb3dlZEF0dHJpYnV0ZXM6IFsnaHJlZicsICd0YXJnZXQnXSxcbiAgY29tcG9uZW50OiBUZXh0QnV0dG9uLFxuICBwcm9jZXNzTm9kZTogKF9ub2RlOiB1bmtub3duLCBwcm9wczogeyBvbkNsaWNrPzogKCkgPT4gdm9pZCB9KSA9PiAoXG4gICAgPFRleHRCdXR0b25cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgb25DdGFDbGljaz8uKCk7XG4gICAgICAgIHByb3BzPy5vbkNsaWNrPy4oKTtcbiAgICAgIH19XG4gICAgICBteD17NH1cbiAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICB0YXJnZXQ9XCJfQkxBTktcIlxuICAgICAgYXJpYS1sYWJlbD17Y3RhQXJpYUxhYmVsfVxuICAgICAgZGlzcGxheT17eyBfOiAnYmxvY2snLCB4czogJ2lubGluZS1mbGV4JyB9fVxuICAgIC8+XG4gICksXG59KTtcblxuZXhwb3J0IGNvbnN0IEJhbm5lcjogUmVhY3QuRkM8QmFubmVyUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGN0YUFyaWFMYWJlbCxcbiAgdmFyaWFudCA9ICduYXZ5JyxcbiAgb25DdGFDbGljayxcbiAgb25DbG9zZSxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBvdmVycmlkZXMgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBhOiBiaW5kQmFubmVyQW5jaG9yKG9uQ3RhQ2xpY2ssIGN0YUFyaWFMYWJlbCksXG4gICAgfSksXG4gICAgW29uQ3RhQ2xpY2ssIGN0YUFyaWFMYWJlbF1cbiAgKTtcblxuICAvLyBDb250ZW50ZnVsIGlzIHVuYWJsZSB0byBwcm9ncmFtbWF0aWNhbGx5IGNvbW11bmljYXRlIHdoYXQgdmFsdWVzIGl0IGRvZXMvZG9lc24ndCBhbGxvdyBpbiB0aGVzZSBraW5kcyBvZiBmaWVsZHMsXG4gIC8vIHdoaWNoIG1ha2VzIGl0IGRpZmZpY3VsdCBmb3IgdXMgdG8gZW5zdXJlIHRoZSBDb250ZW50ZnVsIGNvbmZpZ3VyYXRpb24gaGFzbid0IGRpdmVyZ2VkIGZyb20gR2FtdXQgcmVzdHJpY3Rpb25zLlxuICBjb25zdCBzYWZlVmFyaWFudDogQmFubmVyVmFyaWFudCA9IGlzQWxsb3dlZFZhcmlhbnQodmFyaWFudClcbiAgICA/IHZhcmlhbnRcbiAgICA6ICduYXZ5JztcblxuICBjb25zdCBCYW5uZXJDb250YWluZXIgPVxuICAgIHNhZmVWYXJpYW50ID09PSAnc3VidGxlJyA/IEJhbm5lckNvbnRhaW5lckJveCA6IEJhbm5lckNvbnRhaW5lckJhY2tncm91bmQ7XG5cbiAgcmV0dXJuIChcbiAgICA8QmFubmVyQ29udGFpbmVyIHsuLi5yZXN0fSBiZz17YmFubmVyVmFyaWFudHNbc2FmZVZhcmlhbnRdfT5cbiAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjb250ZW50XCIgZm9udFNpemU9XCJpbmhlcml0XCI+XG4gICAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgIDxCYW5uZXJNYXJrZG93blxuICAgICAgICAgICAgb3ZlcnJpZGVzPXtvdmVycmlkZXN9XG4gICAgICAgICAgICB0ZXh0PXtjaGlsZHJlbn1cbiAgICAgICAgICAgIHNraXBEZWZhdWx0T3ZlcnJpZGVzPXt7IGE6IHRydWUgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICA8L0JveD5cbiAgICAgIHtvbkNsb3NlICYmIChcbiAgICAgICAgPEJveCBncmlkQXJlYT1cImNsb3NlXCIgYWxpZ25TZWxmPVwic3RhcnRcIj5cbiAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgaWNvbj17TWluaURlbGV0ZUljb259XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsb3NlfVxuICAgICAgICAgICAgdGlwPVwiQ2xvc2UgYmFubmVyXCJcbiAgICAgICAgICAgIHRpcFByb3BzPXt7IGFsaWdubWVudDogJ2JvdHRvbS1jZW50ZXInLCBwbGFjZW1lbnQ6ICdmbG9hdGluZycgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9CYW5uZXJDb250YWluZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDdUIifQ== */");
 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'
-    }
-  })
+	allowedAttributes: ["href", "target"],
+	component: TextButton,
+	processNode: (_node, props) => /* @__PURE__ */ React$1.createElement(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]);
+const Banner = ({ children, ctaAriaLabel, variant = "navy", onCtaClick, onClose, ...rest }) => {
+	const overrides = useMemo(() => ({ a: bindBannerAnchor(onCtaClick, ctaAriaLabel) }), [onCtaClick, ctaAriaLabel]);
+	const safeVariant = isAllowedVariant(variant) ? variant : "navy";
+	const BannerContainer = safeVariant === "subtle" ? BannerContainerBox : BannerContainerBackground;
+	return /* @__PURE__ */ React$1.createElement(BannerContainer, {
+		...rest,
+		bg: bannerVariants[safeVariant]
+	}, /* @__PURE__ */ React$1.createElement(Box, {
+		gridArea: "content",
+		fontSize: "inherit"
+	}, typeof children === "string" ? /* @__PURE__ */ React$1.createElement(BannerMarkdown, {
+		overrides,
+		text: children,
+		skipDefaultOverrides: { a: true }
+	}) : children), onClose && /* @__PURE__ */ React$1.createElement(Box, {
+		gridArea: "close",
+		alignSelf: "start"
+	}, /* @__PURE__ */ React$1.createElement(IconButton, {
+		variant: "secondary",
+		size: "small",
+		icon: MiniDeleteIcon,
+		onClick: onClose,
+		tip: "Close banner",
+		tipProps: {
+			alignment: "bottom-center",
+			placement: "floating"
+		}
+	})));
+};
 
-  // 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'
-        }
-      })
-    })]
-  });
-};
+//#endregion
+export { Banner };
+//# sourceMappingURL=index.js.map

package/dist/Banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Box","IconButton","Markdown","TextButton","MiniDeleteIcon","Background","css","styled","useMemo","React","bannerVariants","navy","yellow","subtle","isAllowedVariant","variant","Object","keys","includes","bannerStyles","width","p","display","gridTemplateColumns","gridTemplateAreas","columnGap","alignItems","textAlign","BannerContainerBackground","BannerContainerBox","BannerMarkdown","fontSize","bindBannerAnchor","onCtaClick","ctaAriaLabel","allowedAttributes","component","processNode","_node","props","onClick","mx","size","target","aria-label","_","xs","Banner","children","onClose","rest","overrides","a","safeVariant","BannerContainer","bg","gridArea","text","skipDefaultOverrides","alignSelf","icon","tip","tipProps","alignment","placement"],"sources":["../../src/Banner/index.tsx"],"sourcesContent":["import { Box, IconButton, Markdown, TextButton } from '@codecademy/gamut';\nimport { MiniDeleteIcon } from '@codecademy/gamut-icons';\nimport { Background, BackgroundProps, css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { ReactNode, useMemo } from 'react';\nimport * as React from 'react';\n\nexport type BannerVariant = keyof typeof bannerVariants;\nconst bannerVariants = {\n  navy: 'navy',\n  yellow: 'yellow',\n  subtle: 'background-hover',\n} as const;\n\nconst isAllowedVariant = (\n  variant: string | undefined | null\n): variant is BannerVariant =>\n  Object.keys(bannerVariants).includes(variant as BannerVariant);\n\nexport interface BannerProps\n  extends Omit<BackgroundProps, 'bg' | 'containerType'> {\n  children: ReactNode | string;\n  /** Visual variation for banners, defaults to navy */\n  variant?: BannerVariant | null;\n  /**  Callback called when the user closes the banner. */\n  onClose?: () => void;\n  /** Call to action click callback */\n  onCtaClick?: () => void;\n  ctaAriaLabel?: string;\n}\n\nconst bannerStyles = {\n  width: '100%',\n  p: 4,\n  display: 'grid',\n  gridTemplateColumns: '2rem minmax(0, 1fr) 2rem',\n  gridTemplateAreas: \"'empty content close'\",\n  columnGap: 8,\n  alignItems: 'center',\n  textAlign: 'center',\n} as const;\n\nconst BannerContainerBackground = styled(Background)(css(bannerStyles));\n\nconst BannerContainerBox = styled(Box)(css(bannerStyles));\n\nconst BannerMarkdown = styled(Markdown)(css({ fontSize: 'inherit' }));\n\nconst bindBannerAnchor = (\n  onCtaClick?: BannerProps['onCtaClick'],\n  ctaAriaLabel?: string\n) => ({\n  allowedAttributes: ['href', 'target'],\n  component: TextButton,\n  processNode: (_node: unknown, props: { onClick?: () => void }) => (\n    <TextButton\n      {...props}\n      onClick={() => {\n        onCtaClick?.();\n        props?.onClick?.();\n      }}\n      mx={4}\n      size=\"small\"\n      target=\"_BLANK\"\n      aria-label={ctaAriaLabel}\n      display={{ _: 'block', xs: 'inline-flex' }}\n    />\n  ),\n});\n\nexport const Banner: React.FC<BannerProps> = ({\n  children,\n  ctaAriaLabel,\n  variant = 'navy',\n  onCtaClick,\n  onClose,\n  ...rest\n}) => {\n  const overrides = useMemo(\n    () => ({\n      a: bindBannerAnchor(onCtaClick, ctaAriaLabel),\n    }),\n    [onCtaClick, ctaAriaLabel]\n  );\n\n  // Contentful is unable to programmatically communicate what values it does/doesn't allow in these kinds of fields,\n  // which makes it difficult for us to ensure the Contentful configuration hasn't diverged from Gamut restrictions.\n  const safeVariant: BannerVariant = isAllowedVariant(variant)\n    ? variant\n    : 'navy';\n\n  const BannerContainer =\n    safeVariant === 'subtle' ? BannerContainerBox : BannerContainerBackground;\n\n  return (\n    <BannerContainer {...rest} bg={bannerVariants[safeVariant]}>\n      <Box gridArea=\"content\" fontSize=\"inherit\">\n        {typeof children === 'string' ? (\n          <BannerMarkdown\n            overrides={overrides}\n            text={children}\n            skipDefaultOverrides={{ a: true }}\n          />\n        ) : (\n          children\n        )}\n      </Box>\n      {onClose && (\n        <Box gridArea=\"close\" alignSelf=\"start\">\n          <IconButton\n            variant=\"secondary\"\n            size=\"small\"\n            icon={MiniDeleteIcon}\n            onClick={onClose}\n            tip=\"Close banner\"\n            tipProps={{ alignment: 'bottom-center', placement: 'floating' }}\n          />\n        </Box>\n      )}\n    </BannerContainer>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,MAAMU,iBAAiB;CACrBC,MAAM;CACNC,QAAQ;CACRC,QAAQ;CACV;AAEA,MAAMC,oBACJC,YAEAC,OAAOC,KAAKP,eAAAA,CAAgBQ,SAASH,QAAAA;AAcvC,MAAMI,eAAe;CACnBC,OAAO;CACPC,GAAG;CACHC,SAAS;CACTC,qBAAqB;CACrBC,mBAAmB;CACnBC,WAAW;CACXC,YAAY;CACZC,WAAW;CACb;AAEA,MAAMC,4BAA4BrB,uBAAOF,YAAAA;;;GAAYC,IAAIa,aAAAA,EAAAA,0iKAAAA;AAEzD,MAAMU,qBAAqBtB,uBAAOP,KAAAA;;;GAAKM,IAAIa,aAAAA,EAAAA,0iKAAAA;AAE3C,MAAMW,iBAAiBvB,uBAAOL,UAAAA;;;GAAUI,IAAI,EAAEyB,UAAU,WAAU,CAAA,EAAA,0iKAAA;AAElE,MAAMC,oBACJC,YACAC,kBACI;CACJC,mBAAmB,CAAC,QAAQ,SAAS;CACrCC,WAAWjC;CACXkC,cAAcC,OAAgBC,UAC5B,wBAAA,cAACpC,YAAAA;EACE,GAAGoC;EACJC,eAAS;AACPP,iBAAAA;AACAM,UAAOC,WAAAA;;EAETC,IAAI;EACJC,MAAK;EACLC,QAAO;EACPC,cAAYV;EACZZ,SAAS;GAAEuB,GAAG;GAASC,IAAI;GAAc;;CAG/C;AAEA,MAAaC,UAAiC,EAC5CC,UACAd,cACAnB,UAAU,QACVkB,YACAgB,SACA,GAAGC,WACJ;CACC,MAAMC,YAAY3C,eACT,EACL4C,GAAGpB,iBAAiBC,YAAYC,aAAAA,EAClC,GACA,CAACD,YAAYC,aAAa,CAAA;CAK5B,MAAMmB,cAA6BvC,iBAAiBC,QAAAA,GAChDA,UACA;CAEJ,MAAMuC,kBACJD,gBAAgB,WAAWxB,qBAAqBD;AAElD,QACE,wBAAA,cAAC0B,iBAAAA;EAAiB,GAAGJ;EAAMK,IAAI7C,eAAe2C;IAC5C,wBAAA,cAACrD,KAAAA;EAAIwD,UAAS;EAAUzB,UAAS;IAC9B,OAAOiB,aAAa,WACnB,wBAAA,cAAClB,gBAAAA;EACYqB;EACXM,MAAMT;EACNU,sBAAsB,EAAEN,GAAG,MAAK;MAGlCJ,SAAAA,EAGHC,WACC,wBAAA,cAACjD,KAAAA;EAAIwD,UAAS;EAAQG,WAAU;IAC9B,wBAAA,cAAC1D,YAAAA;EACCc,SAAQ;EACR2B,MAAK;EACLkB,MAAMxD;EACNoC,SAASS;EACTY,KAAI;EACJC,UAAU;GAAEC,WAAW;GAAiBC,WAAW;GAAW"}

package/dist/BetaSticker/index.cjs

@@ -0,0 +1,58 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/BetaSticker/index.tsx
+const BetaStickerContainer = /* @__PURE__ */ (0, _emotion_styled.default)("svg", {
+	target: "e5x5dav0",
+	label: "brand-BetaStickerContainer"
+})((0, _codecademy_gamut_styles.variant)({
+	defaultVariant: "normal",
+	base: { lineHeight: 0 },
+	variants: {
+		small: {
+			height: 16,
+			width: 32
+		},
+		normal: {
+			height: 26,
+			width: 52
+		},
+		medium: {
+			height: 22,
+			width: 42
+		}
+	}
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0JldGFTdGlja2VyL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0JldGFTdGlja2VyL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgQmV0YVN0aWNrZXJDb250YWluZXIgPSBzdHlsZWQuc3ZnKFxuICB2YXJpYW50KHtcbiAgICBkZWZhdWx0VmFyaWFudDogJ25vcm1hbCcsXG4gICAgYmFzZToge1xuICAgICAgbGluZUhlaWdodDogMCxcbiAgICB9LFxuICAgIHZhcmlhbnRzOiB7XG4gICAgICBzbWFsbDoge1xuICAgICAgICBoZWlnaHQ6IDE2LFxuICAgICAgICB3aWR0aDogMzIsXG4gICAgICB9LFxuICAgICAgbm9ybWFsOiB7XG4gICAgICAgIGhlaWdodDogMjYsXG4gICAgICAgIHdpZHRoOiA1MixcbiAgICAgIH0sXG4gICAgICBtZWRpdW06IHtcbiAgICAgICAgaGVpZ2h0OiAyMixcbiAgICAgICAgd2lkdGg6IDQyLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxudHlwZSBCZXRhU3RpY2tlclByb3BzID0ge1xuICBzaXplPzogJ25vcm1hbCcgfCAnc21hbGwnIHwgJ21lZGl1bSc7XG59O1xuXG5leHBvcnQgY29uc3QgQmV0YVN0aWNrZXI6IFJlYWN0LkZDPEJldGFTdGlja2VyUHJvcHM+ID0gKHtcbiAgc2l6ZSA9ICdub3JtYWwnLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxCZXRhU3RpY2tlckNvbnRhaW5lclxuICAgICAgdmFyaWFudD17c2l6ZX1cbiAgICAgIHZpZXdCb3g9XCIwIDAgNTIgMjdcIlxuICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgPlxuICAgICAgPHRpdGxlPkJldGE8L3RpdGxlPlxuICAgICAgPHBhdGhcbiAgICAgICAgZmlsbFJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgY2xpcFJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgZD1cIk0yIDAuNUgwVjI0LjVWMjYuNUgySDUyVjI0LjVIMlYwLjVaXCJcbiAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAvPlxuICAgICAgPHBhdGhcbiAgICAgICAgZD1cIk04IDE5LjFIMTEuNzkyQzE0LjI1NiAxOS4xIDE1LjkzNiAxOC4wOTIgMTUuOTM2IDE1LjVDMTUuOTM2IDE0LjA5MiAxNS4yMzIgMTMuMjkyIDE0LjI4OCAxMi44NzZDMTUuMDU2IDEyLjM0OCAxNS41MzYgMTEuNDg0IDE1LjUzNiAxMC40OTJDMTUuNTM2IDguMDc2IDEzLjg0IDcuNSAxMS42IDcuNUg4VjE5LjFaTTEwLjQgMTIuMjY4VjkuNDUySDExLjU2OEMxMi41NDQgOS40NTIgMTMuMDI0IDkuOTMyIDEzLjAyNCAxMC44NkMxMy4wMjQgMTEuNzg4IDEyLjU0NCAxMi4yNjggMTEuNTY4IDEyLjI2OEgxMC40Wk0xMy4zOTIgMTUuNThDMTMuMzkyIDE2LjYwNCAxMi44OCAxNy4xMTYgMTEuNjk2IDE3LjExNkgxMC40VjE0LjAyOEgxMS42OTZDMTIuODggMTQuMDI4IDEzLjM5MiAxNC41NCAxMy4zOTIgMTUuNThaXCJcbiAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAvPlxuICAgICAgPHBhdGhcbiAgICAgICAgZD1cIk0xOC41Njc3IDE5LjFIMjUuNTkxN1YxNy4wMzZIMjAuOTY3N1YxNC4yMDRIMjUuMjcxN1YxMi4xNEgyMC45Njc3VjkuNTY0SDI1LjU5MTdWNy41SDE4LjU2NzdWMTkuMVpcIlxuICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgIC8+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTMxLjE2NzUgMTkuMUgzMy41Njc1VjkuNTY0SDM2Ljg0NzVWNy41SDI3Ljg4NzVWOS41NjRIMzEuMTY3NVYxOS4xWlwiXG4gICAgICAgIGZpbGw9XCJjdXJyZW50Q29sb3JcIlxuICAgICAgLz5cbiAgICAgIDxwYXRoXG4gICAgICAgIGQ9XCJNMzguMjMxMiAxOS4xSDQwLjc5MTNMNDEuMzE5MyAxNi42ODRINDQuMDM5M0w0NC41NjczIDE5LjFINDcuMTkxM0w0NC4xOTkyIDcuNUg0MS4yMDczTDM4LjIzMTIgMTkuMVpNNDIuNjk1MyAxMC41NTZMNDMuNjIzMyAxNC44MTJINDEuNzM1M0w0Mi42OTUzIDEwLjU1NlpcIlxuICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgIC8+XG4gICAgPC9CZXRhU3RpY2tlckNvbnRhaW5lcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTZCIn0= */");
+const BetaSticker = ({ size = "normal" }) => {
+	return /* @__PURE__ */ react.createElement(BetaStickerContainer, {
+		variant: size,
+		viewBox: "0 0 52 27",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg"
+	}, /* @__PURE__ */ react.createElement("title", null, "Beta"), /* @__PURE__ */ react.createElement("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M2 0.5H0V24.5V26.5H2H52V24.5H2V0.5Z",
+		fill: "currentColor"
+	}), /* @__PURE__ */ react.createElement("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__ */ react.createElement("path", {
+		d: "M18.5677 19.1H25.5917V17.036H20.9677V14.204H25.2717V12.14H20.9677V9.564H25.5917V7.5H18.5677V19.1Z",
+		fill: "currentColor"
+	}), /* @__PURE__ */ react.createElement("path", {
+		d: "M31.1675 19.1H33.5675V9.564H36.8475V7.5H27.8875V9.564H31.1675V19.1Z",
+		fill: "currentColor"
+	}), /* @__PURE__ */ react.createElement("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"
+	}));
+};
+
+//#endregion
+exports.BetaSticker = BetaSticker;
+//# sourceMappingURL=index.cjs.map

package/dist/BetaSticker/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["variant","styled","React","BetaStickerContainer","defaultVariant","base","lineHeight","variants","small","height","width","normal","medium","BetaSticker","size","viewBox","fill","xmlns","title","path","fillRule","clipRule","d"],"sources":["../../src/BetaSticker/index.tsx"],"sourcesContent":["import { variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nconst BetaStickerContainer = styled.svg(\n  variant({\n    defaultVariant: 'normal',\n    base: {\n      lineHeight: 0,\n    },\n    variants: {\n      small: {\n        height: 16,\n        width: 32,\n      },\n      normal: {\n        height: 26,\n        width: 52,\n      },\n      medium: {\n        height: 22,\n        width: 42,\n      },\n    },\n  })\n);\n\ntype BetaStickerProps = {\n  size?: 'normal' | 'small' | 'medium';\n};\n\nexport const BetaSticker: React.FC<BetaStickerProps> = ({\n  size = 'normal',\n}) => {\n  return (\n    <BetaStickerContainer\n      variant={size}\n      viewBox=\"0 0 52 27\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title>Beta</title>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M2 0.5H0V24.5V26.5H2H52V24.5H2V0.5Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        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\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M18.5677 19.1H25.5917V17.036H20.9677V14.204H25.2717V12.14H20.9677V9.564H25.5917V7.5H18.5677V19.1Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M31.1675 19.1H33.5675V9.564H36.8475V7.5H27.8875V9.564H31.1675V19.1Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        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\"\n        fill=\"currentColor\"\n      />\n    </BetaStickerContainer>\n  );\n};\n"],"mappings":";;;;;;;;AAIA,MAAMG,uBAAuBF,6CAAAA,OAAAA;;;yCACnB;CACNG,gBAAgB;CAChBC,MAAM,EACJC,YAAY,GACd;CACAC,UAAU;EACRC,OAAO;GACLC,QAAQ;GACRC,OAAO;GACT;EACAC,QAAQ;GACNF,QAAQ;GACRC,OAAO;GACT;EACAE,QAAQ;GACNH,QAAQ;GACRC,OAAO;GACT;EACF;CACF,CAAA,EAAA,8hGAAA;AAOF,MAAaG,eAA2C,EACtDC,OAAO,eACR;AACC,QACE,sBAAA,cAACX,sBAAAA;EACCH,SAASc;EACTC,SAAQ;EACRC,MAAK;EACLC,OAAM;IAEN,sBAAA,cAACC,SAAAA,MAAM,OAAA,EACP,sBAAA,cAACC,QAAAA;EACCC,UAAS;EACTC,UAAS;EACTC,GAAE;EACFN,MAAK;KAEP,sBAAA,cAACG,QAAAA;EACCG,GAAE;EACFN,MAAK;KAEP,sBAAA,cAACG,QAAAA;EACCG,GAAE;EACFN,MAAK;KAEP,sBAAA,cAACG,QAAAA;EACCG,GAAE;EACFN,MAAK;KAEP,sBAAA,cAACG,QAAAA;EACCG,GAAE;EACFN,MAAK"}

package/dist/BetaSticker/index.d.cts

@@ -0,0 +1,10 @@
+import * as React$1 from "react";
+
+//#region src/BetaSticker/index.d.ts
+type BetaStickerProps = {
+  size?: 'normal' | 'small' | 'medium';
+};
+declare const BetaSticker: React$1.FC<BetaStickerProps>;
+//#endregion
+export { BetaSticker };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/BetaSticker/index.tsx"],"mappings":";;;KA2BK,gBAAA;EACH,IAAA;AAAA;AAAA,cAGW,WAAA,EAAa,OAAA,CAAM,EAAA,CAAG,gBAAA"}

package/dist/BetaSticker/index.d.ts

@@ -1,6 +1,10 @@
-import * as React from 'react';
+import * as React$1 from "react";
+
+//#region src/BetaSticker/index.d.ts
 type BetaStickerProps = {
-    size?: 'normal' | 'small' | 'medium';
+  size?: 'normal' | 'small' | 'medium';
 };
-export declare const BetaSticker: React.FC<BetaStickerProps>;
-export {};
+declare const BetaSticker: React$1.FC<BetaStickerProps>;
+//#endregion
+export { BetaSticker };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/BetaSticker/index.tsx"],"mappings":";;;KA2BK,gBAAA;EACH,IAAA;AAAA;AAAA,cAGW,WAAA,EAAa,OAAA,CAAM,EAAA,CAAG,gBAAA"}

package/dist/BetaSticker/index.js

@@ -1,57 +1,55 @@
-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"
+import { variant } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import * as React$1 from "react";
+
+//#region src/BetaSticker/index.tsx
+const BetaStickerContainer = /* @__PURE__ */ styled("svg", {
+	target: "e5x5dav0",
+	label: "brand-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"
-    })]
-  });
-};
+	defaultVariant: "normal",
+	base: { lineHeight: 0 },
+	variants: {
+		small: {
+			height: 16,
+			width: 32
+		},
+		normal: {
+			height: 26,
+			width: 52
+		},
+		medium: {
+			height: 22,
+			width: 42
+		}
+	}
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0JldGFTdGlja2VyL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0JldGFTdGlja2VyL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgQmV0YVN0aWNrZXJDb250YWluZXIgPSBzdHlsZWQuc3ZnKFxuICB2YXJpYW50KHtcbiAgICBkZWZhdWx0VmFyaWFudDogJ25vcm1hbCcsXG4gICAgYmFzZToge1xuICAgICAgbGluZUhlaWdodDogMCxcbiAgICB9LFxuICAgIHZhcmlhbnRzOiB7XG4gICAgICBzbWFsbDoge1xuICAgICAgICBoZWlnaHQ6IDE2LFxuICAgICAgICB3aWR0aDogMzIsXG4gICAgICB9LFxuICAgICAgbm9ybWFsOiB7XG4gICAgICAgIGhlaWdodDogMjYsXG4gICAgICAgIHdpZHRoOiA1MixcbiAgICAgIH0sXG4gICAgICBtZWRpdW06IHtcbiAgICAgICAgaGVpZ2h0OiAyMixcbiAgICAgICAgd2lkdGg6IDQyLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxudHlwZSBCZXRhU3RpY2tlclByb3BzID0ge1xuICBzaXplPzogJ25vcm1hbCcgfCAnc21hbGwnIHwgJ21lZGl1bSc7XG59O1xuXG5leHBvcnQgY29uc3QgQmV0YVN0aWNrZXI6IFJlYWN0LkZDPEJldGFTdGlja2VyUHJvcHM+ID0gKHtcbiAgc2l6ZSA9ICdub3JtYWwnLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxCZXRhU3RpY2tlckNvbnRhaW5lclxuICAgICAgdmFyaWFudD17c2l6ZX1cbiAgICAgIHZpZXdCb3g9XCIwIDAgNTIgMjdcIlxuICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgPlxuICAgICAgPHRpdGxlPkJldGE8L3RpdGxlPlxuICAgICAgPHBhdGhcbiAgICAgICAgZmlsbFJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgY2xpcFJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgZD1cIk0yIDAuNUgwVjI0LjVWMjYuNUgySDUyVjI0LjVIMlYwLjVaXCJcbiAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAvPlxuICAgICAgPHBhdGhcbiAgICAgICAgZD1cIk04IDE5LjFIMTEuNzkyQzE0LjI1NiAxOS4xIDE1LjkzNiAxOC4wOTIgMTUuOTM2IDE1LjVDMTUuOTM2IDE0LjA5MiAxNS4yMzIgMTMuMjkyIDE0LjI4OCAxMi44NzZDMTUuMDU2IDEyLjM0OCAxNS41MzYgMTEuNDg0IDE1LjUzNiAxMC40OTJDMTUuNTM2IDguMDc2IDEzLjg0IDcuNSAxMS42IDcuNUg4VjE5LjFaTTEwLjQgMTIuMjY4VjkuNDUySDExLjU2OEMxMi41NDQgOS40NTIgMTMuMDI0IDkuOTMyIDEzLjAyNCAxMC44NkMxMy4wMjQgMTEuNzg4IDEyLjU0NCAxMi4yNjggMTEuNTY4IDEyLjI2OEgxMC40Wk0xMy4zOTIgMTUuNThDMTMuMzkyIDE2LjYwNCAxMi44OCAxNy4xMTYgMTEuNjk2IDE3LjExNkgxMC40VjE0LjAyOEgxMS42OTZDMTIuODggMTQuMDI4IDEzLjM5MiAxNC41NCAxMy4zOTIgMTUuNThaXCJcbiAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAvPlxuICAgICAgPHBhdGhcbiAgICAgICAgZD1cIk0xOC41Njc3IDE5LjFIMjUuNTkxN1YxNy4wMzZIMjAuOTY3N1YxNC4yMDRIMjUuMjcxN1YxMi4xNEgyMC45Njc3VjkuNTY0SDI1LjU5MTdWNy41SDE4LjU2NzdWMTkuMVpcIlxuICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgIC8+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTMxLjE2NzUgMTkuMUgzMy41Njc1VjkuNTY0SDM2Ljg0NzVWNy41SDI3Ljg4NzVWOS41NjRIMzEuMTY3NVYxOS4xWlwiXG4gICAgICAgIGZpbGw9XCJjdXJyZW50Q29sb3JcIlxuICAgICAgLz5cbiAgICAgIDxwYXRoXG4gICAgICAgIGQ9XCJNMzguMjMxMiAxOS4xSDQwLjc5MTNMNDEuMzE5MyAxNi42ODRINDQuMDM5M0w0NC41NjczIDE5LjFINDcuMTkxM0w0NC4xOTkyIDcuNUg0MS4yMDczTDM4LjIzMTIgMTkuMVpNNDIuNjk1MyAxMC41NTZMNDMuNjIzMyAxNC44MTJINDEuNzM1M0w0Mi42OTUzIDEwLjU1NlpcIlxuICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgIC8+XG4gICAgPC9CZXRhU3RpY2tlckNvbnRhaW5lcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTZCIn0= */");
+const BetaSticker = ({ size = "normal" }) => {
+	return /* @__PURE__ */ React$1.createElement(BetaStickerContainer, {
+		variant: size,
+		viewBox: "0 0 52 27",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg"
+	}, /* @__PURE__ */ React$1.createElement("title", null, "Beta"), /* @__PURE__ */ React$1.createElement("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M2 0.5H0V24.5V26.5H2H52V24.5H2V0.5Z",
+		fill: "currentColor"
+	}), /* @__PURE__ */ React$1.createElement("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__ */ React$1.createElement("path", {
+		d: "M18.5677 19.1H25.5917V17.036H20.9677V14.204H25.2717V12.14H20.9677V9.564H25.5917V7.5H18.5677V19.1Z",
+		fill: "currentColor"
+	}), /* @__PURE__ */ React$1.createElement("path", {
+		d: "M31.1675 19.1H33.5675V9.564H36.8475V7.5H27.8875V9.564H31.1675V19.1Z",
+		fill: "currentColor"
+	}), /* @__PURE__ */ React$1.createElement("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"
+	}));
+};
+
+//#endregion
+export { BetaSticker };
+//# sourceMappingURL=index.js.map

package/dist/BetaSticker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["variant","styled","React","BetaStickerContainer","defaultVariant","base","lineHeight","variants","small","height","width","normal","medium","BetaSticker","size","viewBox","fill","xmlns","title","path","fillRule","clipRule","d"],"sources":["../../src/BetaSticker/index.tsx"],"sourcesContent":["import { variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nconst BetaStickerContainer = styled.svg(\n  variant({\n    defaultVariant: 'normal',\n    base: {\n      lineHeight: 0,\n    },\n    variants: {\n      small: {\n        height: 16,\n        width: 32,\n      },\n      normal: {\n        height: 26,\n        width: 52,\n      },\n      medium: {\n        height: 22,\n        width: 42,\n      },\n    },\n  })\n);\n\ntype BetaStickerProps = {\n  size?: 'normal' | 'small' | 'medium';\n};\n\nexport const BetaSticker: React.FC<BetaStickerProps> = ({\n  size = 'normal',\n}) => {\n  return (\n    <BetaStickerContainer\n      variant={size}\n      viewBox=\"0 0 52 27\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title>Beta</title>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M2 0.5H0V24.5V26.5H2H52V24.5H2V0.5Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        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\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M18.5677 19.1H25.5917V17.036H20.9677V14.204H25.2717V12.14H20.9677V9.564H25.5917V7.5H18.5677V19.1Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M31.1675 19.1H33.5675V9.564H36.8475V7.5H27.8875V9.564H31.1675V19.1Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        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\"\n        fill=\"currentColor\"\n      />\n    </BetaStickerContainer>\n  );\n};\n"],"mappings":";;;;;AAIA,MAAMG,uBAAuBF,uBAAAA,OAAAA;;;GAC3BD,QAAQ;CACNI,gBAAgB;CAChBC,MAAM,EACJC,YAAY,GACd;CACAC,UAAU;EACRC,OAAO;GACLC,QAAQ;GACRC,OAAO;GACT;EACAC,QAAQ;GACNF,QAAQ;GACRC,OAAO;GACT;EACAE,QAAQ;GACNH,QAAQ;GACRC,OAAO;GACT;EACF;CACF,CAAA,EAAA,8hGAAA;AAOF,MAAaG,eAA2C,EACtDC,OAAO,eACR;AACC,QACE,wBAAA,cAACX,sBAAAA;EACCH,SAASc;EACTC,SAAQ;EACRC,MAAK;EACLC,OAAM;IAEN,wBAAA,cAACC,SAAAA,MAAM,OAAA,EACP,wBAAA,cAACC,QAAAA;EACCC,UAAS;EACTC,UAAS;EACTC,GAAE;EACFN,MAAK;KAEP,wBAAA,cAACG,QAAAA;EACCG,GAAE;EACFN,MAAK;KAEP,wBAAA,cAACG,QAAAA;EACCG,GAAE;EACFN,MAAK;KAEP,wBAAA,cAACG,QAAAA;EACCG,GAAE;EACFN,MAAK;KAEP,wBAAA,cAACG,QAAAA;EACCG,GAAE;EACFN,MAAK"}

package/dist/CareerPathCard/index.cjs

@@ -0,0 +1,33 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_helpers = require('../ContentGroupBaseCard/helpers.cjs');
+const require_shared = require('../ContentGroupBaseCard/shared.cjs');
+const require_index = require('../ContentGroupBaseCard/index.cjs');
+let react = require("react");
+
+//#region src/CareerPathCard/index.tsx
+const CareerPathCard = /* @__PURE__ */ (0, react.forwardRef)(({ imageUrl, courseCount, shortDescription, difficulty, enrollmentStatus, lessonCount, title, isFullSize, hasCareerJourney, headingLevel = "h3", timeToComplete, header, footer, openInNewTab = false, href, onClick }, ref) => {
+	return /* @__PURE__ */ React.createElement(require_index.ContentGroupBaseCard, {
+		headerBackgroundColor: "navy",
+		headerText: "Career path",
+		title,
+		headingLevel,
+		description: shortDescription,
+		difficulty,
+		numLessons: lessonCount,
+		shadow: "outline",
+		imageSrc: require_helpers.getPathImageUrl(enrollmentStatus, imageUrl),
+		isFullSize,
+		enrollmentStatus,
+		timeToComplete,
+		header,
+		footer,
+		href,
+		openInNewTab,
+		onClick,
+		ref
+	}, /* @__PURE__ */ React.createElement(require_shared.CourseCountComponent, { count: courseCount }), /* @__PURE__ */ React.createElement(require_shared.CertificateComponent, { professionalCert: !!hasCareerJourney }));
+});
+
+//#endregion
+exports.CareerPathCard = CareerPathCard;
+//# sourceMappingURL=index.cjs.map

package/dist/CareerPathCard/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["forwardRef","getPathImageUrl","ContentGroupBaseCard","CertificateComponent","CourseCountComponent","CareerPathCard","imageUrl","courseCount","shortDescription","difficulty","enrollmentStatus","lessonCount","title","isFullSize","hasCareerJourney","headingLevel","timeToComplete","header","footer","openInNewTab","href","onClick","ref","headerBackgroundColor","headerText","description","numLessons","shadow","imageSrc","count","professionalCert"],"sources":["../../src/CareerPathCard/index.tsx"],"sourcesContent":["import { HeadingTags } from '@codecademy/gamut';\nimport { forwardRef, PropsWithRef } from 'react';\n\nimport { getPathImageUrl } from '../ContentGroupBaseCard/helpers';\nimport { ContentGroupBaseCard } from '../ContentGroupBaseCard/index';\nimport {\n  CertificateComponent,\n  CourseCountComponent,\n} from '../ContentGroupBaseCard/shared';\nimport {\n  CourseDifficulty,\n  EnrollmentStatus,\n} from '../ContentGroupBaseCard/types';\n\ntype CareerPathCardProps = {\n  title: string;\n  lessonCount: number;\n  enrollmentStatus: EnrollmentStatus;\n  shortDescription?: string | null;\n  difficulty?: CourseDifficulty | null;\n  hasCareerJourney?: boolean;\n  imageUrl: string;\n  courseCount: number;\n  isFullSize?: boolean;\n  headingLevel?: HeadingTags;\n  timeToComplete?: number | null;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  openInNewTab?: boolean;\n  href: string;\n  onClick: () => void;\n};\n\nexport const CareerPathCard = forwardRef<\n  HTMLAnchorElement,\n  PropsWithRef<CareerPathCardProps>\n>(\n  (\n    {\n      imageUrl,\n      courseCount,\n      shortDescription,\n      difficulty,\n      enrollmentStatus,\n      lessonCount,\n      title,\n      isFullSize,\n      hasCareerJourney,\n      headingLevel = 'h3',\n      timeToComplete,\n      header,\n      footer,\n      openInNewTab = false,\n      href,\n      onClick,\n    },\n    ref\n  ) => {\n    return (\n      <ContentGroupBaseCard\n        headerBackgroundColor=\"navy\"\n        headerText=\"Career path\"\n        title={title}\n        headingLevel={headingLevel}\n        description={shortDescription}\n        difficulty={difficulty}\n        numLessons={lessonCount}\n        shadow=\"outline\"\n        imageSrc={getPathImageUrl(enrollmentStatus, imageUrl)}\n        isFullSize={isFullSize}\n        enrollmentStatus={enrollmentStatus}\n        timeToComplete={timeToComplete}\n        header={header}\n        footer={footer}\n        href={href}\n        openInNewTab={openInNewTab}\n        onClick={onClick}\n        ref={ref}\n      >\n        <CourseCountComponent count={courseCount} />\n        <CertificateComponent professionalCert={!!hasCareerJourney} />\n      </ContentGroupBaseCard>\n    );\n  }\n);\n"],"mappings":";;;;;;;AAiCA,MAAaK,iBAAiBL,uCAK1B,EACEM,UACAC,aACAC,kBACAC,YACAC,kBACAC,aACAC,OACAC,YACAC,kBACAC,eAAe,MACfC,gBACAC,QACAC,QACAC,eAAe,OACfC,MACAC,WAEFC,QAAAA;AAEA,QACE,sBAAA,cAACpB,oCAAAA;EACCqB,uBAAsB;EACtBC,YAAW;EACJZ;EACOG;EACdU,aAAajB;EACDC;EACZiB,YAAYf;EACZgB,QAAO;EACPC,UAAU3B,gCAAgBS,kBAAkBJ,SAAAA;EAChCO;EACMH;EACFM;EACRC;EACAC;EACFE;EACQD;EACLE;EACJC;IAEL,sBAAA,cAAClB,qCAAAA,EAAqByB,OAAOtB,gBAC7B,sBAAA,cAACJ,qCAAAA,EAAqB2B,kBAAkB,CAAC,CAAChB;EAGhD"}