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

package/dist/PlanCard/types.d.mts

@@ -1,44 +0,0 @@
-//#region src/PlanCard/types.d.ts
-type PlanType = 'basic' | 'pro' | 'pro-silver' | 'pro-gold' | 'bootcamp-all-access-pass';
-declare enum CurrencySymbol {
-  DOLLAR = "$",
-  POUND = "\u00A3",
-  EURO = "\u20AC",
-  RUPEE = "\u20B9",
-  KRONA = "kr",
-  KRONE = "kr",
-  ZLOTY = "z\u0142",
-  REAL = "R$",
-  LEV = "\u041B\u0432.",
-  FRANC = "Fr.",
-  KORUNA = "K\u010D",
-  KUNA = "kn",
-  FORINT = "Ft",
-  PESO = "$",
-  LEU = "L",
-}
-declare enum Currency {
-  USD = "USD",
-  EUR = "EUR",
-  CAD = "CAD",
-  GBP = "GBP",
-  AUD = "AUD",
-  INR = "INR",
-  SEK = "SEK",
-  NOK = "NOK",
-  PLN = "PLN",
-  DKK = "DKK",
-  BRL = "BRL",
-  BGN = "BGN",
-  CHF = "CHF",
-  CZK = "CZK",
-  HRK = "HRK",
-  HUF = "HUF",
-  MXN = "MXN",
-  RON = "RON",
-}
-declare const getCurrencySymbol: (currency: Currency) => CurrencySymbol;
-declare const getCurrencyPrefix: (currency: Currency) => "" | "AU" | "CA";
-//#endregion
-export { Currency, CurrencySymbol, PlanType, getCurrencyPrefix, getCurrencySymbol };
-//# sourceMappingURL=types.d.mts.map

package/dist/PlanCard/types.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.mts","names":[],"sources":["../../src/PlanCard/types.tsx"],"sourcesContent":[],"mappings":";KACY,QAAA;AAAA,aAOA,cAAA;EAAA,MAAA,GAAA,GAAA;EAkBA,KAAA,GAAA,QAAQ;EA0CP,IAAA,GAAA,QAAA;EAIA,KAAA,GAAA,QAAA;;;;;;;;;;;;;aA9CD,QAAA;;;;;;;;;;;;;;;;;;;;cA0CC,8BAA+B,aAAQ;cAIvC,8BAA+B"}

package/dist/PlanCard/types.mjs

@@ -1,72 +0,0 @@
-//#region src/PlanCard/types.tsx
-var CurrencySymbol;
-(function(CurrencySymbol$1) {
-	CurrencySymbol$1["DOLLAR"] = "$";
-	CurrencySymbol$1["POUND"] = "£";
-	CurrencySymbol$1["EURO"] = "€";
-	CurrencySymbol$1["RUPEE"] = "₹";
-	CurrencySymbol$1["KRONA"] = "kr";
-	CurrencySymbol$1["KRONE"] = "kr";
-	CurrencySymbol$1["ZLOTY"] = "zł";
-	CurrencySymbol$1["REAL"] = "R$";
-	CurrencySymbol$1["LEV"] = "Лв.";
-	CurrencySymbol$1["FRANC"] = "Fr.";
-	CurrencySymbol$1["KORUNA"] = "Kč";
-	CurrencySymbol$1["KUNA"] = "kn";
-	CurrencySymbol$1["FORINT"] = "Ft";
-	CurrencySymbol$1["PESO"] = "$";
-	CurrencySymbol$1["LEU"] = "L";
-})(CurrencySymbol || (CurrencySymbol = {}));
-var Currency;
-(function(Currency$1) {
-	Currency$1["USD"] = "USD";
-	Currency$1["EUR"] = "EUR";
-	Currency$1["CAD"] = "CAD";
-	Currency$1["GBP"] = "GBP";
-	Currency$1["AUD"] = "AUD";
-	Currency$1["INR"] = "INR";
-	Currency$1["SEK"] = "SEK";
-	Currency$1["NOK"] = "NOK";
-	Currency$1["PLN"] = "PLN";
-	Currency$1["DKK"] = "DKK";
-	Currency$1["BRL"] = "BRL";
-	Currency$1["BGN"] = "BGN";
-	Currency$1["CHF"] = "CHF";
-	Currency$1["CZK"] = "CZK";
-	Currency$1["HRK"] = "HRK";
-	Currency$1["HUF"] = "HUF";
-	Currency$1["MXN"] = "MXN";
-	Currency$1["RON"] = "RON";
-})(Currency || (Currency = {}));
-const currencySymbols = {
-	["USD"]: "$",
-	["CAD"]: "$",
-	["AUD"]: "$",
-	["EUR"]: "€",
-	["GBP"]: "£",
-	["INR"]: "₹",
-	["SEK"]: "kr",
-	["NOK"]: "kr",
-	["PLN"]: "zł",
-	["DKK"]: "kr",
-	["BRL"]: "R$",
-	["BGN"]: "Лв.",
-	["CHF"]: "Fr.",
-	["CZK"]: "Kč",
-	["HRK"]: "kn",
-	["HUF"]: "Ft",
-	["MXN"]: "$",
-	["RON"]: "L"
-};
-const getCurrencySymbol = (currency) => currencySymbols[currency];
-const getCurrencyPrefix = (currency) => {
-	switch (currency) {
-		case "AUD": return "AU";
-		case "CAD": return "CA";
-		default: return "";
-	}
-};
-
-//#endregion
-export { Currency, CurrencySymbol, getCurrencyPrefix, getCurrencySymbol };
-//# sourceMappingURL=types.mjs.map

package/dist/PlanCard/types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.mjs","names":["CurrencySymbol","Currency","currencySymbols","getCurrencySymbol","currency","getCurrencyPrefix"],"sources":["../../src/PlanCard/types.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-duplicate-enum-values */\nexport type PlanType =\n  | 'basic'\n  | 'pro'\n  | 'pro-silver'\n  | 'pro-gold'\n  | 'bootcamp-all-access-pass';\n\nexport enum CurrencySymbol {\n  DOLLAR = '$',\n  POUND = '£',\n  EURO = '€',\n  RUPEE = '₹',\n  KRONA = 'kr',\n  KRONE = 'kr',\n  ZLOTY = 'zł',\n  REAL = 'R$',\n  LEV = 'Лв.',\n  FRANC = 'Fr.',\n  KORUNA = 'Kč',\n  KUNA = 'kn',\n  FORINT = 'Ft',\n  PESO = '$',\n  LEU = 'L',\n}\n\nexport enum Currency {\n  USD = 'USD',\n  EUR = 'EUR',\n  CAD = 'CAD',\n  GBP = 'GBP',\n  AUD = 'AUD',\n  INR = 'INR',\n  SEK = 'SEK',\n  NOK = 'NOK',\n  PLN = 'PLN',\n  DKK = 'DKK',\n  BRL = 'BRL',\n  BGN = 'BGN',\n  CHF = 'CHF',\n  CZK = 'CZK',\n  HRK = 'HRK',\n  HUF = 'HUF',\n  MXN = 'MXN',\n  RON = 'RON',\n}\n\nconst currencySymbols: Record<Currency, CurrencySymbol> = {\n  [Currency.USD]: CurrencySymbol.DOLLAR,\n  [Currency.CAD]: CurrencySymbol.DOLLAR,\n  [Currency.AUD]: CurrencySymbol.DOLLAR,\n  [Currency.EUR]: CurrencySymbol.EURO,\n  [Currency.GBP]: CurrencySymbol.POUND,\n  [Currency.INR]: CurrencySymbol.RUPEE,\n  [Currency.SEK]: CurrencySymbol.KRONA,\n  [Currency.NOK]: CurrencySymbol.KRONE,\n  [Currency.PLN]: CurrencySymbol.ZLOTY,\n  [Currency.DKK]: CurrencySymbol.KRONE,\n  [Currency.BRL]: CurrencySymbol.REAL,\n  [Currency.BGN]: CurrencySymbol.LEV,\n  [Currency.CHF]: CurrencySymbol.FRANC,\n  [Currency.CZK]: CurrencySymbol.KORUNA,\n  [Currency.HRK]: CurrencySymbol.KUNA,\n  [Currency.HUF]: CurrencySymbol.FORINT,\n  [Currency.MXN]: CurrencySymbol.PESO,\n  [Currency.RON]: CurrencySymbol.LEU,\n};\n\nexport const getCurrencySymbol = (currency: Currency) =>\n  currencySymbols[currency];\n\n// for currencies that have common symbols eg: Dollar - US=$, AU=AU$, CA=CA$\nexport const getCurrencyPrefix = (currency: Currency) => {\n  switch (currency) {\n    case Currency.AUD:\n      return 'AU';\n    case Currency.CAD:\n      return 'CA';\n    default:\n      return '';\n  }\n};\n"],"mappings":";AAA8D,IAAA;UAQlDA,kBAAAA;;;;;;;;;;;;;;;;GAAAA,mBAAAA,iBAAAA,EAAAA,EAAAA;;UAkBAC,YAAAA;;;;;;;;;;;;;;;;;;;GAAAA,aAAAA,WAAAA,EAAAA,EAAAA;AAqBZ,MAAMC,kBAAoD;EACxD,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;CAChB;AAEA,MAAaC,qBAAqBC,aAChCF,gBAAgBE;AAGlB,MAAaC,qBAAqBD,aAAAA;AAChC,SAAQA,UAAR;EACE,KAAA,MACE,QAAO;EACT,KAAA,MACE,QAAO;EACT,QACE,QAAO"}

