@codecademy/brand 4.0.0-alpha.b1cfc89ee2.0 → 4.0.0-alpha.b5e5d575e.0

package/dist/Banner/EnhancedBanner.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnhancedBanner.cjs","names":["Background","Box","Markdown","EnhancedBanner: React.FC<EnhancedBannerProps>","FlexBox","CountdownTimer","FillButton","Text","IconButton","MiniDeleteIcon"],"sources":["../../src/Banner/EnhancedBanner.tsx"],"sourcesContent":["import {\n  Box,\n  FillButton,\n  FlexBox,\n  IconButton,\n  Markdown,\n  Text,\n} from '@codecademy/gamut';\nimport { MiniDeleteIcon } from '@codecademy/gamut-icons';\nimport { Background, BackgroundProps, css } from '@codecademy/gamut-styles';\nimport { useTheme } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { useMemo } from 'react';\n\nimport { BannerVariant } from '.';\nimport { CountdownTimer } from './CountdownTimer';\n\nexport interface EnhancedBannerProps\n  extends Omit<BackgroundProps, 'bg' | 'containerType'> {\n  variant?: BannerVariant | null;\n  onClose?: () => void;\n  onCtaClick?: () => void;\n  ctaAriaLabel?: string;\n  header?: string | null;\n  subheader?: string | null;\n  cta?: { title: string; href: string } | null;\n  countdownTo?: string | null;\n  onCountdownExpire?: () => void;\n}\n\nconst bannerVariants = {\n  navy: 'navy',\n  yellow: 'yellow',\n  subtle: 'background-hover',\n} as const;\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 BannerBg = styled(Background)(css(bannerStyles));\nconst BannerBox = styled(Box)(css(bannerStyles));\n\nconst StyledMarkdown = styled(Markdown)`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n`;\n\nconst StyledTitle = styled(StyledMarkdown)`\n  p {\n    font-size: 22px;\n    font-weight: 700;\n  }\n`;\n\nconst StyledSubheader = styled(StyledMarkdown)`\n  p {\n    font-size: 16px;\n  }\n`;\n\nexport const EnhancedBanner: React.FC<EnhancedBannerProps> = ({\n  variant = 'navy',\n  onClose,\n  onCtaClick,\n  ctaAriaLabel,\n  header,\n  subheader,\n  cta,\n  countdownTo,\n  onCountdownExpire,\n  ...rest\n}) => {\n  const validCta = useMemo(\n    () => (cta && cta.title && cta.href ? cta : undefined),\n    [cta]\n  );\n  const { mode } = useTheme();\n  const isDarkMode = mode === 'dark';\n\n  if (!header) return null;\n\n  const renderEnhanced = () => {\n    const textBlock = (\n      <Box textAlign={{ _: 'center', md: 'left' }} width=\"100%\">\n        <StyledTitle text={header} />\n        {subheader && <StyledSubheader text={subheader} />}\n      </Box>\n    );\n\n    return (\n      <FlexBox\n        flexDirection={{ _: 'column', md: 'row' }}\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        width=\"100%\"\n        p={8}\n        gap={{ _: 16, md: 40 }}\n      >\n        <FlexBox gap={16} alignItems=\"center\">\n          {countdownTo && (\n            <CountdownTimer\n              targetDate={countdownTo}\n              onExpire={onCountdownExpire}\n            />\n          )}\n          {validCta && (\n            <Box display={{ _: 'flex', md: 'none' }} ml={0}>\n              <FillButton\n                variant=\"primary\"\n                href={validCta.href}\n                onClick={onCtaClick}\n              >\n                {validCta.title}\n              </FillButton>\n            </Box>\n          )}\n        </FlexBox>\n\n        <Text maxWidth={{ _: '100%', md: '50%' }}>{textBlock}</Text>\n\n        {validCta && (\n          <Box display={{ _: 'none', md: 'flex' }}>\n            <FillButton\n              variant={isDarkMode ? 'secondary' : 'primary'}\n              href={validCta.href}\n              onClick={onCtaClick}\n            >\n              {validCta.title}\n            </FillButton>\n          </Box>\n        )}\n      </FlexBox>\n    );\n  };\n\n  const backgroundVariant = isDarkMode ? 'yellow' : variant;\n  const Container = backgroundVariant === 'subtle' ? BannerBox : BannerBg;\n\n  return (\n    <Container {...rest} bg={bannerVariants[backgroundVariant ?? 'navy']}>\n      <Box gridArea=\"content\" fontSize=\"inherit\">\n        {renderEnhanced()}\n      </Box>\n      {onClose && (\n        <Box gridArea=\"close\" alignSelf=\"center\">\n          <IconButton\n            variant=\"secondary\"\n            size=\"small\"\n            icon={MiniDeleteIcon}\n            onClick={onClose}\n            tip=\"Close banner\"\n            tipProps={{ alignment: 'left-center' }}\n          />\n        </Box>\n      )}\n    </Container>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AA8BA,MAAM,iBAAiB;CACrB,MAAM;CACN,QAAQ;CACR,QAAQ;CACT;AAED,MAAM,eAAe;CACnB,OAAO;CACP,GAAG;CACH,SAAS;CACT,qBAAqB;CACrB,mBAAmB;CACnB,WAAW;CACX,YAAY;CACZ,WAAW;CACZ;AAED,MAAM,wCAAkBA,oCAAW,mCAAK,aAAa,CAAC;AACtD,MAAM,yCAAmBC,sBAAI,mCAAK,aAAa,CAAC;AAEhD,MAAM,iBAAiB,6BAAOC,2BAAS;;;;;;;AAQvC,MAAM,cAAc,6BAAO,eAAe;;;;;;AAO1C,MAAM,kBAAkB,6BAAO,eAAe;;;;;AAM9C,MAAaC,kBAAiD,EAC5D,UAAU,QACV,SACA,YACA,cACA,QACA,WACA,KACA,aACA,mBACA,GAAG,WACC;CACJ,MAAM,oCACG,OAAO,IAAI,SAAS,IAAI,OAAO,MAAM,QAC5C,CAAC,IAAI,CACN;CACD,MAAM,EAAE,uCAAmB;CAC3B,MAAM,aAAa,SAAS;AAE5B,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,uBAAuB;EAC3B,MAAM,YACJ,4CAACF;GAAI,WAAW;IAAE,GAAG;IAAU,IAAI;IAAQ;GAAE,OAAM;cACjD,2CAAC,eAAY,MAAM,SAAU,EAC5B,aAAa,2CAAC,mBAAgB,MAAM,YAAa;IAC9C;AAGR,SACE,4CAACG;GACC,eAAe;IAAE,GAAG;IAAU,IAAI;IAAO;GACzC,YAAW;GACX,gBAAe;GACf,OAAM;GACN,GAAG;GACH,KAAK;IAAE,GAAG;IAAI,IAAI;IAAI;;IAEtB,4CAACA;KAAQ,KAAK;KAAI,YAAW;gBAC1B,eACC,2CAACC;MACC,YAAY;MACZ,UAAU;OACV,EAEH,YACC,2CAACJ;MAAI,SAAS;OAAE,GAAG;OAAQ,IAAI;OAAQ;MAAE,IAAI;gBAC3C,2CAACK;OACC,SAAQ;OACR,MAAM,SAAS;OACf,SAAS;iBAER,SAAS;QACC;OACT;MAEA;IAEV,2CAACC;KAAK,UAAU;MAAE,GAAG;MAAQ,IAAI;MAAO;eAAG;MAAiB;IAE3D,YACC,2CAACN;KAAI,SAAS;MAAE,GAAG;MAAQ,IAAI;MAAQ;eACrC,2CAACK;MACC,SAAS,aAAa,cAAc;MACpC,MAAM,SAAS;MACf,SAAS;gBAER,SAAS;OACC;MACT;;IAEA;;CAId,MAAM,oBAAoB,aAAa,WAAW;AAGlD,QACE,4CAHgB,sBAAsB,WAAW,YAAY;EAGlD,GAAI;EAAM,IAAI,eAAe,qBAAqB;aAC3D,2CAACL;GAAI,UAAS;GAAU,UAAS;aAC9B,gBAAgB;IACb,EACL,WACC,2CAACA;GAAI,UAAS;GAAQ,WAAU;aAC9B,2CAACO;IACC,SAAQ;IACR,MAAK;IACL,MAAMC;IACN,SAAS;IACT,KAAI;IACJ,UAAU,EAAE,WAAW,eAAe;KACtC;IACE;GAEE"}

package/dist/Banner/EnhancedBanner.d.cts

@@ -1,21 +0,0 @@
-import { BannerVariant } from "./index.cjs";
-import { BackgroundProps } from "@codecademy/gamut-styles";
-
-//#region src/Banner/EnhancedBanner.d.ts
-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;
-}
-//#endregion
-export { EnhancedBannerProps };
-//# sourceMappingURL=EnhancedBanner.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EnhancedBanner.d.cts","names":[],"sources":["../../src/Banner/EnhancedBanner.tsx"],"sourcesContent":[],"mappings":";;;;UAiBiB,mBAAA,SACP,KAAK;YACH;EAFK,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACF,UAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACH,YAAA,CAAA,EAAA,MAAA;EADF,MAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAAI,SAAA,CAAA,EAAA,MAAA,GAAA,IAAA"}

package/dist/Banner/EnhancedBanner.d.mts

@@ -1,21 +0,0 @@
-import { BannerVariant } from "./index.mjs";
-import { BackgroundProps } from "@codecademy/gamut-styles";
-
-//#region src/Banner/EnhancedBanner.d.ts
-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;
-}
-//#endregion
-export { EnhancedBannerProps };
-//# sourceMappingURL=EnhancedBanner.d.mts.map

