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

package/dist/PlanCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Badge","Box","Card","FillButton","FlexBox","Radio","Text","TextButton","CheckerDense","DiagonalADense","DiagonalARegular","DotDense","Background","states","variant","styled","React","useCallback","useMemo","planDetails","PlanFeature","PopularBadge","PricingAmount","RecommendedBadge","pricingBoxStates","hasLongPrice","px","_","sm","pricingBoxVariants","base","alignItems","bg","position","justifyContent","py","minWidth","defaultVariant","variants","default","singlePlan","width","margin","PricingBox","StyledRadio","StyledText","StyledList","withComponent","StyledFillButton","StyledTextButton","PlanCard","isSelected","price","currency","termMonths","onChange","onClick","planType","inUpsellModal","isMultiple","isStudentPlan","isIndiaUser","ctaHref","ctaLabel","planDetail","Number","cardBorderSize","filteredPlanFeatures","features","filter","feature","name","selectPlan","syntheticEvent","target","value","currentTarget","handleKeyDown","e","key","preventDefault","includes","handleCardClick","cardStyle","cursor","label","ml","aria-hidden","title","isInteractive","p","borderWidth","height","undefined","borderRadius","role","style","as","screenreader","color","textAlign","fontFamily","mt","flexDirection","lg","borderBottom","whiteSpace","htmlFor","checked","onKeyDown","tabIndex","aria-checked","aria-label","xs","md","tag","pt","left","top","right","overflow","product","compact","mx","display","alignContent","m","flexWrap","flexGrow","xl","maxHeight","map","available","isNew","isHighlighted","href"],"sources":["../../src/PlanCard/index.tsx"],"sourcesContent":["import {\n  Badge,\n  Box,\n  Card,\n  FillButton,\n  FlexBox,\n  Radio,\n  Text,\n  TextButton,\n} from '@codecademy/gamut';\nimport {\n  CheckerDense,\n  DiagonalADense,\n  DiagonalARegular,\n  DotDense,\n} from '@codecademy/gamut-patterns';\nimport { Background, states, variant } from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport React, { ChangeEvent, useCallback, useMemo } from 'react';\n\nimport { planDetails } from './consts';\nimport { PlanFeature } from './PlanFeature';\nimport { PopularBadge } from './PopularBadge';\nimport { PricingAmount } from './PricingAmount';\nimport { RecommendedBadge } from './RecommendedBadge';\nimport { Currency, PlanType } from './types';\n\nconst pricingBoxStates = states({\n  hasLongPrice: {\n    px: {\n      _: 24,\n      sm: 24,\n    },\n  },\n});\n\nconst pricingBoxVariants = variant({\n  base: {\n    alignItems: 'flex-start',\n    bg: 'background',\n    position: 'relative',\n    px: { _: 24, sm: 48 },\n    justifyContent: 'center',\n    py: 4,\n    minWidth: 100,\n  },\n  defaultVariant: 'default',\n  variants: {\n    default: {},\n    singlePlan: {\n      width: { _: '100%', sm: '30%' },\n      margin: 'auto',\n    },\n  },\n});\n\ntype PricingBoxProps = StyleProps<typeof pricingBoxStates> &\n  StyleProps<typeof pricingBoxVariants>;\n\nconst PricingBox = styled(FlexBox)<PricingBoxProps>(\n  pricingBoxVariants,\n  pricingBoxStates\n);\n\nconst StyledRadio = styled(Radio)`\n  pointer-events: none; // prevents the radio button from blocking clicks on the <label>\n  width: auto;\n\n  input + label {\n    padding: 0;\n  }\n`;\n\nconst StyledText = styled(Text)`\n  font-weight: 700;\n  font-size: 1rem;\n  font-family: inherit;\n`;\n\nconst StyledList = styled(FlexBox)`\n  padding-left: 0;\n  margin-bottom: 0;\n`.withComponent('ul');\n\nconst StyledFillButton = styled(FillButton)`\n  position: unset;\n  ::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n  }\n  :hover::after {\n    opacity: 0;\n  }\n`;\nconst StyledTextButton = styled(TextButton)`\n  position: unset;\n  ::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n  }\n  :hover::after {\n    opacity: 0;\n  }\n`;\nexport interface PlanCardProps {\n  isSelected: boolean;\n  isStudentPlan?: boolean;\n  price: string;\n  currency: Currency;\n  termMonths: number;\n  onChange: (changeEvent: ChangeEvent<HTMLInputElement>) => void;\n  onClick?: (event: React.MouseEvent) => void;\n  planType: PlanType;\n  inUpsellModal?: boolean;\n  isMultiple?: boolean;\n  isIndiaUser?: boolean;\n  ctaHref?: string;\n  ctaLabel?: string;\n}\n\nexport const PlanCard: React.FC<PlanCardProps> = ({\n  isSelected,\n  price,\n  currency,\n  termMonths,\n  onChange,\n  onClick,\n  planType,\n  inUpsellModal,\n  isMultiple = true,\n  isStudentPlan = false,\n  isIndiaUser = false,\n  ctaHref,\n  ctaLabel,\n}) => {\n  const planDetail = isStudentPlan\n    ? planDetails['pro-student']\n    : planDetails[planType];\n  const hasLongPrice = Number(price) > 99;\n\n  const cardBorderSize =\n    inUpsellModal && planType === 'pro-gold' ? 3 : isSelected ? 2 : 1;\n\n  const filteredPlanFeatures = planDetail.features.filter(\n    (feature) => !(isIndiaUser && feature.name === 'Career services')\n  );\n\n  const selectPlan = useCallback(() => {\n    if (!isSelected) {\n      const syntheticEvent = {\n        target: { value: planType },\n        currentTarget: { value: planType },\n      } as ChangeEvent<HTMLInputElement>;\n      onChange(syntheticEvent);\n    }\n  }, [isSelected, planType, onChange]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        selectPlan();\n      }\n      if (['ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight'].includes(e.key)) {\n        e.preventDefault();\n      }\n    },\n    [selectPlan]\n  );\n\n  const handleCardClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (isMultiple) {\n        selectPlan();\n      }\n      if (onClick) {\n        onClick(e);\n      }\n    },\n    [isMultiple, onClick, selectPlan]\n  );\n\n  const cardStyle = useMemo(\n    () => ({ cursor: isMultiple ? 'pointer' : 'unset' }),\n    [isMultiple]\n  );\n\n  const label = useMemo(() => {\n    return (\n      <StyledText variant=\"title-xs\" ml={isMultiple ? 0 : 8} aria-hidden>\n        {planDetail.title}\n      </StyledText>\n    );\n  }, [planDetail.title, isMultiple]);\n\n  return (\n    <Card\n      key={planType}\n      isInteractive={isMultiple}\n      p={0}\n      borderWidth={cardBorderSize}\n      height={inUpsellModal ? '100%' : undefined}\n      borderRadius=\"md\"\n      role={isMultiple ? 'listitem' : undefined}\n      onClick={handleCardClick}\n      // eslint-disable-next-line gamut/no-inline-style\n      style={cardStyle}\n    >\n      {planDetail.title && (\n        <Text as=\"h3\" screenreader>\n          {planDetail.title}\n        </Text>\n      )}\n      {inUpsellModal ? (\n        <Text\n          as=\"h2\"\n          variant=\"title-xs\"\n          color=\"text-secondary\"\n          textAlign=\"center\"\n          fontFamily=\"accent\"\n          mt={24}\n        >\n          {planDetail.title}\n        </Text>\n      ) : (\n        <Background bg={isSelected ? planDetail?.variant : 'background'}>\n          <FlexBox\n            width=\"auto\"\n            flexDirection=\"row\"\n            alignItems={{\n              _: 'flex-start',\n              lg: 'center',\n            }}\n            justifyContent=\"space-between\"\n            px={16}\n            py={12}\n            borderBottom={isSelected ? 2 : 1}\n          >\n            <FlexBox alignItems=\"center\" whiteSpace=\"nowrap\">\n              {isMultiple && (\n                <StyledRadio\n                  name={`switch-${planType}`}\n                  htmlFor={`switch-${planType}`}\n                  value={planType}\n                  checked={isSelected}\n                  onChange={onChange}\n                  onKeyDown={handleKeyDown}\n                  role=\"switch\"\n                  tabIndex={0}\n                  aria-checked={isSelected}\n                  aria-label={planDetail.title}\n                  label={label}\n                />\n              )}\n              {!isMultiple && label}\n            </FlexBox>\n            <Badge variant=\"tertiary\" ml={{ _: 32, xs: 0, md: 32 }}>\n              {planDetail.tag}\n            </Badge>\n          </FlexBox>\n        </Background>\n      )}\n      <FlexBox\n        px={isMultiple ? 0 : 24}\n        flexDirection={\n          !isMultiple\n            ? { _: 'column', sm: 'row', md: 'column', lg: 'row' }\n            : 'column'\n        }\n      >\n        <FlexBox\n          position=\"relative\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          p={isMultiple ? 24 : { _: 24, sm: 0, md: 24, lg: 0 }}\n          pt={inUpsellModal ? 0 : undefined}\n          color=\"yellow\"\n        >\n          {isSelected && isMultiple && (\n            <DiagonalARegular\n              position=\"absolute\"\n              left={0}\n              top={0}\n              width=\"100%\"\n              height=\"100%\"\n            />\n          )}\n\n          <Box color=\"navy\" position=\"relative\">\n            {isSelected && isMultiple && (\n              <Box\n                position=\"absolute\"\n                top={4}\n                right={4}\n                color=\"yellow\"\n                width=\"100%\"\n                height=\"100%\"\n                bg=\"white\"\n                overflow=\"hidden\"\n              >\n                <DiagonalADense />\n              </Box>\n            )}\n            {price && (\n              <PricingBox\n                hasLongPrice={hasLongPrice}\n                variant={isMultiple ? 'default' : 'singlePlan'}\n              >\n                <PricingAmount\n                  termMonths={termMonths}\n                  price={price}\n                  product={planType}\n                  currency={currency}\n                  compact\n                  isMultiple={isMultiple}\n                  inUpsellModal={inUpsellModal}\n                />\n              </PricingBox>\n            )}\n          </Box>\n        </FlexBox>\n        {!isSelected && (\n          <Box height=\"1px\" mx={16} overflow=\"hidden\">\n            <DotDense height=\"auto\" />\n          </Box>\n        )}\n        {!isMultiple && (\n          <Box\n            height=\"1px\"\n            mx={40}\n            overflow=\"hidden\"\n            display={{ _: 'block', sm: 'none', md: 'block', lg: 'none' }}\n          >\n            <CheckerDense height=\"auto\" />\n          </Box>\n        )}\n        <FlexBox\n          justifyContent=\"center\"\n          alignContent={isMultiple ? 'flex-start' : 'unset'}\n          alignItems=\"center\"\n          position=\"relative\"\n          px={isMultiple ? 24 : { _: 40, sm: 0 }}\n          py={24}\n          m=\"auto\"\n          flexDirection=\"column\"\n          flexWrap=\"wrap\"\n          flexGrow={isMultiple ? 1 : { _: 1, sm: 'unset' }}\n          width={\n            isMultiple ? 'auto' : { _: '100%', sm: '65%', md: '85%', xl: '70%' }\n          }\n        >\n          {planType === 'pro-gold' && isMultiple && !inUpsellModal && (\n            <RecommendedBadge top={-14} />\n          )}\n          {planType === 'pro-gold' && isMultiple && inUpsellModal && (\n            <PopularBadge />\n          )}\n          <StyledList\n            flexDirection={{ _: 'column' }}\n            flexWrap={isMultiple ? 'unset' : { _: 'nowrap', xs: 'wrap' }}\n            maxHeight={\n              isMultiple\n                ? 'unset'\n                : {\n                    _: 'unset',\n                    md: 120,\n                    sm: 128,\n                    xs: 176,\n                  }\n            }\n            width={\n              isMultiple\n                ? 'unset'\n                : {\n                    _: 'unset',\n                    xs: '100%',\n                  }\n            }\n          >\n            {filteredPlanFeatures.map(\n              ({ name, available, isNew = false, isHighlighted = false }) => (\n                <PlanFeature\n                  key={name}\n                  feature={name}\n                  available={available}\n                  isNew={isNew}\n                  isHighlighted={isHighlighted}\n                  isMultiple={isMultiple}\n                />\n              )\n            )}\n          </StyledList>\n        </FlexBox>\n        {ctaLabel &&\n          (planType === 'pro-gold' ? (\n            <StyledFillButton href={ctaHref} onClick={onClick} m={24} mt={0}>\n              {ctaLabel}\n            </StyledFillButton>\n          ) : (\n            <StyledTextButton\n              variant=\"secondary\"\n              href={ctaHref}\n              onClick={onClick}\n              m={24}\n              mt={0}\n            >\n              {ctaLabel}\n            </StyledTextButton>\n          ))}\n      </FlexBox>\n    </Card>\n  );\n};\n"],"mappings":"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"}

package/dist/PlanCard/types.cjs

@@ -0,0 +1,86 @@
+
+//#region src/PlanCard/types.tsx
+var CurrencySymbol;
+(function(CurrencySymbol) {
+	CurrencySymbol["DOLLAR"] = "$";
+	CurrencySymbol["POUND"] = "£";
+	CurrencySymbol["EURO"] = "€";
+	CurrencySymbol["RUPEE"] = "₹";
+	CurrencySymbol["KRONA"] = "kr";
+	CurrencySymbol["KRONE"] = "kr";
+	CurrencySymbol["ZLOTY"] = "zł";
+	CurrencySymbol["REAL"] = "R$";
+	CurrencySymbol["LEV"] = "Лв.";
+	CurrencySymbol["FRANC"] = "Fr.";
+	CurrencySymbol["KORUNA"] = "Kč";
+	CurrencySymbol["KUNA"] = "kn";
+	CurrencySymbol["FORINT"] = "Ft";
+	CurrencySymbol["PESO"] = "$";
+	CurrencySymbol["LEU"] = "L";
+})(CurrencySymbol || (CurrencySymbol = {}));
+var Currency;
+(function(Currency) {
+	Currency["USD"] = "USD";
+	Currency["EUR"] = "EUR";
+	Currency["CAD"] = "CAD";
+	Currency["GBP"] = "GBP";
+	Currency["AUD"] = "AUD";
+	Currency["INR"] = "INR";
+	Currency["SEK"] = "SEK";
+	Currency["NOK"] = "NOK";
+	Currency["PLN"] = "PLN";
+	Currency["DKK"] = "DKK";
+	Currency["BRL"] = "BRL";
+	Currency["BGN"] = "BGN";
+	Currency["CHF"] = "CHF";
+	Currency["CZK"] = "CZK";
+	Currency["HRK"] = "HRK";
+	Currency["HUF"] = "HUF";
+	Currency["MXN"] = "MXN";
+	Currency["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
+Object.defineProperty(exports, 'Currency', {
+  enumerable: true,
+  get: function () {
+    return Currency;
+  }
+});
+Object.defineProperty(exports, 'CurrencySymbol', {
+  enumerable: true,
+  get: function () {
+    return CurrencySymbol;
+  }
+});
+exports.getCurrencyPrefix = getCurrencyPrefix;
+exports.getCurrencySymbol = getCurrencySymbol;
+//# sourceMappingURL=types.cjs.map

package/dist/PlanCard/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","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,gBAAAA;;;;;;;;;;;;;;;;GAAAA,mBAAAA,iBAAAA,EAAAA,EAAAA;;UAkBAC,UAAAA;;;;;;;;;;;;;;;;;;;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/PlanCard/types.d.cts

@@ -0,0 +1,44 @@
+//#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.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../src/PlanCard/types.tsx"],"mappings":";KACY,QAAA;AAAA,aAOA,cAAA;EACV,MAAA;EACA,KAAA;EACA,IAAA;EACA,KAAA;EACA,KAAA;EACA,KAAA;EACA,KAAA;EACA,IAAA;EACA,GAAA;EACA,KAAA;EACA,MAAA;EACA,IAAA;EACA,MAAA;EACA,IAAA;EACA,GAAA;AAAA;AAAA,aAGU,QAAA;EACV,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;AAAA;AAAA,cAwBW,iBAAA,GAAqB,QAAA,EAAU,QAAA,KAAQ,cAAA;AAAA,cAIvC,iBAAA,GAAqB,QAAA,EAAU,QAAA"}

package/dist/PlanCard/types.d.ts

@@ -1,40 +1,44 @@
-export type PlanType = 'basic' | 'pro' | 'pro-silver' | 'pro-gold' | 'bootcamp-all-access-pass';
-export 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"
+//#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"
 }
-export 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 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"
 }
-export declare const getCurrencySymbol: (currency: Currency) => CurrencySymbol;
-export declare const getCurrencyPrefix: (currency: Currency) => "" | "AU" | "CA";
+declare const getCurrencySymbol: (currency: Currency) => CurrencySymbol;
+declare const getCurrencyPrefix: (currency: Currency) => "" | "AU" | "CA";
+//#endregion
+export { Currency, CurrencySymbol, PlanType, getCurrencyPrefix, getCurrencySymbol };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/PlanCard/types.tsx"],"mappings":";KACY,QAAA;AAAA,aAOA,cAAA;EACV,MAAA;EACA,KAAA;EACA,IAAA;EACA,KAAA;EACA,KAAA;EACA,KAAA;EACA,KAAA;EACA,IAAA;EACA,GAAA;EACA,KAAA;EACA,MAAA;EACA,IAAA;EACA,MAAA;EACA,IAAA;EACA,GAAA;AAAA;AAAA,aAGU,QAAA;EACV,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;AAAA;AAAA,cAwBW,iBAAA,GAAqB,QAAA,EAAU,QAAA,KAAQ,cAAA;AAAA,cAIvC,iBAAA,GAAqB,QAAA,EAAU,QAAA"}

package/dist/PlanCard/types.js

@@ -1,74 +1,72 @@
-/* eslint-disable @typescript-eslint/no-duplicate-enum-values */
-
-export let CurrencySymbol = /*#__PURE__*/function (CurrencySymbol) {
-  CurrencySymbol["DOLLAR"] = "$";
-  CurrencySymbol["POUND"] = "\xA3";
-  CurrencySymbol["EURO"] = "\u20AC";
-  CurrencySymbol["RUPEE"] = "\u20B9";
-  CurrencySymbol["KRONA"] = "kr";
-  CurrencySymbol["KRONE"] = "kr";
-  CurrencySymbol["ZLOTY"] = "z\u0142";
-  CurrencySymbol["REAL"] = "R$";
-  CurrencySymbol["LEV"] = "\u041B\u0432.";
-  CurrencySymbol["FRANC"] = "Fr.";
-  CurrencySymbol["KORUNA"] = "K\u010D";
-  CurrencySymbol["KUNA"] = "kn";
-  CurrencySymbol["FORINT"] = "Ft";
-  CurrencySymbol["PESO"] = "$";
-  CurrencySymbol["LEU"] = "L";
-  return CurrencySymbol;
-}({});
-export let Currency = /*#__PURE__*/function (Currency) {
-  Currency["USD"] = "USD";
-  Currency["EUR"] = "EUR";
-  Currency["CAD"] = "CAD";
-  Currency["GBP"] = "GBP";
-  Currency["AUD"] = "AUD";
-  Currency["INR"] = "INR";
-  Currency["SEK"] = "SEK";
-  Currency["NOK"] = "NOK";
-  Currency["PLN"] = "PLN";
-  Currency["DKK"] = "DKK";
-  Currency["BRL"] = "BRL";
-  Currency["BGN"] = "BGN";
-  Currency["CHF"] = "CHF";
-  Currency["CZK"] = "CZK";
-  Currency["HRK"] = "HRK";
-  Currency["HUF"] = "HUF";
-  Currency["MXN"] = "MXN";
-  Currency["RON"] = "RON";
-  return Currency;
-}({});
+//#region src/PlanCard/types.tsx
+var CurrencySymbol;
+(function(CurrencySymbol) {
+	CurrencySymbol["DOLLAR"] = "$";
+	CurrencySymbol["POUND"] = "£";
+	CurrencySymbol["EURO"] = "€";
+	CurrencySymbol["RUPEE"] = "₹";
+	CurrencySymbol["KRONA"] = "kr";
+	CurrencySymbol["KRONE"] = "kr";
+	CurrencySymbol["ZLOTY"] = "zł";
+	CurrencySymbol["REAL"] = "R$";
+	CurrencySymbol["LEV"] = "Лв.";
+	CurrencySymbol["FRANC"] = "Fr.";
+	CurrencySymbol["KORUNA"] = "Kč";
+	CurrencySymbol["KUNA"] = "kn";
+	CurrencySymbol["FORINT"] = "Ft";
+	CurrencySymbol["PESO"] = "$";
+	CurrencySymbol["LEU"] = "L";
+})(CurrencySymbol || (CurrencySymbol = {}));
+var Currency;
+(function(Currency) {
+	Currency["USD"] = "USD";
+	Currency["EUR"] = "EUR";
+	Currency["CAD"] = "CAD";
+	Currency["GBP"] = "GBP";
+	Currency["AUD"] = "AUD";
+	Currency["INR"] = "INR";
+	Currency["SEK"] = "SEK";
+	Currency["NOK"] = "NOK";
+	Currency["PLN"] = "PLN";
+	Currency["DKK"] = "DKK";
+	Currency["BRL"] = "BRL";
+	Currency["BGN"] = "BGN";
+	Currency["CHF"] = "CHF";
+	Currency["CZK"] = "CZK";
+	Currency["HRK"] = "HRK";
+	Currency["HUF"] = "HUF";
+	Currency["MXN"] = "MXN";
+	Currency["RON"] = "RON";
+})(Currency || (Currency = {}));
 const currencySymbols = {
-  [Currency.USD]: CurrencySymbol.DOLLAR,
-  [Currency.CAD]: CurrencySymbol.DOLLAR,
-  [Currency.AUD]: CurrencySymbol.DOLLAR,
-  [Currency.EUR]: CurrencySymbol.EURO,
-  [Currency.GBP]: CurrencySymbol.POUND,
-  [Currency.INR]: CurrencySymbol.RUPEE,
-  [Currency.SEK]: CurrencySymbol.KRONA,
-  [Currency.NOK]: CurrencySymbol.KRONE,
-  [Currency.PLN]: CurrencySymbol.ZLOTY,
-  [Currency.DKK]: CurrencySymbol.KRONE,
-  [Currency.BRL]: CurrencySymbol.REAL,
-  [Currency.BGN]: CurrencySymbol.LEV,
-  [Currency.CHF]: CurrencySymbol.FRANC,
-  [Currency.CZK]: CurrencySymbol.KORUNA,
-  [Currency.HRK]: CurrencySymbol.KUNA,
-  [Currency.HUF]: CurrencySymbol.FORINT,
-  [Currency.MXN]: CurrencySymbol.PESO,
-  [Currency.RON]: CurrencySymbol.LEU
+	["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 "";
+	}
 };
-export const getCurrencySymbol = currency => currencySymbols[currency];
 
-// for currencies that have common symbols eg: Dollar - US=$, AU=AU$, CA=CA$
-export const getCurrencyPrefix = currency => {
-  switch (currency) {
-    case Currency.AUD:
-      return 'AU';
-    case Currency.CAD:
-      return 'CA';
-    default:
-      return '';
-  }
-};
+//#endregion
+export { Currency, CurrencySymbol, getCurrencyPrefix, getCurrencySymbol };
+//# sourceMappingURL=types.js.map

package/dist/PlanCard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","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,gBAAAA;;;;;;;;;;;;;;;;GAAAA,mBAAAA,iBAAAA,EAAAA,EAAAA;;UAkBAC,UAAAA;;;;;;;;;;;;;;;;;;;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

@@ -0,0 +1,23 @@
+
+//#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

@@ -0,0 +1 @@
+{"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.js

@@ -1,8 +1,22 @@
-export 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']
-};
+//#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.js.map

package/dist/PlanCardTeams/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","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

@@ -0,0 +1,112 @@
+const require_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_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_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

@@ -0,0 +1 @@
+{"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"}