package/dist/PlanCardTeams/consts.cjs

@@ -1,23 +0,0 @@
-
-//#region src/PlanCardTeams/consts.ts
-const planDetails = {
-	id: "teams",
-	title: "Teams",
-	tag: "Recommended for 2+",
-	tagForScreenReader: "Recommended for 2 or more team members",
-	price: 299,
-	features: [
-		"600+ courses",
-		"Structured learning paths",
-		"Interactive lessons",
-		"Real-world projects",
-		"Unlimited seat transfer",
-		"Admin dashboard",
-		"Progress reports",
-		"Manage multiple training programs"
-	]
-};
-
-//#endregion
-exports.planDetails = planDetails;
-//# sourceMappingURL=consts.cjs.map

package/dist/PlanCardTeams/consts.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"consts.cjs","names":["planDetails","id","title","tag","tagForScreenReader","price","features"],"sources":["../../src/PlanCardTeams/consts.ts"],"sourcesContent":["export type PlanDetails = {\n  id: string;\n  title: string;\n  tag: string;\n  tagForScreenReader: string;\n  price: number;\n  features: string[];\n};\n\nexport const planDetails: PlanDetails = {\n  id: 'teams',\n  title: 'Teams',\n  tag: 'Recommended for 2+',\n  tagForScreenReader: 'Recommended for 2 or more team members',\n  price: 299,\n  features: [\n    '600+ courses',\n    'Structured learning paths',\n    'Interactive lessons',\n    'Real-world projects',\n    'Unlimited seat transfer',\n    'Admin dashboard',\n    'Progress reports',\n    'Manage multiple training programs',\n  ],\n};\n"],"mappings":";;AASA,MAAaA,cAA2B;CACtCC,IAAI;CACJC,OAAO;CACPC,KAAK;CACLC,oBAAoB;CACpBC,OAAO;CACPC,UAAU;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACH"}

package/dist/PlanCardTeams/consts.mjs

@@ -1,22 +0,0 @@
-//#region src/PlanCardTeams/consts.ts
-const planDetails = {
-	id: "teams",
-	title: "Teams",
-	tag: "Recommended for 2+",
-	tagForScreenReader: "Recommended for 2 or more team members",
-	price: 299,
-	features: [
-		"600+ courses",
-		"Structured learning paths",
-		"Interactive lessons",
-		"Real-world projects",
-		"Unlimited seat transfer",
-		"Admin dashboard",
-		"Progress reports",
-		"Manage multiple training programs"
-	]
-};
-
-//#endregion
-export { planDetails };
-//# sourceMappingURL=consts.mjs.map

package/dist/PlanCardTeams/consts.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"consts.mjs","names":["planDetails","id","title","tag","tagForScreenReader","price","features"],"sources":["../../src/PlanCardTeams/consts.ts"],"sourcesContent":["export type PlanDetails = {\n  id: string;\n  title: string;\n  tag: string;\n  tagForScreenReader: string;\n  price: number;\n  features: string[];\n};\n\nexport const planDetails: PlanDetails = {\n  id: 'teams',\n  title: 'Teams',\n  tag: 'Recommended for 2+',\n  tagForScreenReader: 'Recommended for 2 or more team members',\n  price: 299,\n  features: [\n    '600+ courses',\n    'Structured learning paths',\n    'Interactive lessons',\n    'Real-world projects',\n    'Unlimited seat transfer',\n    'Admin dashboard',\n    'Progress reports',\n    'Manage multiple training programs',\n  ],\n};\n"],"mappings":";AASA,MAAaA,cAA2B;CACtCC,IAAI;CACJC,OAAO;CACPC,KAAK;CACLC,oBAAoB;CACpBC,OAAO;CACPC,UAAU;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACH"}

package/dist/PlanCardTeams/index.cjs

@@ -1,112 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_PlanFeature = require('../PlanCard/PlanFeature.cjs');
-const require_types = require('../PlanCard/types.cjs');
-const require_consts = require('./consts.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 _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
-
-//#region src/PlanCardTeams/index.tsx
-const StyledList = (0, _emotion_styled.default)(_codecademy_gamut.FlexBox)`
-  padding-left: 0;
-  margin-bottom: 0;
-  gap: 20;
-`.withComponent("ul");
-const PriceDisplay = ({ currency = require_types.Currency.USD, price, isBusinessTrial = false }) => {
-	const currencySymbol = require_types.getCurrencySymbol(currency);
-	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, {
-		mr: 32,
-		alignItems: "center",
-		justifyContent: "center",
-		"aria-atomic": "true"
-	}, isBusinessTrial ? /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-		variant: "title-md",
-		ml: 8,
-		mt: 16
-	}, "Try Teams free for 14 days") : /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, { variant: "title-sm" }, currencySymbol), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-		variant: "title-lg",
-		ml: 8
-	}, price))), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, {
-		mr: 32,
-		alignItems: "flexStart",
-		justifyContent: "center",
-		"aria-atomic": "true"
-	}, isBusinessTrial ? "" : /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, { color: "text-secondary" }, "annually, per user")));
-};
-const FeatureList = ({ features }) => /* @__PURE__ */ react.default.createElement(StyledList, {
-	flexDirection: { _: "column" },
-	flexWrap: {
-		_: "nowrap",
-		xs: "wrap"
-	},
-	maxHeight: {
-		_: "unset",
-		md: 120,
-		sm: 128,
-		xs: 176
-	},
-	width: {
-		_: "unset",
-		xs: "100%"
-	}
-}, features.map((feature) => /* @__PURE__ */ react.default.createElement(require_PlanFeature.PlanFeature, {
-	key: feature,
-	feature,
-	available: true,
-	isMultiple: false
-})));
-const PlanCardTeams = ({ currency, price, isBusinessTrial = false }) => {
-	const { title, tag, tagForScreenReader, features } = require_consts.planDetails;
-	return /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Card, {
-		display: "flex",
-		flexDirection: "column",
-		p: 0,
-		"data-testid": "card"
-	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut_styles.Background, {
-		bg: "navy",
-		display: "flex",
-		justifyContent: "space-between",
-		px: 16,
-		py: 12
-	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-		variant: "title-xs",
-		as: "p"
-	}, title), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Badge, {
-		variant: "tertiary",
-		ml: {
-			_: 32,
-			xs: 0,
-			md: 32
-		}
-	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, { "aria-hidden": true }, tag), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, { screenreader: true }, tagForScreenReader))), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.LayoutGrid, {
-		px: 40,
-		py: 24
-	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Column, { size: {
-		_: 12,
-		lg: 4
-	} }, /* @__PURE__ */ react.default.createElement(PriceDisplay, {
-		price,
-		currency,
-		isBusinessTrial
-	}), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Box, {
-		height: "1px",
-		overflow: "hidden",
-		display: {
-			_: "block",
-			lg: "none"
-		},
-		mb: 24,
-		mt: 16
-	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut_patterns.CheckerDense, { height: "auto" }))), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Column, { size: {
-		_: 12,
-		lg: 8
-	} }, /* @__PURE__ */ react.default.createElement(FeatureList, { features }))));
-};
-
-//#endregion
-exports.PlanCardTeams = PlanCardTeams;
-//# sourceMappingURL=index.cjs.map