package/dist/Banner/EnhancedBanner.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnhancedBanner.d.mts","names":[],"sources":["../../src/Banner/EnhancedBanner.tsx"],"sourcesContent":[],"mappings":";;;;UAiBiB,mBAAA,SACP,KAAK;YACH;EAFK,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACF,UAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACH,YAAA,CAAA,EAAA,MAAA;EADF,MAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAAI,SAAA,CAAA,EAAA,MAAA,GAAA,IAAA"}

package/dist/Banner/EnhancedBanner.mjs

@@ -1,141 +0,0 @@
-import { CountdownTimer } from "./CountdownTimer.mjs";
-import { Box, FillButton, FlexBox, IconButton, Markdown, Text } from "@codecademy/gamut";
-import { Background, css } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { MiniDeleteIcon } from "@codecademy/gamut-icons";
-import { useTheme } from "@emotion/react";
-
-//#region src/Banner/EnhancedBanner.tsx
-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 = styled(Background)(css(bannerStyles));
-const BannerBox = styled(Box)(css(bannerStyles));
-const StyledMarkdown = styled(Markdown)`
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-`;
-const StyledTitle = styled(StyledMarkdown)`
-  p {
-    font-size: 22px;
-    font-weight: 700;
-  }
-`;
-const StyledSubheader = styled(StyledMarkdown)`
-  p {
-    font-size: 16px;
-  }
-`;
-const EnhancedBanner = ({ variant: variant$1 = "navy", onClose, onCtaClick, ctaAriaLabel, header, subheader, cta, countdownTo, onCountdownExpire, ...rest }) => {
-	const validCta = useMemo(() => cta && cta.title && cta.href ? cta : void 0, [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$1;
-	return /* @__PURE__ */ jsxs(backgroundVariant === "subtle" ? BannerBox : BannerBg, {
-		...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" }
-			})
-		})]
-	});
-};
-
-//#endregion
-export { EnhancedBanner };
-//# sourceMappingURL=EnhancedBanner.mjs.map

