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

package/dist/PlanCard/types.d.ts

@@ -1,43 +1,40 @@
-//#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 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"
 }
-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 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 };
+export declare const getCurrencySymbol: (currency: Currency) => CurrencySymbol;
+export declare const getCurrencyPrefix: (currency: Currency) => "" | "AU" | "CA";

package/dist/PlanCard/types.js

@@ -1,71 +1,74 @@
-//#region src/PlanCard/types.tsx
-let CurrencySymbol = /* @__PURE__ */ 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";
-	return CurrencySymbol$1;
+/* 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;
 }({});
-let Currency = /* @__PURE__ */ 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";
-	return Currency$1;
+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;
 }({});
 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
-};
-const getCurrencySymbol = (currency) => currencySymbols[currency];
-const getCurrencyPrefix = (currency) => {
-	switch (currency) {
-		case Currency.AUD: return "AU";
-		case Currency.CAD: return "CA";
-		default: return "";
-	}
+  [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
 };
+export const getCurrencySymbol = currency => currencySymbols[currency];
 
-//#endregion
-export { Currency, CurrencySymbol, getCurrencyPrefix, getCurrencySymbol };
+// 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 '';
+  }
+};

package/dist/PlanCardTeams/consts.d.ts

@@ -0,0 +1,9 @@
+export type PlanDetails = {
+    id: string;
+    title: string;
+    tag: string;
+    tagForScreenReader: string;
+    price: number;
+    features: string[];
+};
+export declare const planDetails: PlanDetails;

package/dist/PlanCardTeams/consts.js

@@ -1,21 +1,8 @@
-//#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 };
+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']
+};

package/dist/PlanCardTeams/index.d.ts