package/dist/PlanCardTeams/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Badge","Box","Card","Column","FlexBox","LayoutGrid","Text","CheckerDense","Background","styled","React","PlanFeature","Currency","getCurrencySymbol","planDetails","StyledList","withComponent","PriceDisplay","currency","USD","price","isBusinessTrial","currencySymbol","mr","alignItems","justifyContent","aria-atomic","variant","ml","mt","color","FeatureList","features","flexDirection","_","flexWrap","xs","maxHeight","md","sm","width","map","feature","key","available","isMultiple","PlanCardTeams","title","tag","tagForScreenReader","display","p","data-testid","bg","px","py","as","aria-hidden","screenreader","size","lg","height","overflow","mb"],"sources":["../../src/PlanCardTeams/index.tsx"],"sourcesContent":["import {\n  Badge,\n  Box,\n  Card,\n  Column,\n  FlexBox,\n  LayoutGrid,\n  Text,\n} from '@codecademy/gamut';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { Background } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport React from 'react';\n\nimport { PlanFeature } from '../PlanCard/PlanFeature';\nimport { Currency, getCurrencySymbol } from '../PlanCard/types';\nimport { PlanDetails, planDetails } from './consts';\n\nconst StyledList = styled(FlexBox)`\n  padding-left: 0;\n  margin-bottom: 0;\n  gap: 20;\n`.withComponent('ul');\n\ninterface PriceDisplayProps {\n  currency: Currency;\n  price: string;\n  isBusinessTrial?: boolean;\n}\nconst PriceDisplay: React.FC<PriceDisplayProps> = ({\n  currency = Currency.USD,\n  price,\n  isBusinessTrial = false,\n}) => {\n  const currencySymbol = getCurrencySymbol(currency);\n  return (\n    <>\n      <FlexBox\n        mr={32}\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        aria-atomic=\"true\"\n      >\n        {isBusinessTrial ? (\n          <Text variant=\"title-md\" ml={8} mt={16}>\n            Try Teams free for 14 days\n          </Text>\n        ) : (\n          <>\n            <Text variant=\"title-sm\">{currencySymbol}</Text>\n            <Text variant=\"title-lg\" ml={8}>\n              {price}\n            </Text>\n          </>\n        )}\n      </FlexBox>\n      <FlexBox\n        mr={32}\n        alignItems=\"flexStart\"\n        justifyContent=\"center\"\n        aria-atomic=\"true\"\n      >\n        {isBusinessTrial ? (\n          ''\n        ) : (\n          <Text color=\"text-secondary\">annually, per user</Text>\n        )}\n      </FlexBox>\n    </>\n  );\n};\n\nconst FeatureList: React.FC<{ features: PlanDetails['features'] }> = ({\n  features,\n}) => (\n  <StyledList\n    flexDirection={{ _: 'column' }}\n    flexWrap={{ _: 'nowrap', xs: 'wrap' }}\n    maxHeight={{\n      _: 'unset',\n      md: 120,\n      sm: 128,\n      xs: 176,\n    }}\n    width={{\n      _: 'unset',\n      xs: '100%',\n    }}\n  >\n    {features.map((feature) => (\n      <PlanFeature\n        key={feature}\n        feature={feature}\n        available\n        isMultiple={false}\n      />\n    ))}\n  </StyledList>\n);\n\nexport interface PlanCardTeamsProps {\n  currency: Currency;\n  price: string;\n  isBusinessTrial?: boolean;\n}\nexport const PlanCardTeams: React.FC<PlanCardTeamsProps> = ({\n  currency,\n  price,\n  isBusinessTrial = false,\n}) => {\n  const { title, tag, tagForScreenReader, features } = planDetails;\n\n  return (\n    <Card display=\"flex\" flexDirection=\"column\" p={0} data-testid=\"card\">\n      <Background\n        bg=\"navy\"\n        display=\"flex\"\n        justifyContent=\"space-between\"\n        px={16}\n        py={12}\n      >\n        <Text variant=\"title-xs\" as=\"p\">\n          {title}\n        </Text>\n        <Badge variant=\"tertiary\" ml={{ _: 32, xs: 0, md: 32 }}>\n          <Text aria-hidden>{tag}</Text>\n          <Text screenreader>{tagForScreenReader}</Text>\n        </Badge>\n      </Background>\n      <LayoutGrid px={40} py={24}>\n        <Column size={{ _: 12, lg: 4 }}>\n          <PriceDisplay\n            price={price}\n            currency={currency}\n            isBusinessTrial={isBusinessTrial}\n          />\n          <Box\n            height=\"1px\"\n            overflow=\"hidden\"\n            display={{ _: 'block', lg: 'none' }}\n            mb={24}\n            mt={16}\n          >\n            <CheckerDense height=\"auto\" />\n          </Box>\n        </Column>\n        <Column size={{ _: 12, lg: 8 }}>\n          <FeatureList features={features} />\n        </Column>\n      </LayoutGrid>\n    </Card>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAMe,aAAaN,6BAAOL,0BAAQ;;;;EAIhCY,cAAc,KAAA;AAOhB,MAAMC,gBAA6C,EACjDC,WAAWN,uBAASO,KACpBC,OACAC,kBAAkB,YACnB;CACC,MAAMC,iBAAiBT,gCAAkBK,SAAAA;AACzC,QACE,8BAAA,cAAA,cAAA,UAAA,MACE,8BAAA,cAACd,2BAAAA;EACCmB,IAAI;EACJC,YAAW;EACXC,gBAAe;EACfC,eAAY;IAEXL,kBACC,8BAAA,cAACf,wBAAAA;EAAKqB,SAAQ;EAAWC,IAAI;EAAGC,IAAI;IAAI,6BAAA,GAIxC,8BAAA,cAAA,cAAA,UAAA,MACE,8BAAA,cAACvB,wBAAAA,EAAKqB,SAAQ,cAAYL,eAAAA,EAC1B,8BAAA,cAAChB,wBAAAA;EAAKqB,SAAQ;EAAWC,IAAI;IAC1BR,MAAAA,CAAAA,CAAAA,EAKT,8BAAA,cAAChB,2BAAAA;EACCmB,IAAI;EACJC,YAAW;EACXC,gBAAe;EACfC,eAAY;IAEXL,kBACC,KAEA,8BAAA,cAACf,wBAAAA,EAAKwB,OAAM,oBAAiB,qBAAA,CAAA,CAAA;;AAOvC,MAAMC,eAAgE,EACpEC,eAEA,8BAAA,cAACjB,YAAAA;CACCkB,eAAe,EAAEC,GAAG,UAAS;CAC7BC,UAAU;EAAED,GAAG;EAAUE,IAAI;EAAO;CACpCC,WAAW;EACTH,GAAG;EACHI,IAAI;EACJC,IAAI;EACJH,IAAI;EACN;CACAI,OAAO;EACLN,GAAG;EACHE,IAAI;EACN;GAECJ,SAASS,KAAKC,YACb,8BAAA,cAAC/B,iCAAAA;CACCgC,KAAKD;CACIA;CACTE,WAAAA;CACAC,YAAY;;AAWpB,MAAaC,iBAA+C,EAC1D5B,UACAE,OACAC,kBAAkB,YACnB;CACC,MAAM,EAAE0B,OAAOC,KAAKC,oBAAoBjB,aAAalB;AAErD,QACE,8BAAA,cAACZ,wBAAAA;EAAKgD,SAAQ;EAAOjB,eAAc;EAASkB,GAAG;EAAGC,eAAY;IAC5D,8BAAA,cAAC5C,qCAAAA;EACC6C,IAAG;EACHH,SAAQ;EACRzB,gBAAe;EACf6B,IAAI;EACJC,IAAI;IAEJ,8BAAA,cAACjD,wBAAAA;EAAKqB,SAAQ;EAAW6B,IAAG;IACzBT,MAAAA,EAEH,8BAAA,cAAC/C,yBAAAA;EAAM2B,SAAQ;EAAWC,IAAI;GAAEM,GAAG;GAAIE,IAAI;GAAGE,IAAI;GAAG;IACnD,8BAAA,cAAChC,wBAAAA,EAAKmD,eAAAA,QAAaT,IAAAA,EACnB,8BAAA,cAAC1C,wBAAAA,EAAKoD,cAAAA,QAAcT,mBAAAA,CAAAA,CAAAA,EAGxB,8BAAA,cAAC5C,8BAAAA;EAAWiD,IAAI;EAAIC,IAAI;IACtB,8BAAA,cAACpD,0BAAAA,EAAOwD,MAAM;EAAEzB,GAAG;EAAI0B,IAAI;EAAE,IAC3B,8BAAA,cAAC3C,cAAAA;EACQG;EACGF;EACOG;KAEnB,8BAAA,cAACpB,uBAAAA;EACC4D,QAAO;EACPC,UAAS;EACTZ,SAAS;GAAEhB,GAAG;GAAS0B,IAAI;GAAO;EAClCG,IAAI;EACJlC,IAAI;IAEJ,8BAAA,cAACtB,yCAAAA,EAAasD,QAAO,aAGzB,8BAAA,cAAC1D,0BAAAA,EAAOwD,MAAM;EAAEzB,GAAG;EAAI0B,IAAI;EAAE,IAC3B,8BAAA,cAAC7B,aAAAA,EAAsBC"}

package/dist/PlanCardTeams/index.d.cts

@@ -1,13 +0,0 @@
-import { Currency } from "../PlanCard/types.cjs";
-import React from "react";
-
-//#region src/PlanCardTeams/index.d.ts
-interface PlanCardTeamsProps {
-  currency: Currency;
-  price: string;
-  isBusinessTrial?: boolean;
-}
-declare const PlanCardTeams: React.FC<PlanCardTeamsProps>;
-//#endregion
-export { PlanCardTeams, PlanCardTeamsProps };
-//# sourceMappingURL=index.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/PlanCardTeams/index.tsx"],"sourcesContent":[],"mappings":";;;;UAoGiB,kBAAA;YACL;EADK,KAAA,EAAA,MAAA;EAKJ,eAAA,CA+CZ,EAAA,OAAA;;cA/CY,eAAe,KAAA,CAAM,GAAG"}

package/dist/PlanCardTeams/index.d.mts

@@ -1,13 +0,0 @@
-import { Currency } from "../PlanCard/types.mjs";
-import React from "react";
-
-//#region src/PlanCardTeams/index.d.ts
-interface PlanCardTeamsProps {
-  currency: Currency;
-  price: string;
-  isBusinessTrial?: boolean;
-}
-declare const PlanCardTeams: React.FC<PlanCardTeamsProps>;
-//#endregion
-export { PlanCardTeams, PlanCardTeamsProps };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/PlanCardTeams/index.tsx"],"sourcesContent":[],"mappings":";;;;UAoGiB,kBAAA;YACL;EADK,KAAA,EAAA,MAAA;EAKJ,eAAA,CA+CZ,EAAA,OAAA;;cA/CY,eAAe,KAAA,CAAM,GAAG"}

package/dist/PlanCardTeams/index.mjs

@@ -1,109 +0,0 @@
-import { PlanFeature } from "../PlanCard/PlanFeature.mjs";
-import { Currency, getCurrencySymbol } from "../PlanCard/types.mjs";
-import { planDetails } from "./consts.mjs";
-import { Badge, Box, Card, Column, FlexBox, LayoutGrid, Text } from "@codecademy/gamut";
-import { Background } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import React from "react";
-import { CheckerDense } from "@codecademy/gamut-patterns";
-
-//#region src/PlanCardTeams/index.tsx
-const StyledList = styled(FlexBox)`
-  padding-left: 0;
-  margin-bottom: 0;
-  gap: 20;
-`.withComponent("ul");
-const PriceDisplay = ({ currency = Currency.USD, price, isBusinessTrial = false }) => {
-	const currencySymbol = getCurrencySymbol(currency);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FlexBox, {
-		mr: 32,
-		alignItems: "center",
-		justifyContent: "center",
-		"aria-atomic": "true"
-	}, isBusinessTrial ? /* @__PURE__ */ React.createElement(Text, {
-		variant: "title-md",
-		ml: 8,
-		mt: 16
-	}, "Try Teams free for 14 days") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { variant: "title-sm" }, currencySymbol), /* @__PURE__ */ React.createElement(Text, {
-		variant: "title-lg",
-		ml: 8
-	}, price))), /* @__PURE__ */ React.createElement(FlexBox, {
-		mr: 32,
-		alignItems: "flexStart",
-		justifyContent: "center",
-		"aria-atomic": "true"
-	}, isBusinessTrial ? "" : /* @__PURE__ */ React.createElement(Text, { color: "text-secondary" }, "annually, per user")));
-};
-const FeatureList = ({ features }) => /* @__PURE__ */ React.createElement(StyledList, {
-	flexDirection: { _: "column" },
-	flexWrap: {
-		_: "nowrap",
-		xs: "wrap"
-	},
-	maxHeight: {
-		_: "unset",
-		md: 120,
-		sm: 128,
-		xs: 176
-	},
-	width: {
-		_: "unset",
-		xs: "100%"
-	}
-}, features.map((feature) => /* @__PURE__ */ React.createElement(PlanFeature, {
-	key: feature,
-	feature,
-	available: true,
-	isMultiple: false
-})));
-const PlanCardTeams = ({ currency, price, isBusinessTrial = false }) => {
-	const { title, tag, tagForScreenReader, features } = planDetails;
-	return /* @__PURE__ */ React.createElement(Card, {
-		display: "flex",
-		flexDirection: "column",
-		p: 0,
-		"data-testid": "card"
-	}, /* @__PURE__ */ React.createElement(Background, {
-		bg: "navy",
-		display: "flex",
-		justifyContent: "space-between",
-		px: 16,
-		py: 12
-	}, /* @__PURE__ */ React.createElement(Text, {
-		variant: "title-xs",
-		as: "p"
-	}, title), /* @__PURE__ */ React.createElement(Badge, {
-		variant: "tertiary",
-		ml: {
-			_: 32,
-			xs: 0,
-			md: 32
-		}
-	}, /* @__PURE__ */ React.createElement(Text, { "aria-hidden": true }, tag), /* @__PURE__ */ React.createElement(Text, { screenreader: true }, tagForScreenReader))), /* @__PURE__ */ React.createElement(LayoutGrid, {
-		px: 40,
-		py: 24
-	}, /* @__PURE__ */ React.createElement(Column, { size: {
-		_: 12,
-		lg: 4
-	} }, /* @__PURE__ */ React.createElement(PriceDisplay, {
-		price,
-		currency,
-		isBusinessTrial
-	}), /* @__PURE__ */ React.createElement(Box, {
-		height: "1px",
-		overflow: "hidden",
-		display: {
-			_: "block",
-			lg: "none"
-		},
-		mb: 24,
-		mt: 16
-	}, /* @__PURE__ */ React.createElement(CheckerDense, { height: "auto" }))), /* @__PURE__ */ React.createElement(Column, { size: {
-		_: 12,
-		lg: 8
-	} }, /* @__PURE__ */ React.createElement(FeatureList, { features }))));
-};
-
-//#endregion
-export { PlanCardTeams };
-//# sourceMappingURL=index.mjs.map