package/dist/Banner/EnhancedBanner.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnhancedBanner.mjs","names":["EnhancedBanner: React.FC<EnhancedBannerProps>","variant"],"sources":["../../src/Banner/EnhancedBanner.tsx"],"sourcesContent":["import {\n  Box,\n  FillButton,\n  FlexBox,\n  IconButton,\n  Markdown,\n  Text,\n} from '@codecademy/gamut';\nimport { MiniDeleteIcon } from '@codecademy/gamut-icons';\nimport { Background, BackgroundProps, css } from '@codecademy/gamut-styles';\nimport { useTheme } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { useMemo } from 'react';\n\nimport { BannerVariant } from '.';\nimport { CountdownTimer } from './CountdownTimer';\n\nexport interface EnhancedBannerProps\n  extends Omit<BackgroundProps, 'bg' | 'containerType'> {\n  variant?: BannerVariant | null;\n  onClose?: () => void;\n  onCtaClick?: () => void;\n  ctaAriaLabel?: string;\n  header?: string | null;\n  subheader?: string | null;\n  cta?: { title: string; href: string } | null;\n  countdownTo?: string | null;\n  onCountdownExpire?: () => void;\n}\n\nconst bannerVariants = {\n  navy: 'navy',\n  yellow: 'yellow',\n  subtle: 'background-hover',\n} as const;\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 BannerBg = styled(Background)(css(bannerStyles));\nconst BannerBox = styled(Box)(css(bannerStyles));\n\nconst StyledMarkdown = styled(Markdown)`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n`;\n\nconst StyledTitle = styled(StyledMarkdown)`\n  p {\n    font-size: 22px;\n    font-weight: 700;\n  }\n`;\n\nconst StyledSubheader = styled(StyledMarkdown)`\n  p {\n    font-size: 16px;\n  }\n`;\n\nexport const EnhancedBanner: React.FC<EnhancedBannerProps> = ({\n  variant = 'navy',\n  onClose,\n  onCtaClick,\n  ctaAriaLabel,\n  header,\n  subheader,\n  cta,\n  countdownTo,\n  onCountdownExpire,\n  ...rest\n}) => {\n  const validCta = useMemo(\n    () => (cta && cta.title && cta.href ? cta : undefined),\n    [cta]\n  );\n  const { mode } = useTheme();\n  const isDarkMode = mode === 'dark';\n\n  if (!header) return null;\n\n  const renderEnhanced = () => {\n    const textBlock = (\n      <Box textAlign={{ _: 'center', md: 'left' }} width=\"100%\">\n        <StyledTitle text={header} />\n        {subheader && <StyledSubheader text={subheader} />}\n      </Box>\n    );\n\n    return (\n      <FlexBox\n        flexDirection={{ _: 'column', md: 'row' }}\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        width=\"100%\"\n        p={8}\n        gap={{ _: 16, md: 40 }}\n      >\n        <FlexBox gap={16} alignItems=\"center\">\n          {countdownTo && (\n            <CountdownTimer\n              targetDate={countdownTo}\n              onExpire={onCountdownExpire}\n            />\n          )}\n          {validCta && (\n            <Box display={{ _: 'flex', md: 'none' }} ml={0}>\n              <FillButton\n                variant=\"primary\"\n                href={validCta.href}\n                onClick={onCtaClick}\n              >\n                {validCta.title}\n              </FillButton>\n            </Box>\n          )}\n        </FlexBox>\n\n        <Text maxWidth={{ _: '100%', md: '50%' }}>{textBlock}</Text>\n\n        {validCta && (\n          <Box display={{ _: 'none', md: 'flex' }}>\n            <FillButton\n              variant={isDarkMode ? 'secondary' : 'primary'}\n              href={validCta.href}\n              onClick={onCtaClick}\n            >\n              {validCta.title}\n            </FillButton>\n          </Box>\n        )}\n      </FlexBox>\n    );\n  };\n\n  const backgroundVariant = isDarkMode ? 'yellow' : variant;\n  const Container = backgroundVariant === 'subtle' ? BannerBox : BannerBg;\n\n  return (\n    <Container {...rest} bg={bannerVariants[backgroundVariant ?? 'navy']}>\n      <Box gridArea=\"content\" fontSize=\"inherit\">\n        {renderEnhanced()}\n      </Box>\n      {onClose && (\n        <Box gridArea=\"close\" alignSelf=\"center\">\n          <IconButton\n            variant=\"secondary\"\n            size=\"small\"\n            icon={MiniDeleteIcon}\n            onClick={onClose}\n            tip=\"Close banner\"\n            tipProps={{ alignment: 'left-center' }}\n          />\n        </Box>\n      )}\n    </Container>\n  );\n};\n"],"mappings":";;;;;;;;;;AA8BA,MAAM,iBAAiB;CACrB,MAAM;CACN,QAAQ;CACR,QAAQ;CACT;AAED,MAAM,eAAe;CACnB,OAAO;CACP,GAAG;CACH,SAAS;CACT,qBAAqB;CACrB,mBAAmB;CACnB,WAAW;CACX,YAAY;CACZ,WAAW;CACZ;AAED,MAAM,WAAW,OAAO,WAAW,CAAC,IAAI,aAAa,CAAC;AACtD,MAAM,YAAY,OAAO,IAAI,CAAC,IAAI,aAAa,CAAC;AAEhD,MAAM,iBAAiB,OAAO,SAAS;;;;;;;AAQvC,MAAM,cAAc,OAAO,eAAe;;;;;;AAO1C,MAAM,kBAAkB,OAAO,eAAe;;;;;AAM9C,MAAaA,kBAAiD,EAC5D,qBAAU,QACV,SACA,YACA,cACA,QACA,WACA,KACA,aACA,mBACA,GAAG,WACC;CACJ,MAAM,WAAW,cACR,OAAO,IAAI,SAAS,IAAI,OAAO,MAAM,QAC5C,CAAC,IAAI,CACN;CACD,MAAM,EAAE,SAAS,UAAU;CAC3B,MAAM,aAAa,SAAS;AAE5B,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,uBAAuB;EAC3B,MAAM,YACJ,qBAAC;GAAI,WAAW;IAAE,GAAG;IAAU,IAAI;IAAQ;GAAE,OAAM;cACjD,oBAAC,eAAY,MAAM,SAAU,EAC5B,aAAa,oBAAC,mBAAgB,MAAM,YAAa;IAC9C;AAGR,SACE,qBAAC;GACC,eAAe;IAAE,GAAG;IAAU,IAAI;IAAO;GACzC,YAAW;GACX,gBAAe;GACf,OAAM;GACN,GAAG;GACH,KAAK;IAAE,GAAG;IAAI,IAAI;IAAI;;IAEtB,qBAAC;KAAQ,KAAK;KAAI,YAAW;gBAC1B,eACC,oBAAC;MACC,YAAY;MACZ,UAAU;OACV,EAEH,YACC,oBAAC;MAAI,SAAS;OAAE,GAAG;OAAQ,IAAI;OAAQ;MAAE,IAAI;gBAC3C,oBAAC;OACC,SAAQ;OACR,MAAM,SAAS;OACf,SAAS;iBAER,SAAS;QACC;OACT;MAEA;IAEV,oBAAC;KAAK,UAAU;MAAE,GAAG;MAAQ,IAAI;MAAO;eAAG;MAAiB;IAE3D,YACC,oBAAC;KAAI,SAAS;MAAE,GAAG;MAAQ,IAAI;MAAQ;eACrC,oBAAC;MACC,SAAS,aAAa,cAAc;MACpC,MAAM,SAAS;MACf,SAAS;gBAER,SAAS;OACC;MACT;;IAEA;;CAId,MAAM,oBAAoB,aAAa,WAAWC;AAGlD,QACE,qBAHgB,sBAAsB,WAAW,YAAY;EAGlD,GAAI;EAAM,IAAI,eAAe,qBAAqB;aAC3D,oBAAC;GAAI,UAAS;GAAU,UAAS;aAC9B,gBAAgB;IACb,EACL,WACC,oBAAC;GAAI,UAAS;GAAQ,WAAU;aAC9B,oBAAC;IACC,SAAQ;IACR,MAAK;IACL,MAAM;IACN,SAAS;IACT,KAAI;IACJ,UAAU,EAAE,WAAW,eAAe;KACtC;IACE;GAEE"}

package/dist/Banner/index.cjs

@@ -1,84 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/Banner/index.tsx
-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 = (0, _emotion_styled.default)(_codecademy_gamut_styles.Background)((0, _codecademy_gamut_styles.css)(bannerStyles));
-const BannerContainerBox = (0, _emotion_styled.default)(_codecademy_gamut.Box)((0, _codecademy_gamut_styles.css)(bannerStyles));
-const BannerMarkdown = (0, _emotion_styled.default)(_codecademy_gamut.Markdown)((0, _codecademy_gamut_styles.css)({ fontSize: "inherit" }));
-const bindBannerAnchor = (onCtaClick, ctaAriaLabel) => ({
-	allowedAttributes: ["href", "target"],
-	component: _codecademy_gamut.TextButton,
-	processNode: (_node, props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.TextButton, {
-		...props,
-		onClick: () => {
-			onCtaClick?.();
-			props?.onClick?.();
-		},
-		mx: 4,
-		size: "small",
-		target: "_BLANK",
-		"aria-label": ctaAriaLabel,
-		display: {
-			_: "block",
-			xs: "inline-flex"
-		}
-	})
-});
-const Banner = ({ children, ctaAriaLabel, variant = "navy", onCtaClick, onClose, ...rest }) => {
-	const overrides = (0, react.useMemo)(() => ({ a: bindBannerAnchor(onCtaClick, ctaAriaLabel) }), [onCtaClick, ctaAriaLabel]);
-	const safeVariant = isAllowedVariant(variant) ? variant : "navy";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(safeVariant === "subtle" ? BannerContainerBox : BannerContainerBackground, {
-		...rest,
-		bg: bannerVariants[safeVariant],
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-			gridArea: "content",
-			fontSize: "inherit",
-			children: typeof children === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BannerMarkdown, {
-				overrides,
-				text: children,
-				skipDefaultOverrides: { a: true }
-			}) : children
-		}), onClose && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-			gridArea: "close",
-			alignSelf: "start",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.IconButton, {
-				variant: "secondary",
-				size: "small",
-				icon: _codecademy_gamut_icons.MiniDeleteIcon,
-				onClick: onClose,
-				tip: "Close banner",
-				tipProps: {
-					alignment: "bottom-center",
-					placement: "floating"
-				}
-			})
-		})]
-	});
-};
-
-//#endregion
-exports.Banner = Banner;
-//# sourceMappingURL=index.cjs.map

