@codecademy/brand 3.39.0 → 3.40.0-alpha.c8673a4060.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/brand",
   "description": "Brand component library for Codecademy",
-  "version": "3.39.0",
+  "version": "3.40.0-alpha.c8673a4060.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@emotion/is-prop-valid": "^1.2.1",
@@ -33,7 +33,7 @@
     "@codecademy/gamut-illustrations": "*",
     "@codecademy/gamut-patterns": "*",
     "@codecademy/gamut-styles": "*",
-    "@codecademy/tracking": "1.3.0",
+    "@codecademy/tracking": "1.4.0-alpha.c8673a4060.0",
     "@codecademy/variance": "*",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",

package/dist/PricingSection/PlanFeature.d.ts

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

package/dist/PricingSection/PlanFeature.js

@@ -1,88 +0,0 @@
-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: ""
-          })
-        })]
-      })
-    })]
-  });
-};