package/dist/PlanCardTeams/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["Badge","Box","Card","Column","FlexBox","LayoutGrid","Text","CheckerDense","Background","styled","React","PlanFeature","Currency","getCurrencySymbol","planDetails","StyledList","withComponent","PriceDisplay","currency","USD","price","isBusinessTrial","currencySymbol","mr","alignItems","justifyContent","aria-atomic","variant","ml","mt","color","FeatureList","features","flexDirection","_","flexWrap","xs","maxHeight","md","sm","width","map","feature","key","available","isMultiple","PlanCardTeams","title","tag","tagForScreenReader","display","p","data-testid","bg","px","py","as","aria-hidden","screenreader","size","lg","height","overflow","mb"],"sources":["../../src/PlanCardTeams/index.tsx"],"sourcesContent":["import {\n  Badge,\n  Box,\n  Card,\n  Column,\n  FlexBox,\n  LayoutGrid,\n  Text,\n} from '@codecademy/gamut';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { Background } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport React from 'react';\n\nimport { PlanFeature } from '../PlanCard/PlanFeature';\nimport { Currency, getCurrencySymbol } from '../PlanCard/types';\nimport { PlanDetails, planDetails } from './consts';\n\nconst StyledList = styled(FlexBox)`\n  padding-left: 0;\n  margin-bottom: 0;\n  gap: 20;\n`.withComponent('ul');\n\ninterface PriceDisplayProps {\n  currency: Currency;\n  price: string;\n  isBusinessTrial?: boolean;\n}\nconst PriceDisplay: React.FC<PriceDisplayProps> = ({\n  currency = Currency.USD,\n  price,\n  isBusinessTrial = false,\n}) => {\n  const currencySymbol = getCurrencySymbol(currency);\n  return (\n    <>\n      <FlexBox\n        mr={32}\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        aria-atomic=\"true\"\n      >\n        {isBusinessTrial ? (\n          <Text variant=\"title-md\" ml={8} mt={16}>\n            Try Teams free for 14 days\n          </Text>\n        ) : (\n          <>\n            <Text variant=\"title-sm\">{currencySymbol}</Text>\n            <Text variant=\"title-lg\" ml={8}>\n              {price}\n            </Text>\n          </>\n        )}\n      </FlexBox>\n      <FlexBox\n        mr={32}\n        alignItems=\"flexStart\"\n        justifyContent=\"center\"\n        aria-atomic=\"true\"\n      >\n        {isBusinessTrial ? (\n          ''\n        ) : (\n          <Text color=\"text-secondary\">annually, per user</Text>\n        )}\n      </FlexBox>\n    </>\n  );\n};\n\nconst FeatureList: React.FC<{ features: PlanDetails['features'] }> = ({\n  features,\n}) => (\n  <StyledList\n    flexDirection={{ _: 'column' }}\n    flexWrap={{ _: 'nowrap', xs: 'wrap' }}\n    maxHeight={{\n      _: 'unset',\n      md: 120,\n      sm: 128,\n      xs: 176,\n    }}\n    width={{\n      _: 'unset',\n      xs: '100%',\n    }}\n  >\n    {features.map((feature) => (\n      <PlanFeature\n        key={feature}\n        feature={feature}\n        available\n        isMultiple={false}\n      />\n    ))}\n  </StyledList>\n);\n\nexport interface PlanCardTeamsProps {\n  currency: Currency;\n  price: string;\n  isBusinessTrial?: boolean;\n}\nexport const PlanCardTeams: React.FC<PlanCardTeamsProps> = ({\n  currency,\n  price,\n  isBusinessTrial = false,\n}) => {\n  const { title, tag, tagForScreenReader, features } = planDetails;\n\n  return (\n    <Card display=\"flex\" flexDirection=\"column\" p={0} data-testid=\"card\">\n      <Background\n        bg=\"navy\"\n        display=\"flex\"\n        justifyContent=\"space-between\"\n        px={16}\n        py={12}\n      >\n        <Text variant=\"title-xs\" as=\"p\">\n          {title}\n        </Text>\n        <Badge variant=\"tertiary\" ml={{ _: 32, xs: 0, md: 32 }}>\n          <Text aria-hidden>{tag}</Text>\n          <Text screenreader>{tagForScreenReader}</Text>\n        </Badge>\n      </Background>\n      <LayoutGrid px={40} py={24}>\n        <Column size={{ _: 12, lg: 4 }}>\n          <PriceDisplay\n            price={price}\n            currency={currency}\n            isBusinessTrial={isBusinessTrial}\n          />\n          <Box\n            height=\"1px\"\n            overflow=\"hidden\"\n            display={{ _: 'block', lg: 'none' }}\n            mb={24}\n            mt={16}\n          >\n            <CheckerDense height=\"auto\" />\n          </Box>\n        </Column>\n        <Column size={{ _: 12, lg: 8 }}>\n          <FeatureList features={features} />\n        </Column>\n      </LayoutGrid>\n    </Card>\n  );\n};\n"],"mappings":";;;;;;;;;;AAkBA,MAAMe,aAAaN,OAAOL,QAAQ;;;;EAIhCY,cAAc,KAAA;AAOhB,MAAMC,gBAA6C,EACjDC,WAAWN,SAASO,KACpBC,OACAC,kBAAkB,YACnB;CACC,MAAMC,iBAAiBT,kBAAkBK,SAAAA;AACzC,QACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACd,SAAAA;EACCmB,IAAI;EACJC,YAAW;EACXC,gBAAe;EACfC,eAAY;IAEXL,kBACC,sBAAA,cAACf,MAAAA;EAAKqB,SAAQ;EAAWC,IAAI;EAAGC,IAAI;IAAI,6BAAA,GAIxC,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACvB,MAAAA,EAAKqB,SAAQ,cAAYL,eAAAA,EAC1B,sBAAA,cAAChB,MAAAA;EAAKqB,SAAQ;EAAWC,IAAI;IAC1BR,MAAAA,CAAAA,CAAAA,EAKT,sBAAA,cAAChB,SAAAA;EACCmB,IAAI;EACJC,YAAW;EACXC,gBAAe;EACfC,eAAY;IAEXL,kBACC,KAEA,sBAAA,cAACf,MAAAA,EAAKwB,OAAM,oBAAiB,qBAAA,CAAA,CAAA;;AAOvC,MAAMC,eAAgE,EACpEC,eAEA,sBAAA,cAACjB,YAAAA;CACCkB,eAAe,EAAEC,GAAG,UAAS;CAC7BC,UAAU;EAAED,GAAG;EAAUE,IAAI;EAAO;CACpCC,WAAW;EACTH,GAAG;EACHI,IAAI;EACJC,IAAI;EACJH,IAAI;EACN;CACAI,OAAO;EACLN,GAAG;EACHE,IAAI;EACN;GAECJ,SAASS,KAAKC,YACb,sBAAA,cAAC/B,aAAAA;CACCgC,KAAKD;CACIA;CACTE,WAAAA;CACAC,YAAY;;AAWpB,MAAaC,iBAA+C,EAC1D5B,UACAE,OACAC,kBAAkB,YACnB;CACC,MAAM,EAAE0B,OAAOC,KAAKC,oBAAoBjB,aAAalB;AAErD,QACE,sBAAA,cAACZ,MAAAA;EAAKgD,SAAQ;EAAOjB,eAAc;EAASkB,GAAG;EAAGC,eAAY;IAC5D,sBAAA,cAAC5C,YAAAA;EACC6C,IAAG;EACHH,SAAQ;EACRzB,gBAAe;EACf6B,IAAI;EACJC,IAAI;IAEJ,sBAAA,cAACjD,MAAAA;EAAKqB,SAAQ;EAAW6B,IAAG;IACzBT,MAAAA,EAEH,sBAAA,cAAC/C,OAAAA;EAAM2B,SAAQ;EAAWC,IAAI;GAAEM,GAAG;GAAIE,IAAI;GAAGE,IAAI;GAAG;IACnD,sBAAA,cAAChC,MAAAA,EAAKmD,eAAAA,QAAaT,IAAAA,EACnB,sBAAA,cAAC1C,MAAAA,EAAKoD,cAAAA,QAAcT,mBAAAA,CAAAA,CAAAA,EAGxB,sBAAA,cAAC5C,YAAAA;EAAWiD,IAAI;EAAIC,IAAI;IACtB,sBAAA,cAACpD,QAAAA,EAAOwD,MAAM;EAAEzB,GAAG;EAAI0B,IAAI;EAAE,IAC3B,sBAAA,cAAC3C,cAAAA;EACQG;EACGF;EACOG;KAEnB,sBAAA,cAACpB,KAAAA;EACC4D,QAAO;EACPC,UAAS;EACTZ,SAAS;GAAEhB,GAAG;GAAS0B,IAAI;GAAO;EAClCG,IAAI;EACJlC,IAAI;IAEJ,sBAAA,cAACtB,cAAAA,EAAasD,QAAO,aAGzB,sBAAA,cAAC1D,QAAAA,EAAOwD,MAAM;EAAEzB,GAAG;EAAI0B,IAAI;EAAE,IAC3B,sBAAA,cAAC7B,aAAAA,EAAsBC"}