package/dist/Banner/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Background","Box","Markdown","TextButton","Banner: React.FC<BannerProps>","safeVariant: BannerVariant","IconButton","MiniDeleteIcon"],"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,MAAM,iBAAiB;CACrB,MAAM;CACN,QAAQ;CACR,QAAQ;CACT;AAED,MAAM,oBACJ,YAEA,OAAO,KAAK,eAAe,CAAC,SAAS,QAAyB;AAchE,MAAM,eAAe;CACnB,OAAO;CACP,GAAG;CACH,SAAS;CACT,qBAAqB;CACrB,mBAAmB;CACnB,WAAW;CACX,YAAY;CACZ,WAAW;CACZ;AAED,MAAM,yDAAmCA,oCAAW,mCAAK,aAAa,CAAC;AAEvE,MAAM,kDAA4BC,sBAAI,mCAAK,aAAa,CAAC;AAEzD,MAAM,8CAAwBC,2BAAS,mCAAK,EAAE,UAAU,WAAW,CAAC,CAAC;AAErE,MAAM,oBACJ,YACA,kBACI;CACJ,mBAAmB,CAAC,QAAQ,SAAS;CACrC,WAAWC;CACX,cAAc,OAAgB,UAC5B,2CAACA;EACC,GAAI;EACJ,eAAe;AACb,iBAAc;AACd,UAAO,WAAW;;EAEpB,IAAI;EACJ,MAAK;EACL,QAAO;EACP,cAAY;EACZ,SAAS;GAAE,GAAG;GAAS,IAAI;GAAe;GAC1C;CAEL;AAED,MAAaC,UAAiC,EAC5C,UACA,cACA,UAAU,QACV,YACA,SACA,GAAG,WACC;CACJ,MAAM,sCACG,EACL,GAAG,iBAAiB,YAAY,aAAa,EAC9C,GACD,CAAC,YAAY,aAAa,CAC3B;CAID,MAAMC,cAA6B,iBAAiB,QAAQ,GACxD,UACA;AAKJ,QACE,4CAHA,gBAAgB,WAAW,qBAAqB;EAG/B,GAAI;EAAM,IAAI,eAAe;aAC5C,2CAACJ;GAAI,UAAS;GAAU,UAAS;aAC9B,OAAO,aAAa,WACnB,2CAAC;IACY;IACX,MAAM;IACN,sBAAsB,EAAE,GAAG,MAAM;KACjC,GAEF;IAEE,EACL,WACC,2CAACA;GAAI,UAAS;GAAQ,WAAU;aAC9B,2CAACK;IACC,SAAQ;IACR,MAAK;IACL,MAAMC;IACN,SAAS;IACT,KAAI;IACJ,UAAU;KAAE,WAAW;KAAiB,WAAW;KAAY;KAC/D;IACE;GAEQ"}