@@ -1,12 +1,8 @@
-import { Currency } from "../PlanCard/types.js";
-import React from "react";
-
-//#region src/PlanCardTeams/index.d.ts
-interface PlanCardTeamsProps {
-  currency: Currency;
-  price: string;
-  isBusinessTrial?: boolean;
+import React from 'react';
+import { Currency } from '../PlanCard/types';
+export interface PlanCardTeamsProps {
+    currency: Currency;
+    price: string;
+    isBusinessTrial?: boolean;
 }
-declare const PlanCardTeams: React.FC<PlanCardTeamsProps>;
-//#endregion
-export { PlanCardTeams, PlanCardTeamsProps };
+export declare const PlanCardTeams: React.FC<PlanCardTeamsProps>;

package/dist/PlanCardTeams/index.js

@@ -1,137 +1,167 @@
-import { PlanFeature } from "../PlanCard/PlanFeature.js";
-import { Currency, getCurrencySymbol } from "../PlanCard/types.js";
-import { planDetails } from "./consts.js";
-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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
-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__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FlexBox, {
-		mr: 32,
-		alignItems: "center",
-		justifyContent: "center",
-		"aria-atomic": "true",
-		children: isBusinessTrial ? /* @__PURE__ */ jsx(Text, {
-			variant: "title-md",
-			ml: 8,
-			mt: 16,
-			children: "Try Teams free for 14 days"
-		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, {
-			variant: "title-sm",
-			children: currencySymbol
-		}), /* @__PURE__ */ jsx(Text, {
-			variant: "title-lg",
-			ml: 8,
-			children: price
-		})] })
-	}), /* @__PURE__ */ jsx(FlexBox, {
-		mr: 32,
-		alignItems: "flexStart",
-		justifyContent: "center",
-		"aria-atomic": "true",
-		children: isBusinessTrial ? "" : /* @__PURE__ */ jsx(Text, {
-			color: "text-secondary",
-			children: "annually, per user"
-		})
-	})] });
-};
-const FeatureList = ({ features }) => /* @__PURE__ */ jsx(StyledList, {
-	flexDirection: { _: "column" },
-	flexWrap: {
-		_: "nowrap",
-		xs: "wrap"
-	},
-	maxHeight: {
-		_: "unset",
-		md: 120,
-		sm: 128,
-		xs: 176
-	},
-	width: {
-		_: "unset",
-		xs: "100%"
-	},
-	children: features.map((feature) => /* @__PURE__ */ jsx(PlanFeature, {
-		feature,
-		available: true,
-		isMultiple: false
-	}, feature))
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { Badge, Box, Card, Column, FlexBox, LayoutGrid, Text } from '@codecademy/gamut';
+import { CheckerDense } from '@codecademy/gamut-patterns';
+import { Background } from '@codecademy/gamut-styles';
+import React from 'react';
+import { PlanFeature } from '../PlanCard/PlanFeature';
+import { Currency, getCurrencySymbol } from '../PlanCard/types';
+import { planDetails } from './consts';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const StyledList = /*#__PURE__*/_styled(FlexBox, {
+  target: "epabg7p0",
+  label: "StyledList"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1daaxp5",
+  styles: "padding-left:0;margin-bottom:0;gap:20"
+} : {
+  name: "1daaxp5",
+  styles: "padding-left:0;margin-bottom:0;gap:20/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QbGFuQ2FyZFRlYW1zL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQmtDIiwiZmlsZSI6Ii4uLy4uL3NyYy9QbGFuQ2FyZFRlYW1zL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJhZGdlLFxuICBCb3gsXG4gIENhcmQsXG4gIENvbHVtbixcbiAgRmxleEJveCxcbiAgTGF5b3V0R3JpZCxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgQmFja2dyb3VuZCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBQbGFuRmVhdHVyZSB9IGZyb20gJy4uL1BsYW5DYXJkL1BsYW5GZWF0dXJlJztcbmltcG9ydCB7IEN1cnJlbmN5LCBnZXRDdXJyZW5jeVN5bWJvbCB9IGZyb20gJy4uL1BsYW5DYXJkL3R5cGVzJztcbmltcG9ydCB7IFBsYW5EZXRhaWxzLCBwbGFuRGV0YWlscyB9IGZyb20gJy4vY29uc3RzJztcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChGbGV4Qm94KWBcbiAgcGFkZGluZy1sZWZ0OiAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBnYXA6IDIwO1xuYC53aXRoQ29tcG9uZW50KCd1bCcpO1xuXG5pbnRlcmZhY2UgUHJpY2VEaXNwbGF5UHJvcHMge1xuICBjdXJyZW5jeTogQ3VycmVuY3k7XG4gIHByaWNlOiBzdHJpbmc7XG4gIGlzQnVzaW5lc3NUcmlhbD86IGJvb2xlYW47XG59XG5jb25zdCBQcmljZURpc3BsYXk6IFJlYWN0LkZDPFByaWNlRGlzcGxheVByb3BzPiA9ICh7XG4gIGN1cnJlbmN5ID0gQ3VycmVuY3kuVVNELFxuICBwcmljZSxcbiAgaXNCdXNpbmVzc1RyaWFsID0gZmFsc2UsXG59KSA9PiB7XG4gIGNvbnN0IGN1cnJlbmN5U3ltYm9sID0gZ2V0Q3VycmVuY3lTeW1ib2woY3VycmVuY3kpO1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8RmxleEJveFxuICAgICAgICBtcj17MzJ9XG4gICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgIGFyaWEtYXRvbWljPVwidHJ1ZVwiXG4gICAgICA+XG4gICAgICAgIHtpc0J1c2luZXNzVHJpYWwgPyAoXG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLW1kXCIgbWw9ezh9IG10PXsxNn0+XG4gICAgICAgICAgICBUcnkgVGVhbXMgZnJlZSBmb3IgMTQgZGF5c1xuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLXNtXCI+e2N1cnJlbmN5U3ltYm9sfTwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS1sZ1wiIG1sPXs4fT5cbiAgICAgICAgICAgICAge3ByaWNlfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9GbGV4Qm94PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgbXI9ezMyfVxuICAgICAgICBhbGlnbkl0ZW1zPVwiZmxleFN0YXJ0XCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICBhcmlhLWF0b21pYz1cInRydWVcIlxuICAgICAgPlxuICAgICAgICB7aXNCdXNpbmVzc1RyaWFsID8gKFxuICAgICAgICAgICcnXG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFRleHQgY29sb3I9XCJ0ZXh0LXNlY29uZGFyeVwiPmFubnVhbGx5LCBwZXIgdXNlcjwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgIDwvRmxleEJveD5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmNvbnN0IEZlYXR1cmVMaXN0OiBSZWFjdC5GQzx7IGZlYXR1cmVzOiBQbGFuRGV0YWlsc1snZmVhdHVyZXMnXSB9PiA9ICh7XG4gIGZlYXR1cmVzLFxufSkgPT4gKFxuICA8U3R5bGVkTGlzdFxuICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicgfX1cbiAgICBmbGV4V3JhcD17eyBfOiAnbm93cmFwJywgeHM6ICd3cmFwJyB9fVxuICAgIG1heEhlaWdodD17e1xuICAgICAgXzogJ3Vuc2V0JyxcbiAgICAgIG1kOiAxMjAsXG4gICAgICBzbTogMTI4LFxuICAgICAgeHM6IDE3NixcbiAgICB9fVxuICAgIHdpZHRoPXt7XG4gICAgICBfOiAndW5zZXQnLFxuICAgICAgeHM6ICcxMDAlJyxcbiAgICB9fVxuICA+XG4gICAge2ZlYXR1cmVzLm1hcCgoZmVhdHVyZSkgPT4gKFxuICAgICAgPFBsYW5GZWF0dXJlXG4gICAgICAgIGtleT17ZmVhdHVyZX1cbiAgICAgICAgZmVhdHVyZT17ZmVhdHVyZX1cbiAgICAgICAgYXZhaWxhYmxlXG4gICAgICAgIGlzTXVsdGlwbGU9e2ZhbHNlfVxuICAgICAgLz5cbiAgICApKX1cbiAgPC9TdHlsZWRMaXN0PlxuKTtcblxuZXhwb3J0IGludGVyZmFjZSBQbGFuQ2FyZFRlYW1zUHJvcHMge1xuICBjdXJyZW5jeTogQ3VycmVuY3k7XG4gIHByaWNlOiBzdHJpbmc7XG4gIGlzQnVzaW5lc3NUcmlhbD86IGJvb2xlYW47XG59XG5leHBvcnQgY29uc3QgUGxhbkNhcmRUZWFtczogUmVhY3QuRkM8UGxhbkNhcmRUZWFtc1Byb3BzPiA9ICh7XG4gIGN1cnJlbmN5LFxuICBwcmljZSxcbiAgaXNCdXNpbmVzc1RyaWFsID0gZmFsc2UsXG59KSA9PiB7XG4gIGNvbnN0IHsgdGl0bGUsIHRhZywgdGFnRm9yU2NyZWVuUmVhZGVyLCBmZWF0dXJlcyB9ID0gcGxhbkRldGFpbHM7XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FyZCBkaXNwbGF5PVwiZmxleFwiIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBwPXswfSBkYXRhLXRlc3RpZD1cImNhcmRcIj5cbiAgICAgIDxCYWNrZ3JvdW5kXG4gICAgICAgIGJnPVwibmF2eVwiXG4gICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgcHg9ezE2fVxuICAgICAgICBweT17MTJ9XG4gICAgICA+XG4gICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS14c1wiIGFzPVwicFwiPlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8QmFkZ2UgdmFyaWFudD1cInRlcnRpYXJ5XCIgbWw9e3sgXzogMzIsIHhzOiAwLCBtZDogMzIgfX0+XG4gICAgICAgICAgPFRleHQgYXJpYS1oaWRkZW4+e3RhZ308L1RleHQ+XG4gICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPnt0YWdGb3JTY3JlZW5SZWFkZXJ9PC9UZXh0PlxuICAgICAgICA8L0JhZGdlPlxuICAgICAgPC9CYWNrZ3JvdW5kPlxuICAgICAgPExheW91dEdyaWQgcHg9ezQwfSBweT17MjR9PlxuICAgICAgICA8Q29sdW1uIHNpemU9e3sgXzogMTIsIGxnOiA0IH19PlxuICAgICAgICAgIDxQcmljZURpc3BsYXlcbiAgICAgICAgICAgIHByaWNlPXtwcmljZX1cbiAgICAgICAgICAgIGN1cnJlbmN5PXtjdXJyZW5jeX1cbiAgICAgICAgICAgIGlzQnVzaW5lc3NUcmlhbD17aXNCdXNpbmVzc1RyaWFsfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEJveFxuICAgICAgICAgICAgaGVpZ2h0PVwiMXB4XCJcbiAgICAgICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgICAgIGRpc3BsYXk9e3sgXzogJ2Jsb2NrJywgbGc6ICdub25lJyB9fVxuICAgICAgICAgICAgbWI9ezI0fVxuICAgICAgICAgICAgbXQ9ezE2fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxDaGVja2VyRGVuc2UgaGVpZ2h0PVwiYXV0b1wiIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvQ29sdW1uPlxuICAgICAgICA8Q29sdW1uIHNpemU9e3sgXzogMTIsIGxnOiA4IH19PlxuICAgICAgICAgIDxGZWF0dXJlTGlzdCBmZWF0dXJlcz17ZmVhdHVyZXN9IC8+XG4gICAgICAgIDwvQ29sdW1uPlxuICAgICAgPC9MYXlvdXRHcmlkPlxuICAgIDwvQ2FyZD5cbiAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+}).withComponent('ul', {
+  target: "epabg7p1",
+  label: "StyledList"
 });
-const PlanCardTeams = ({ currency, price, isBusinessTrial = false }) => {
-	const { title, tag, tagForScreenReader, features } = planDetails;
-	return /* @__PURE__ */ jsxs(Card, {
-		display: "flex",
-		flexDirection: "column",
-		p: 0,
-		"data-testid": "card",
-		children: [/* @__PURE__ */ jsxs(Background, {
-			bg: "navy",
-			display: "flex",
-			justifyContent: "space-between",
-			px: 16,
-			py: 12,
-			children: [/* @__PURE__ */ jsx(Text, {
-				variant: "title-xs",
-				as: "p",
-				children: title
-			}), /* @__PURE__ */ jsxs(Badge, {
-				variant: "tertiary",
-				ml: {
-					_: 32,
-					xs: 0,
-					md: 32
-				},
-				children: [/* @__PURE__ */ jsx(Text, {
-					"aria-hidden": true,
-					children: tag
-				}), /* @__PURE__ */ jsx(Text, {
-					screenreader: true,
-					children: tagForScreenReader
-				})]
-			})]
-		}), /* @__PURE__ */ jsxs(LayoutGrid, {
-			px: 40,
-			py: 24,
-			children: [/* @__PURE__ */ jsxs(Column, {
-				size: {
-					_: 12,
-					lg: 4
-				},
-				children: [/* @__PURE__ */ jsx(PriceDisplay, {
-					price,
-					currency,
-					isBusinessTrial
-				}), /* @__PURE__ */ jsx(Box, {
-					height: "1px",
-					overflow: "hidden",
-					display: {
-						_: "block",
-						lg: "none"
-					},
-					mb: 24,
-					mt: 16,
-					children: /* @__PURE__ */ jsx(CheckerDense, { height: "auto" })
-				})]
-			}), /* @__PURE__ */ jsx(Column, {
-				size: {
-					_: 12,
-					lg: 8
-				},
-				children: /* @__PURE__ */ jsx(FeatureList, { features })
-			})]
-		})]
-	});
+const PriceDisplay = ({
+  currency = Currency.USD,
+  price,
+  isBusinessTrial = false
+}) => {
+  const currencySymbol = getCurrencySymbol(currency);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(FlexBox, {
+      mr: 32,
+      alignItems: "center",
+      justifyContent: "center",
+      "aria-atomic": "true",
+      children: isBusinessTrial ? /*#__PURE__*/_jsx(Text, {
+        variant: "title-md",
+        ml: 8,
+        mt: 16,
+        children: "Try Teams free for 14 days"
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "title-sm",
+          children: currencySymbol
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "title-lg",
+          ml: 8,
+          children: price
+        })]
+      })
+    }), /*#__PURE__*/_jsx(FlexBox, {
+      mr: 32,
+      alignItems: "flexStart",
+      justifyContent: "center",
+      "aria-atomic": "true",
+      children: isBusinessTrial ? '' : /*#__PURE__*/_jsx(Text, {
+        color: "text-secondary",
+        children: "annually, per user"
+      })
+    })]
+  });
 };