package/dist/PricingSection/ConditionalColorMode.cjs

@@ -1,11 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-
-//#region src/PricingSection/ConditionalColorMode.tsx
-const ConditionalColorMode = ({ condition, children }) => {
-	return condition ? /* @__PURE__ */ React.createElement(_codecademy_gamut_styles.ColorMode, { mode: "dark" }, children) : /* @__PURE__ */ React.createElement(React.Fragment, null, children);
-};
-
-//#endregion
-exports.ConditionalColorMode = ConditionalColorMode;
-//# sourceMappingURL=ConditionalColorMode.cjs.map

package/dist/PricingSection/ConditionalColorMode.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionalColorMode.cjs","names":["ColorMode","ConditionalColorMode","condition","children","mode"],"sources":["../../src/PricingSection/ConditionalColorMode.tsx"],"sourcesContent":["import { ColorMode } from '@codecademy/gamut-styles';\n\nexport const ConditionalColorMode: React.FC<{\n  condition: boolean;\n  children: React.ReactNode;\n}> = ({ condition, children }) => {\n  return condition ? (\n    <ColorMode mode=\"dark\">{children}</ColorMode>\n  ) : (\n    <>{children}</>\n  );\n};\n"],"mappings":";;;;AAEA,MAAaC,wBAGP,EAAEC,WAAWC,eAAU;AAC3B,QAAOD,YACL,sBAAA,cAACF,oCAAAA,EAAUI,MAAK,UAAQD,SAAAA,GAExB,sBAAA,cAAA,MAAA,UAAA,MAAGA,SAAAA"}