package/dist/Banner/index.d.cts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/Banner/index.tsx"],"sourcesContent":[],"mappings":";;;;;KAOY,aAAA,gBAA6B;cACnC;EADM,SAAA,IAAA,EAAA,MAAa;EACnB,SAAA,MAAA,EAII,QAAA;EAOO,SAAA,MACf,EAAA,kBAAA;CAAa;AACH,UAFK,WAAA,SACP,IACE,CADG,eACH,EAAA,IAAA,GAAA,eAAA,CAAA,CAAA;EAEA,QAAA,EAFA,SAEA,GAAA,MAAA;EAHF;EAAI,OAAA,CAAA,EAGF,aAHE,GAAA,IAAA;EAkDD;;;;;;cAAA,QAAQ,OAAA,CAAM,GAAG"}

package/dist/Banner/index.d.mts

@@ -1,25 +0,0 @@
-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";
-};
-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;
-}
-declare const Banner: React$1.FC<BannerProps>;
-//#endregion
-export { Banner, BannerProps, BannerVariant };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/Banner/index.tsx"],"sourcesContent":[],"mappings":";;;;;KAOY,aAAA,gBAA6B;cACnC;EADM,SAAA,IAAA,EAAA,MAAa;EACnB,SAAA,MAAA,EAII,QAAA;EAOO,SAAA,MACf,EAAA,kBAAA;CAAa;AACH,UAFK,WAAA,SACP,IACE,CADG,eACH,EAAA,IAAA,GAAA,eAAA,CAAA,CAAA;EAEA,QAAA,EAFA,SAEA,GAAA,MAAA;EAHF;EAAI,OAAA,CAAA,EAGF,aAHE,GAAA,IAAA;EAkDD;;;;;;cAAA,QAAQ,OAAA,CAAM,GAAG"}