-
-//#endregion
-export { PlanCardTeams };
+const FeatureList = ({
+  features
+}) => /*#__PURE__*/_jsx(StyledList, {
+  flexDirection: {
+    _: 'column'
+  },
+  flexWrap: {
+    _: 'nowrap',
+    xs: 'wrap'
+  },
+  maxHeight: {
+    _: 'unset',
+    md: 120,
+    sm: 128,
+    xs: 176
+  },
+  width: {
+    _: 'unset',
+    xs: '100%'
+  },
+  children: features.map(feature => /*#__PURE__*/_jsx(PlanFeature, {
+    feature: feature,
+    available: true,
+    isMultiple: false
+  }, feature))
+});
+export const PlanCardTeams = ({
+  currency,
+  price,
+  isBusinessTrial = false
+}) => {
+  const {
+    title,
+    tag,
+    tagForScreenReader,
+    features
+  } = planDetails;
+  return /*#__PURE__*/_jsxs(Card, {
+    display: "flex",
+    flexDirection: "column",
+    p: 0,
+    "data-testid": "card",
+    children: [/*#__PURE__*/_jsxs(Background, {
+      bg: "navy",
+      display: "flex",
+      justifyContent: "space-between",
+      px: 16,
+      py: 12,
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "title-xs",
+        as: "p",
+        children: title
+      }), /*#__PURE__*/_jsxs(Badge, {
+        variant: "tertiary",
+        ml: {
+          _: 32,
+          xs: 0,
+          md: 32
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          "aria-hidden": true,
+          children: tag
+        }), /*#__PURE__*/_jsx(Text, {
+          screenreader: true,
+          children: tagForScreenReader
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs(LayoutGrid, {
+      px: 40,
+      py: 24,
+      children: [/*#__PURE__*/_jsxs(Column, {
+        size: {
+          _: 12,
+          lg: 4
+        },
+        children: [/*#__PURE__*/_jsx(PriceDisplay, {
+          price: price,
+          currency: currency,
+          isBusinessTrial: isBusinessTrial
+        }), /*#__PURE__*/_jsx(Box, {
+          height: "1px",
+          overflow: "hidden",
+          display: {
+            _: 'block',
+            lg: 'none'
+          },
+          mb: 24,
+          mt: 16,
+          children: /*#__PURE__*/_jsx(CheckerDense, {
+            height: "auto"
+          })
+        })]
+      }), /*#__PURE__*/_jsx(Column, {
+        size: {
+          _: 12,
+          lg: 8
+        },
+        children: /*#__PURE__*/_jsx(FeatureList, {
+          features: features
+        })
+      })]
+    })]
+  });
+};

package/dist/PricingSection/ConditionalColorMode.d.ts

@@ -0,0 +1,4 @@
+export declare const ConditionalColorMode: React.FC<{
+    condition: boolean;
+    children: React.ReactNode;
+}>;

package/dist/PricingSection/ConditionalColorMode.js

@@ -1,13 +1,13 @@
-import { ColorMode } from "@codecademy/gamut-styles";
-import { Fragment, jsx } from "react/jsx-runtime";
-
-//#region src/PricingSection/ConditionalColorMode.tsx
-const ConditionalColorMode = ({ condition, children }) => {
-	return condition ? /* @__PURE__ */ jsx(ColorMode, {
-		mode: "dark",
-		children
-	}) : /* @__PURE__ */ jsx(Fragment, { children });
-};
-
-//#endregion
-export { ConditionalColorMode };
+import { ColorMode } from '@codecademy/gamut-styles';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export const ConditionalColorMode = ({
+  condition,
+  children
+}) => {
+  return condition ? /*#__PURE__*/_jsx(ColorMode, {
+    mode: "dark",
+    children: children
+  }) : /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+};

package/dist/PricingSection/PricingCard/PricingAmount.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Product } from '../types';
+import { AllCurrency } from './types';
+type PricingAmountProps = {
+    product: Product;
+    price: string;
+    monthlyPrice?: string;
+    currency: AllCurrency;
+    termMonths?: number;
+    compact?: boolean;
+    isUserInIndia: boolean;
+};
+export declare const PricingAmount: React.FC<PricingAmountProps>;
+export {};