package/dist/PricingSection/ConditionalColorMode.mjs

@@ -1,10 +0,0 @@
-import { ColorMode } from "@codecademy/gamut-styles";
-
-//#region src/PricingSection/ConditionalColorMode.tsx
-const ConditionalColorMode = ({ condition, children }) => {
-	return condition ? /* @__PURE__ */ React.createElement(ColorMode, { mode: "dark" }, children) : /* @__PURE__ */ React.createElement(React.Fragment, null, children);
-};
-
-//#endregion
-export { ConditionalColorMode };
-//# sourceMappingURL=ConditionalColorMode.mjs.map

package/dist/PricingSection/ConditionalColorMode.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionalColorMode.mjs","names":["ColorMode","ConditionalColorMode","condition","children","mode"],"sources":["../../src/PricingSection/ConditionalColorMode.tsx"],"sourcesContent":["import { ColorMode } from '@codecademy/gamut-styles';\n\nexport const ConditionalColorMode: React.FC<{\n  condition: boolean;\n  children: React.ReactNode;\n}> = ({ condition, children }) => {\n  return condition ? (\n    <ColorMode mode=\"dark\">{children}</ColorMode>\n  ) : (\n    <>{children}</>\n  );\n};\n"],"mappings":";;;AAEA,MAAaC,wBAGP,EAAEC,WAAWC,eAAU;AAC3B,QAAOD,YACL,sBAAA,cAACF,WAAAA,EAAUI,MAAK,UAAQD,SAAAA,GAExB,sBAAA,cAAA,MAAA,UAAA,MAAGA,SAAAA"}

package/dist/PricingSection/PricingCard/PricingAmount.cjs