package/dist/Banner/index.mjs

@@ -1,81 +0,0 @@
-import { Box, IconButton, Markdown, TextButton } from "@codecademy/gamut";
-import { Background, css } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { MiniDeleteIcon } from "@codecademy/gamut-icons";
-
-//#region src/Banner/index.tsx
-const bannerVariants = {
-	navy: "navy",
-	yellow: "yellow",
-	subtle: "background-hover"
-};
-const isAllowedVariant = (variant$1) => Object.keys(bannerVariants).includes(variant$1);
-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 = styled(Background)(css(bannerStyles));
-const BannerContainerBox = styled(Box)(css(bannerStyles));
-const BannerMarkdown = styled(Markdown)(css({ fontSize: "inherit" }));
-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"
-		}
-	})
-});
-const Banner = ({ children, ctaAriaLabel, variant: variant$1 = "navy", onCtaClick, onClose, ...rest }) => {
-	const overrides = useMemo(() => ({ a: bindBannerAnchor(onCtaClick, ctaAriaLabel) }), [onCtaClick, ctaAriaLabel]);
-	const safeVariant = isAllowedVariant(variant$1) ? variant$1 : "navy";
-	return /* @__PURE__ */ jsxs(safeVariant === "subtle" ? BannerContainerBox : BannerContainerBackground, {
-		...rest,
-		bg: bannerVariants[safeVariant],
-		children: [/* @__PURE__ */ jsx(Box, {
-			gridArea: "content",
-			fontSize: "inherit",
-			children: typeof children === "string" ? /* @__PURE__ */ jsx(BannerMarkdown, {
-				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.mjs.map

package/dist/Banner/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["variant","Banner: React.FC<BannerProps>","safeVariant: BannerVariant"],"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,MAAM,iBAAiB;CACrB,MAAM;CACN,QAAQ;CACR,QAAQ;CACT;AAED,MAAM,oBACJ,cAEA,OAAO,KAAK,eAAe,CAAC,SAASA,UAAyB;AAchE,MAAM,eAAe;CACnB,OAAO;CACP,GAAG;CACH,SAAS;CACT,qBAAqB;CACrB,mBAAmB;CACnB,WAAW;CACX,YAAY;CACZ,WAAW;CACZ;AAED,MAAM,4BAA4B,OAAO,WAAW,CAAC,IAAI,aAAa,CAAC;AAEvE,MAAM,qBAAqB,OAAO,IAAI,CAAC,IAAI,aAAa,CAAC;AAEzD,MAAM,iBAAiB,OAAO,SAAS,CAAC,IAAI,EAAE,UAAU,WAAW,CAAC,CAAC;AAErE,MAAM,oBACJ,YACA,kBACI;CACJ,mBAAmB,CAAC,QAAQ,SAAS;CACrC,WAAW;CACX,cAAc,OAAgB,UAC5B,oBAAC;EACC,GAAI;EACJ,eAAe;AACb,iBAAc;AACd,UAAO,WAAW;;EAEpB,IAAI;EACJ,MAAK;EACL,QAAO;EACP,cAAY;EACZ,SAAS;GAAE,GAAG;GAAS,IAAI;GAAe;GAC1C;CAEL;AAED,MAAaC,UAAiC,EAC5C,UACA,cACA,qBAAU,QACV,YACA,SACA,GAAG,WACC;CACJ,MAAM,YAAY,eACT,EACL,GAAG,iBAAiB,YAAY,aAAa,EAC9C,GACD,CAAC,YAAY,aAAa,CAC3B;CAID,MAAMC,cAA6B,iBAAiBF,UAAQ,GACxDA,YACA;AAKJ,QACE,qBAHA,gBAAgB,WAAW,qBAAqB;EAG/B,GAAI;EAAM,IAAI,eAAe;aAC5C,oBAAC;GAAI,UAAS;GAAU,UAAS;aAC9B,OAAO,aAAa,WACnB,oBAAC;IACY;IACX,MAAM;IACN,sBAAsB,EAAE,GAAG,MAAM;KACjC,GAEF;IAEE,EACL,WACC,oBAAC;GAAI,UAAS;GAAQ,WAAU;aAC9B,oBAAC;IACC,SAAQ;IACR,MAAK;IACL,MAAM;IACN,SAAS;IACT,KAAI;IACJ,UAAU;KAAE,WAAW;KAAiB,WAAW;KAAY;KAC/D;IACE;GAEQ"}

package/dist/BetaSticker/index.cjs

@@ -1,64 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/BetaSticker/index.tsx
-const BetaStickerContainer = _emotion_styled.default.svg((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
-		}
-	}
-}));
-const BetaSticker = ({ size = "normal" }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(BetaStickerContainer, {
-		variant: size,
-		viewBox: "0 0 52 27",
-		fill: "none",
-		xmlns: "http://www.w3.org/2000/svg",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "Beta" }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				fillRule: "evenodd",
-				clipRule: "evenodd",
-				d: "M2 0.5H0V24.5V26.5H2H52V24.5H2V0.5Z",
-				fill: "currentColor"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M18.5677 19.1H25.5917V17.036H20.9677V14.204H25.2717V12.14H20.9677V9.564H25.5917V7.5H18.5677V19.1Z",
-				fill: "currentColor"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M31.1675 19.1H33.5675V9.564H36.8475V7.5H27.8875V9.564H31.1675V19.1Z",
-				fill: "currentColor"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.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"
-			})
-		]
-	});
-};
-
-//#endregion
-exports.BetaSticker = BetaSticker;
-//# sourceMappingURL=index.cjs.map

