@codecademy/brand 3.40.0-alpha.77fe2ffa96.0 → 3.40.0-alpha.b72c2541d4.0

package/dist/PricingSection/PlanFeature.d.ts

@@ -0,0 +1,10 @@
+interface PlanFeatureProps {
+    feature: {
+        label: string;
+        description?: string;
+        isEnabled: boolean;
+    };
+    isMultiple: boolean;
+}
+export declare const PlanFeature: React.FC<PlanFeatureProps>;
+export {};

package/dist/PricingSection/PlanFeature.js

@@ -0,0 +1,88 @@
+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 { Box, FlexBox, InfoTip, Text } from '@codecademy/gamut';
+import { CloseCircleIcon, MiniCheckCircleIcon } from '@codecademy/gamut-icons';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const ListItem = /*#__PURE__*/_styled(FlexBox, {
+  target: "e4rnqpz1",
+  label: "ListItem"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ffhm6p",
+  styles: "list-style-type:none"
+} : {
+  name: "ffhm6p",
+  styles: "list-style-type:none/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QcmljaW5nU2VjdGlvbi9QbGFuRmVhdHVyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWdDIiwiZmlsZSI6Ii4uLy4uL3NyYy9QcmljaW5nU2VjdGlvbi9QbGFuRmVhdHVyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEZsZXhCb3gsIEluZm9UaXAsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDbG9zZUNpcmNsZUljb24sIE1pbmlDaGVja0NpcmNsZUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmludGVyZmFjZSBQbGFuRmVhdHVyZVByb3BzIHtcbiAgZmVhdHVyZToge1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgaXNFbmFibGVkOiBib29sZWFuO1xuICB9O1xuICBpc011bHRpcGxlOiBib29sZWFuO1xufVxuXG5jb25zdCBMaXN0SXRlbSA9IHN0eWxlZChGbGV4Qm94KWBcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuYC53aXRoQ29tcG9uZW50KCdsaScpO1xuXG5jb25zdCBIaWRkZW5Cb3ggPSBzdHlsZWQoQm94KWBcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBsYW5GZWF0dXJlOiBSZWFjdC5GQzxQbGFuRmVhdHVyZVByb3BzPiA9ICh7XG4gIGZlYXR1cmU6IHsgaXNFbmFibGVkLCBsYWJlbCwgZGVzY3JpcHRpb24gfSxcbiAgaXNNdWx0aXBsZSxcbn0pID0+IHtcbiAgY29uc3QgSWNvbiA9IGlzRW5hYmxlZCA/IE1pbmlDaGVja0NpcmNsZUljb24gOiBDbG9zZUNpcmNsZUljb247XG5cbiAgcmV0dXJuIChcbiAgICA8TGlzdEl0ZW1cbiAgICAgIGFsaWduSXRlbXM9e2lzTXVsdGlwbGUgPyAnY2VudGVyJyA6IHsgXzogJ2NlbnRlcicsIHhzOiAnZmxleC1zdGFydCcgfX1cbiAgICAgIG10PXs0fVxuICAgICAgbXI9e2lzTXVsdGlwbGUgPyAndW5zZXQnIDogeyBfOiAndW5zZXQnLCB4czogMjQsIHNtOiA4IH19XG4gICAgICB3aWR0aD17aXNNdWx0aXBsZSA/ICd1bnNldCcgOiB7IF86ICd1bnNldCcsIHhzOiAnNTAlJyB9fVxuICAgID5cbiAgICAgIDxJY29uXG4gICAgICAgIG1yPXs4fVxuICAgICAgICBtdD17aXNNdWx0aXBsZSA/IDAgOiB7IHhzOiA0IH19XG4gICAgICAgIGZsZXhTaHJpbms9ezB9XG4gICAgICAgIGNvbG9yPXtpc0VuYWJsZWQgPyAnZ3JlZW4nIDogJ2dyYXktNjAwJ31cbiAgICAgICAgYXJpYS1oaWRkZW49e2ZhbHNlfVxuICAgICAgICBhcmlhLWxhYmVsPXtpc0VuYWJsZWQgPyAnaW5jbHVkZWQ6ICcgOiAnbm90IGluY2x1ZGVkOiAnfVxuICAgICAgLz5cblxuICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICB7aXNFbmFibGVkID8gKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8VGV4dCB3aWR0aD1cIjEwMCVcIiBtcj17NH0+XG4gICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxJbmZvVGlwIGluZm89e2Rlc2NyaXB0aW9ufSBwbGFjZW1lbnQ9XCJmbG9hdGluZ1wiIC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxUZXh0IHRleHREZWNvcmF0aW9uPVwibGluZS10aHJvdWdoXCIgY29sb3I9XCJ0ZXh0LWRpc2FibGVkXCI+XG4gICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dD5cblxuICAgICAgICAgICAgey8qIHRoaXMgbG9va3Mgb2RkIGJ1dCBpdCBlbnN1cmVzIGVhY2ggbGlzdCBpdGVtIGlzIHRoZSBzYW1lIGhlaWdodCwgYXMgaXRlbXMgd2l0aG91dCBhbiBJbmZvVGlwIHdvdWxkIG90aGVyd2lzZSBiZSBzaG9ydGVyICovfVxuICAgICAgICAgICAgPEhpZGRlbkJveD5cbiAgICAgICAgICAgICAgPEluZm9UaXAgaW5mbz1cIlwiIC8+XG4gICAgICAgICAgICA8L0hpZGRlbkJveD5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L0xpc3RJdGVtPlxuICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+}).withComponent('li', {
+  target: "e4rnqpz2",
+  label: "ListItem"
+});
+const HiddenBox = /*#__PURE__*/_styled(Box, {
+  target: "e4rnqpz0",
+  label: "HiddenBox"
+})(process.env.NODE_ENV === "production" ? {
+  name: "6dhm9o",
+  styles: "visibility:hidden"
+} : {
+  name: "6dhm9o",
+  styles: "visibility:hidden/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QcmljaW5nU2VjdGlvbi9QbGFuRmVhdHVyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI2QiIsImZpbGUiOiIuLi8uLi9zcmMvUHJpY2luZ1NlY3Rpb24vUGxhbkZlYXR1cmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94LCBJbmZvVGlwLCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2xvc2VDaXJjbGVJY29uLCBNaW5pQ2hlY2tDaXJjbGVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbnRlcmZhY2UgUGxhbkZlYXR1cmVQcm9wcyB7XG4gIGZlYXR1cmU6IHtcbiAgICBsYWJlbDogc3RyaW5nO1xuICAgIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICAgIGlzRW5hYmxlZDogYm9vbGVhbjtcbiAgfTtcbiAgaXNNdWx0aXBsZTogYm9vbGVhbjtcbn1cblxuY29uc3QgTGlzdEl0ZW0gPSBzdHlsZWQoRmxleEJveClgXG4gIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcbmAud2l0aENvbXBvbmVudCgnbGknKTtcblxuY29uc3QgSGlkZGVuQm94ID0gc3R5bGVkKEJveClgXG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbmA7XG5cbmV4cG9ydCBjb25zdCBQbGFuRmVhdHVyZTogUmVhY3QuRkM8UGxhbkZlYXR1cmVQcm9wcz4gPSAoe1xuICBmZWF0dXJlOiB7IGlzRW5hYmxlZCwgbGFiZWwsIGRlc2NyaXB0aW9uIH0sXG4gIGlzTXVsdGlwbGUsXG59KSA9PiB7XG4gIGNvbnN0IEljb24gPSBpc0VuYWJsZWQgPyBNaW5pQ2hlY2tDaXJjbGVJY29uIDogQ2xvc2VDaXJjbGVJY29uO1xuXG4gIHJldHVybiAoXG4gICAgPExpc3RJdGVtXG4gICAgICBhbGlnbkl0ZW1zPXtpc011bHRpcGxlID8gJ2NlbnRlcicgOiB7IF86ICdjZW50ZXInLCB4czogJ2ZsZXgtc3RhcnQnIH19XG4gICAgICBtdD17NH1cbiAgICAgIG1yPXtpc011bHRpcGxlID8gJ3Vuc2V0JyA6IHsgXzogJ3Vuc2V0JywgeHM6IDI0LCBzbTogOCB9fVxuICAgICAgd2lkdGg9e2lzTXVsdGlwbGUgPyAndW5zZXQnIDogeyBfOiAndW5zZXQnLCB4czogJzUwJScgfX1cbiAgICA+XG4gICAgICA8SWNvblxuICAgICAgICBtcj17OH1cbiAgICAgICAgbXQ9e2lzTXVsdGlwbGUgPyAwIDogeyB4czogNCB9fVxuICAgICAgICBmbGV4U2hyaW5rPXswfVxuICAgICAgICBjb2xvcj17aXNFbmFibGVkID8gJ2dyZWVuJyA6ICdncmF5LTYwMCd9XG4gICAgICAgIGFyaWEtaGlkZGVuPXtmYWxzZX1cbiAgICAgICAgYXJpYS1sYWJlbD17aXNFbmFibGVkID8gJ2luY2x1ZGVkOiAnIDogJ25vdCBpbmNsdWRlZDogJ31cbiAgICAgIC8+XG5cbiAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAge2lzRW5hYmxlZCA/IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgd2lkdGg9XCIxMDAlXCIgbXI9ezR9PlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8SW5mb1RpcCBpbmZvPXtkZXNjcmlwdGlvbn0gcGxhY2VtZW50PVwiZmxvYXRpbmdcIiAvPlxuICAgICAgICAgIDwvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8VGV4dCB0ZXh0RGVjb3JhdGlvbj1cImxpbmUtdGhyb3VnaFwiIGNvbG9yPVwidGV4dC1kaXNhYmxlZFwiPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG5cbiAgICAgICAgICAgIHsvKiB0aGlzIGxvb2tzIG9kZCBidXQgaXQgZW5zdXJlcyBlYWNoIGxpc3QgaXRlbSBpcyB0aGUgc2FtZSBoZWlnaHQsIGFzIGl0ZW1zIHdpdGhvdXQgYW4gSW5mb1RpcCB3b3VsZCBvdGhlcndpc2UgYmUgc2hvcnRlciAqL31cbiAgICAgICAgICAgIDxIaWRkZW5Cb3g+XG4gICAgICAgICAgICAgIDxJbmZvVGlwIGluZm89XCJcIiAvPlxuICAgICAgICAgICAgPC9IaWRkZW5Cb3g+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9MaXN0SXRlbT5cbiAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const PlanFeature = ({
+  feature: {
+    isEnabled,
+    label,
+    description
+  },
+  isMultiple
+}) => {
+  const Icon = isEnabled ? MiniCheckCircleIcon : CloseCircleIcon;
+  return /*#__PURE__*/_jsxs(ListItem, {
+    alignItems: isMultiple ? 'center' : {
+      _: 'center',
+      xs: 'flex-start'
+    },
+    mt: 4,
+    mr: isMultiple ? 'unset' : {
+      _: 'unset',
+      xs: 24,
+      sm: 8
+    },
+    width: isMultiple ? 'unset' : {
+      _: 'unset',
+      xs: '50%'
+    },
+    children: [/*#__PURE__*/_jsx(Icon, {
+      mr: 8,
+      mt: isMultiple ? 0 : {
+        xs: 4
+      },
+      flexShrink: 0,
+      color: isEnabled ? 'green' : 'gray-600',
+      "aria-hidden": false,
+      "aria-label": isEnabled ? 'included: ' : 'not included: '
+    }), /*#__PURE__*/_jsx(FlexBox, {
+      alignItems: "center",
+      children: isEnabled ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          width: "100%",
+          mr: 4,
+          children: label
+        }), /*#__PURE__*/_jsx(InfoTip, {
+          info: description,
+          placement: "floating"
+        })]
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          textDecoration: "line-through",
+          color: "text-disabled",
+          children: label
+        }), /*#__PURE__*/_jsx(HiddenBox, {
+          children: /*#__PURE__*/_jsx(InfoTip, {
+            info: ""
+          })
+        })]
+      })
+    })]
+  });
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/brand",
   "description": "Brand component library for Codecademy",
-  "version": "3.40.0-alpha.77fe2ffa96.0",
+  "version": "3.40.0-alpha.b72c2541d4.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@emotion/is-prop-valid": "^1.2.1",
@@ -33,11 +33,11 @@
     "@codecademy/gamut-illustrations": "*",
     "@codecademy/gamut-patterns": "*",
     "@codecademy/gamut-styles": "*",
-    "@codecademy/tracking": "1.4.0-alpha.77fe2ffa96.0",
+    "@codecademy/tracking": "1.4.0-alpha.b72c2541d4.0",
     "@codecademy/variance": "*",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
-    "react": "^17.0.2 || ^18.2.0"
+    "react": "^18.2.0 || ^19.2.1"
   },
   "publishConfig": {
     "access": "public"