@@ -1,82 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_types = require('../types.cjs');
-const require_types$1 = require('./types.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);
-
-//#region src/PricingSection/PricingCard/PricingAmount.tsx
-const Amount = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Text, {
-	target: "e1qyn9kn0",
-	label: "brand-Amount"
-})("font-weight:bold;color:black;font-size:44px;line-height:64px;", _codecademy_gamut_styles.theme.breakpoints.xl, "{font-size:64px;line-height:80px;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1ByaWNpbmdTZWN0aW9uL1ByaWNpbmdDYXJkL1ByaWNpbmdBbW91bnQudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvUHJpY2luZ1NlY3Rpb24vUHJpY2luZ0NhcmQvUHJpY2luZ0Ftb3VudC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmxleEJveCwgSGlkZGVuVGV4dCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFByb2R1Y3QgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBBbGxDdXJyZW5jeSwgZ2V0Q3VycmVuY3lTeW1ib2wgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgQW1vdW50ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogYm9sZDtcbiAgY29sb3I6IGJsYWNrO1xuICBmb250LXNpemU6IDQ0cHg7XG4gIGxpbmUtaGVpZ2h0OiA2NHB4O1xuICAke3RoZW1lLmJyZWFrcG9pbnRzLnhsfSB7XG4gICAgZm9udC1zaXplOiA2NHB4O1xuICAgIGxpbmUtaGVpZ2h0OiA4MHB4O1xuICB9XG5gO1xuXG50eXBlIFByaWNpbmdBbW91bnRQcm9wcyA9IHtcbiAgcHJvZHVjdDogUHJvZHVjdDtcbiAgcHJpY2U6IHN0cmluZztcbiAgbW9udGhseVByaWNlPzogc3RyaW5nO1xuICBjdXJyZW5jeTogQWxsQ3VycmVuY3k7XG4gIHRlcm1Nb250aHM/OiBudW1iZXI7XG4gIGNvbXBhY3Q/OiBib29sZWFuO1xuICBpc1VzZXJJbkluZGlhOiBib29sZWFuO1xufTtcblxuZXhwb3J0IGNvbnN0IFByaWNpbmdBbW91bnQ6IFJlYWN0LkZDPFByaWNpbmdBbW91bnRQcm9wcz4gPSAoe1xuICBjdXJyZW5jeSxcbiAgbW9udGhseVByaWNlLFxuICBwcm9kdWN0LFxuICBwcmljZSxcbiAgdGVybU1vbnRocyxcbiAgY29tcGFjdCA9IGZhbHNlLFxuICBpc1VzZXJJbkluZGlhLFxufSkgPT4ge1xuICBjb25zdCBpc1RlYW1zID0gcHJvZHVjdCA9PT0gUHJvZHVjdC5UZWFtcztcblxuICBjb25zdCBjeWNsZSA9IHRlcm1Nb250aHMgPT09IDEgPyAnbW9udGhseScgOiAnYW5udWFsbHknO1xuICBjb25zdCBbZG9sbGFycywgY2VudHNdID0gcHJpY2Uuc3BsaXQoJy4nKTtcbiAgbGV0IGFyaWFMYWJlbCA9IGAke2dldEN1cnJlbmN5U3ltYm9sKGN1cnJlbmN5KX0ke2RvbGxhcnN9JHtcbiAgICBjZW50cyA/IGAuJHtjZW50c31gIDogJydcbiAgfWA7XG4gIGlmIChwcm9kdWN0ICE9PSBQcm9kdWN0LkJhc2ljKSB7XG4gICAgYXJpYUxhYmVsICs9IGAgYSBtb250aCwgYmlsbGVkICR7Y3ljbGV9YDtcbiAgICBpZiAobW9udGhseVByaWNlKSB7XG4gICAgICBhcmlhTGFiZWwgKz0gYCBvciAke2dldEN1cnJlbmN5U3ltYm9sKFxuICAgICAgICBjdXJyZW5jeVxuICAgICAgKX0ke21vbnRobHlQcmljZX0gYmlsbGVkIG1vbnRobHlgO1xuICAgIH1cbiAgfVxuICBpZiAoaXNUZWFtcykge1xuICAgIGFyaWFMYWJlbCArPSAnLCBwZXIgdXNlci4gRGlzY291bnRzIGF2YWlsYWJsZSBmb3IgZWxpZ2libGUgdGVhbXMnO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJwcmljaW5nLWFtb3VudFwiXG4gICAgICAgIGxpbmVIZWlnaHQ9XCJ0aXRsZVwiXG4gICAgICAgIG1iPXtjb21wYWN0ID8gMCA6IDh9XG4gICAgICAgIGNvbHVtblxuICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgID5cbiAgICAgICAgPEhpZGRlblRleHQgZGF0YS10ZXN0aWQ9XCJwcmljaW5nLWFtb3VudC1sYWJlbFwiPnthcmlhTGFiZWx9PC9IaWRkZW5UZXh0PlxuICAgICAgICB7LyogZm9yIHNjcmVlbiByZWFkZXIgb3B0aW1pemF0aW9uICovfVxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgcm93XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgaGVpZ2h0PXt7IF86IDUwLCB4bDogJ3Vuc2V0JyB9fVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3ggbXI9ezR9IGFsaWduSXRlbXM9XCJzdGFydFwiPlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgbXQ9e3sgXzogMTIsIHhsOiAxNiB9fVxuICAgICAgICAgICAgICBmb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICAgIGZvbnRTaXplPXszNH1cbiAgICAgICAgICAgID57YCR7Z2V0Q3VycmVuY3lTeW1ib2woY3VycmVuY3kpfWB9PC9UZXh0PlxuICAgICAgICAgICAgPEFtb3VudD57YCR7ZG9sbGFyc31gfTwvQW1vdW50PlxuICAgICAgICAgICAge3Byb2R1Y3QgPT09IFByb2R1Y3QuQmFzaWMgPyBudWxsIDogKFxuICAgICAgICAgICAgICA8RmxleEJveCBjb2x1bW4gYWxpZ25JdGVtcz1cImZsZXgtZW5kXCIgbWw9ezR9PlxuICAgICAgICAgICAgICAgIDxUZXh0IGZvbnRXZWlnaHQ9XCJib2xkXCIgZm9udFNpemU9ezIyfSBtdD17eyBfOiAxMiwgeGw6IDE2IH19PlxuICAgICAgICAgICAgICAgICAge2NlbnRzID8gYC4ke2NlbnRzfWAgOiA8c3Bhbj4mbmJzcDs8L3NwYW4+fVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCBtdD17eyBfOiAwLCB4bDogNCB9fSBjb2xvcj1cIm5hdnktNTAwXCI+XG4gICAgICAgICAgICAgICAgICAvbW9cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxUZXh0IGNvbG9yPVwibmF2eS01MDBcIiBjZW50ZXIgbXQ9e2NvbXBhY3QgPyAwIDogeyBfOiA4LCB4bDogMCB9fT5cbiAgICAgICAgICB7cHJvZHVjdCA9PT0gUHJvZHVjdC5CYXNpYyA/IChcbiAgICAgICAgICAgIDxUZXh0IG1iPXsyNH0+QWx3YXlzIGZyZWU8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIDxUZXh0IG1iPXtjb21wYWN0ID8gMCA6IDh9IGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgICAgIHtpc1RlYW1zXG4gICAgICAgICAgICAgICAgICA/ICdQZXIgdXNlciwgYmlsbGVkIGFubnVhbGx5J1xuICAgICAgICAgICAgICAgICAgOiBpc1VzZXJJbkluZGlhXG4gICAgICAgICAgICAgICAgICA/IGBQZXIgbW9udGgsIHBhaWQgJHtjeWNsZX1gXG4gICAgICAgICAgICAgICAgICA6IGBCaWxsZWQgJHtjeWNsZX1gfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgICB7bW9udGhseVByaWNlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dCBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgICAgIHtgb3IgJHtnZXRDdXJyZW5jeVN5bWJvbChjdXJyZW5jeSl9JHttb250aGx5UHJpY2V9ICR7XG4gICAgICAgICAgICAgICAgICAgIGlzVXNlckluSW5kaWEgPyAncGFpZCcgOiAnYmlsbGVkJ1xuICAgICAgICAgICAgICAgICAgfSBtb250aGx5YH1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtpc1RlYW1zICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dCBhcmlhLWhpZGRlbj5EaXNjb3VudHMgYXZhaWxhYmxlIGZvciBlbGlnaWJsZSB0ZWFtczwvVGV4dD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvRmxleEJveD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWUifQ== */");
-const PricingAmount = ({ currency, monthlyPrice, product, price, termMonths, compact = false, isUserInIndia }) => {
-	const isTeams = product === require_types.Product.Teams;
-	const cycle = termMonths === 1 ? "monthly" : "annually";
-	const [dollars, cents] = price.split(".");
-	let ariaLabel = `${require_types$1.getCurrencySymbol(currency)}${dollars}${cents ? `.${cents}` : ""}`;
-	if (product !== require_types.Product.Basic) {
-		ariaLabel += ` a month, billed ${cycle}`;
-		if (monthlyPrice) ariaLabel += ` or ${require_types$1.getCurrencySymbol(currency)}${monthlyPrice} billed monthly`;
-	}
-	if (isTeams) ariaLabel += ", per user. Discounts available for eligible teams";
-	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, {
-		"data-testid": "pricing-amount",
-		lineHeight: "title",
-		mb: compact ? 0 : 8,
-		column: true,
-		alignItems: "center"
-	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.HiddenText, { "data-testid": "pricing-amount-label" }, ariaLabel), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, {
-		"aria-hidden": true,
-		row: true,
-		alignItems: "center",
-		height: {
-			_: 50,
-			xl: "unset"
-		}
-	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, {
-		mr: 4,
-		alignItems: "start"
-	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-		mt: {
-			_: 12,
-			xl: 16
-		},
-		fontWeight: "bold",
-		fontSize: 34
-	}, `${require_types$1.getCurrencySymbol(currency)}`), /* @__PURE__ */ react.default.createElement(Amount, null, `${dollars}`), product === require_types.Product.Basic ? null : /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, {
-		column: true,
-		alignItems: "flex-end",
-		ml: 4
-	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-		fontWeight: "bold",
-		fontSize: 22,
-		mt: {
-			_: 12,
-			xl: 16
-		}
-	}, cents ? `.${cents}` : /* @__PURE__ */ react.default.createElement("span", null, "\xA0")), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-		mt: {
-			_: 0,
-			xl: 4
-		},
-		color: "navy-500"
-	}, "/mo")))), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-		color: "navy-500",
-		center: true,
-		mt: compact ? 0 : {
-			_: 8,
-			xl: 0
-		}
-	}, product === require_types.Product.Basic ? /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, { mb: 24 }, "Always free") : /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-		mb: compact ? 0 : 8,
-		"aria-hidden": true
-	}, isTeams ? "Per user, billed annually" : isUserInIndia ? `Per month, paid ${cycle}` : `Billed ${cycle}`), /* @__PURE__ */ react.default.createElement("br", null), monthlyPrice && /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, { "aria-hidden": true }, `or ${require_types$1.getCurrencySymbol(currency)}${monthlyPrice} ${isUserInIndia ? "paid" : "billed"} monthly`), isTeams && /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, { "aria-hidden": true }, "Discounts available for eligible teams")))));
-};
-
-//#endregion
-exports.PricingAmount = PricingAmount;
-//# sourceMappingURL=PricingAmount.cjs.map