package/dist/BetaSticker/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["styled","BetaSticker: React.FC<BetaStickerProps>"],"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,MAAM,uBAAuBA,wBAAO,0CAC1B;CACN,gBAAgB;CAChB,MAAM,EACJ,YAAY,GACb;CACD,UAAU;EACR,OAAO;GACL,QAAQ;GACR,OAAO;GACR;EACD,QAAQ;GACN,QAAQ;GACR,OAAO;GACR;EACD,QAAQ;GACN,QAAQ;GACR,OAAO;GACR;EACF;CACF,CAAC,CACH;AAMD,MAAaC,eAA2C,EACtD,OAAO,eACH;AACJ,QACE,4CAAC;EACC,SAAS;EACT,SAAQ;EACR,MAAK;EACL,OAAM;;GAEN,2CAAC,qBAAM,SAAY;GACnB,2CAAC;IACC,UAAS;IACT,UAAS;IACT,GAAE;IACF,MAAK;KACL;GACF,2CAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,2CAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,2CAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,2CAAC;IACC,GAAE;IACF,MAAK;KACL;;GACmB"}

package/dist/BetaSticker/index.d.cts

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/BetaSticker/index.tsx"],"sourcesContent":[],"mappings":";;;KA2BK,gBAAA;;AAzB0B,CAAA;AA6BlB,cAAA,WAAsB,EAAT,OAAA,CAAM,EAAG,CAAA,gBAAD,CAAA"}

package/dist/BetaSticker/index.d.mts

@@ -1,10 +0,0 @@
-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.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/BetaSticker/index.tsx"],"sourcesContent":[],"mappings":";;;KA2BK,gBAAA;;AAzB0B,CAAA;AA6BlB,cAAA,WAAsB,EAAT,OAAA,CAAM,EAAG,CAAA,gBAAD,CAAA"}

package/dist/BetaSticker/index.mjs

@@ -1,61 +0,0 @@
-import { variant } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/BetaSticker/index.tsx
-const BetaStickerContainer = styled.svg(variant({
-	defaultVariant: "normal",
-	base: { lineHeight: 0 },
-	variants: {
-		small: {
-			height: 16,
-			width: 32
-		},
-		normal: {
-			height: 26,
-			width: 52
-		},
-		medium: {
-			height: 22,
-			width: 42
-		}
-	}
-}));
-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"
-			})
-		]
-	});
-};
-
-//#endregion
-export { BetaSticker };
-//# sourceMappingURL=index.mjs.map