package/dist/PricingSection/PricingCard/PricingAmount.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PricingAmount.cjs","names":["FlexBox","HiddenText","Text","theme","styled","React","Product","getCurrencySymbol","Amount","breakpoints","xl","PricingAmount","currency","monthlyPrice","product","price","termMonths","compact","isUserInIndia","isTeams","Teams","cycle","dollars","cents","split","ariaLabel","Basic","data-testid","lineHeight","mb","column","alignItems","aria-hidden","row","height","_","mr","mt","fontWeight","fontSize","ml","span","color","center","br"],"sources":["../../../src/PricingSection/PricingCard/PricingAmount.tsx"],"sourcesContent":["import { FlexBox, HiddenText, Text } from '@codecademy/gamut';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport React from 'react';\n\nimport { Product } from '../types';\nimport { AllCurrency, getCurrencySymbol } from './types';\n\nconst Amount = styled(Text)`\n  font-weight: bold;\n  color: black;\n  font-size: 44px;\n  line-height: 64px;\n  ${theme.breakpoints.xl} {\n    font-size: 64px;\n    line-height: 80px;\n  }\n`;\n\ntype PricingAmountProps = {\n  product: Product;\n  price: string;\n  monthlyPrice?: string;\n  currency: AllCurrency;\n  termMonths?: number;\n  compact?: boolean;\n  isUserInIndia: boolean;\n};\n\nexport const PricingAmount: React.FC<PricingAmountProps> = ({\n  currency,\n  monthlyPrice,\n  product,\n  price,\n  termMonths,\n  compact = false,\n  isUserInIndia,\n}) => {\n  const isTeams = product === Product.Teams;\n\n  const cycle = termMonths === 1 ? 'monthly' : 'annually';\n  const [dollars, cents] = price.split('.');\n  let ariaLabel = `${getCurrencySymbol(currency)}${dollars}${\n    cents ? `.${cents}` : ''\n  }`;\n  if (product !== Product.Basic) {\n    ariaLabel += ` a month, billed ${cycle}`;\n    if (monthlyPrice) {\n      ariaLabel += ` or ${getCurrencySymbol(\n        currency\n      )}${monthlyPrice} billed monthly`;\n    }\n  }\n  if (isTeams) {\n    ariaLabel += ', per user. Discounts available for eligible teams';\n  }\n\n  return (\n    <>\n      <FlexBox\n        data-testid=\"pricing-amount\"\n        lineHeight=\"title\"\n        mb={compact ? 0 : 8}\n        column\n        alignItems=\"center\"\n      >\n        <HiddenText data-testid=\"pricing-amount-label\">{ariaLabel}</HiddenText>\n        {/* for screen reader optimization */}\n        <FlexBox\n          aria-hidden\n          row\n          alignItems=\"center\"\n          height={{ _: 50, xl: 'unset' }}\n        >\n          <FlexBox mr={4} alignItems=\"start\">\n            <Text\n              mt={{ _: 12, xl: 16 }}\n              fontWeight=\"bold\"\n              fontSize={34}\n            >{`${getCurrencySymbol(currency)}`}</Text>\n            <Amount>{`${dollars}`}</Amount>\n            {product === Product.Basic ? null : (\n              <FlexBox column alignItems=\"flex-end\" ml={4}>\n                <Text fontWeight=\"bold\" fontSize={22} mt={{ _: 12, xl: 16 }}>\n                  {cents ? `.${cents}` : <span>&nbsp;</span>}\n                </Text>\n                <Text mt={{ _: 0, xl: 4 }} color=\"navy-500\">\n                  /mo\n                </Text>\n              </FlexBox>\n            )}\n          </FlexBox>\n        </FlexBox>\n        <Text color=\"navy-500\" center mt={compact ? 0 : { _: 8, xl: 0 }}>\n          {product === Product.Basic ? (\n            <Text mb={24}>Always free</Text>\n          ) : (\n            <>\n              <Text mb={compact ? 0 : 8} aria-hidden>\n                {isTeams\n                  ? 'Per user, billed annually'\n                  : isUserInIndia\n                  ? `Per month, paid ${cycle}`\n                  : `Billed ${cycle}`}\n              </Text>\n              <br />\n              {monthlyPrice && (\n                <Text aria-hidden>\n                  {`or ${getCurrencySymbol(currency)}${monthlyPrice} ${\n                    isUserInIndia ? 'paid' : 'billed'\n                  } monthly`}\n                </Text>\n              )}\n              {isTeams && (\n                <Text aria-hidden>Discounts available for eligible teams</Text>\n              )}\n            </>\n          )}\n        </Text>\n      </FlexBox>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAQA,MAAMQ,SAASJ,6CAAOF,wBAAAA;;;oEAKlBC,+BAAMM,YAAYC,IAAE,sCAAA,spKAAA;AAgBxB,MAAaC,iBAA+C,EAC1DC,UACAC,cACAC,SACAC,OACAC,YACAC,UAAU,OACVC,oBACD;CACC,MAAMC,UAAUL,YAAYR,sBAAQc;CAEpC,MAAMC,QAAQL,eAAe,IAAI,YAAY;CAC7C,MAAM,CAACM,SAASC,SAASR,MAAMS,MAAM,IAAA;CACrC,IAAIC,YAAY,GAAGlB,kCAAkBK,SAAAA,GAAYU,UAC/CC,QAAQ,IAAIA,UAAU;AAExB,KAAIT,YAAYR,sBAAQoB,OAAO;AAC7BD,eAAa,oBAAoBJ;AACjC,MAAIR,aACFY,cAAa,OAAOlB,kCAClBK,SAAAA,GACEC,aAAa;;AAGrB,KAAIM,QACFM,cAAa;AAGf,QACE,8BAAA,cAAA,cAAA,UAAA,MACE,8BAAA,cAACzB,2BAAAA;EACC2B,eAAY;EACZC,YAAW;EACXC,IAAIZ,UAAU,IAAI;EAClBa,QAAAA;EACAC,YAAW;IAEX,8BAAA,cAAC9B,8BAAAA,EAAW0B,eAAY,0BAAwBF,UAAAA,EAEhD,8BAAA,cAACzB,2BAAAA;EACCgC,eAAAA;EACAC,KAAAA;EACAF,YAAW;EACXG,QAAQ;GAAEC,GAAG;GAAIzB,IAAI;GAAQ;IAE7B,8BAAA,cAACV,2BAAAA;EAAQoC,IAAI;EAAGL,YAAW;IACzB,8BAAA,cAAC7B,wBAAAA;EACCmC,IAAI;GAAEF,GAAG;GAAIzB,IAAI;GAAG;EACpB4B,YAAW;EACXC,UAAU;IACV,GAAGhC,kCAAkBK,SAAAA,GAAW,EAClC,8BAAA,cAACJ,QAAAA,MAAQ,GAAGc,UAAS,EACpBR,YAAYR,sBAAQoB,QAAQ,OAC3B,8BAAA,cAAC1B,2BAAAA;EAAQ8B,QAAAA;EAAOC,YAAW;EAAWS,IAAI;IACxC,8BAAA,cAACtC,wBAAAA;EAAKoC,YAAW;EAAOC,UAAU;EAAIF,IAAI;GAAEF,GAAG;GAAIzB,IAAI;GAAG;IACvDa,QAAQ,IAAIA,UAAU,8BAAA,cAACkB,QAAAA,MAAK,OAAA,CAAA,EAE/B,8BAAA,cAACvC,wBAAAA;EAAKmC,IAAI;GAAEF,GAAG;GAAGzB,IAAI;GAAE;EAAGgC,OAAM;IAAW,MAAA,CAAA,CAAA,CAAA,EAOpD,8BAAA,cAACxC,wBAAAA;EAAKwC,OAAM;EAAWC,QAAAA;EAAON,IAAIpB,UAAU,IAAI;GAAEkB,GAAG;GAAGzB,IAAI;GAAE;IAC3DI,YAAYR,sBAAQoB,QACnB,8BAAA,cAACxB,wBAAAA,EAAK2B,IAAI,MAAI,cAAA,GAEd,8BAAA,cAAA,cAAA,UAAA,MACE,8BAAA,cAAC3B,wBAAAA;EAAK2B,IAAIZ,UAAU,IAAI;EAAGe,eAAAA;IACxBb,UACG,8BACAD,gBACA,mBAAmBG,UACnB,UAAUA,QAAO,EAEvB,8BAAA,cAACuB,MAAAA,KAAAA,EACA/B,gBACC,8BAAA,cAACX,wBAAAA,EAAK8B,eAAAA,QACH,MAAMzB,kCAAkBK,SAAAA,GAAYC,aAAa,GAChDK,gBAAgB,SAAS,SAC1B,UAAS,EAGbC,WACC,8BAAA,cAACjB,wBAAAA,EAAK8B,eAAAA,QAAY,yCAAA,CAAA,CAAA,CAAA,CAAA"}