@codecademy/brand 3.47.1 → 3.48.0-alpha.3a4ea1999.0

package/dist/InstructorCard/__tests__/__fixtures__/index.d.ts

@@ -0,0 +1,2 @@
+import { InstructorCardProps } from '../../index';
+export declare const mockInstructorCardProps: InstructorCardProps;

package/dist/InstructorCard/index.d.ts

@@ -0,0 +1,18 @@
+export declare const Divider: React.FC;
+export type InstructorCardProps = {
+    /** The bootcamp title */
+    title: string;
+    /** Instructor's full name */
+    instructorName: string;
+    /** Instructor's professional title */
+    instructorTitle: string;
+    /** URL for the instructor's profile pic (includes background gradient) */
+    instructorImageUrl?: string;
+    /** Formatted start date for the next cohort (e.g. "Feb 10") */
+    nextCohortStartDate?: string;
+    /** Link destination */
+    href: string;
+    /** Click handler */
+    onClick: () => void;
+};
+export declare const InstructorCard: import("react").ForwardRefExoticComponent<InstructorCardProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/InstructorCard/index.js

@@ -0,0 +1,175 @@
+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 { Anchor, Box, Card, FlexBox, Text } from '@codecademy/gamut';
+import { CalendarIcon, CertificateIcon } from '@codecademy/gamut-icons';
+import { CheckerDense } from '@codecademy/gamut-patterns';
+import { css } from '@codecademy/gamut-styles';
+import { forwardRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const CardAnchor = /*#__PURE__*/_styled(Anchor, {
+  target: "e171y2mq2",
+  label: "CardAnchor"
+})(css({
+  display: 'flex',
+  flexDirection: 'column',
+  height: '100%',
+  '&:hover, &:focus, &:focus-visible': {
+    color: 'text',
+    textDecoration: 'none'
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbnN0cnVjdG9yQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT21CIiwiZmlsZSI6Ii4uLy4uL3NyYy9JbnN0cnVjdG9yQ2FyZC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENhbGVuZGFySWNvbiwgQ2VydGlmaWNhdGVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvcndhcmRSZWYsIFByb3BzV2l0aFJlZiB9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgQ2FyZEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAnJjpob3ZlciwgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlJzoge1xuICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICAgIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBkaXNwbGF5OiBibG9jaztcbmA7XG5cbmNvbnN0IERvdHRlZExpbmUgPSBzdHlsZWQoQ2hlY2tlckRlbnNlKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICcxcHgnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBtYXJnaW5Ub3A6ICctMXB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgcmV0dXJuIChcbiAgICAvLyB0aGUgaGVpZ2h0IGFuZCBwb3NpdGlvbiBwcm9wZXJ0aWVzIGFyZSBuZWNlc3NhcnkgZm9yIGlPUyBkZXZpY2VzXG4gICAgPEJveCBweT17NH0gaGVpZ2h0PXswfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgYXJpYS1oaWRkZW4+XG4gICAgICA8RG90dGVkTGluZSAvPlxuICAgIDwvQm94PlxuICApO1xufTtcblxudHlwZSBJbmZvUm93UHJvcHMgPSB7XG4gIGljb246IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IEluZm9Sb3c6IFJlYWN0LkZDPEluZm9Sb3dQcm9wcz4gPSAoeyBpY29uLCBjaGlsZHJlbiB9KSA9PiAoXG4gIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezh9PlxuICAgIHtpY29ufVxuICAgIDxUZXh0IGZvbnRTaXplPXsxNH0gbGluZUhlaWdodD1cImJhc2VcIiBjb2xvcj1cInRleHRcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gIDwvRmxleEJveD5cbik7XG5cbmV4cG9ydCB0eXBlIEluc3RydWN0b3JDYXJkUHJvcHMgPSB7XG4gIC8qKiBUaGUgYm9vdGNhbXAgdGl0bGUgKi9cbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIEluc3RydWN0b3IncyBmdWxsIG5hbWUgKi9cbiAgaW5zdHJ1Y3Rvck5hbWU6IHN0cmluZztcbiAgLyoqIEluc3RydWN0b3IncyBwcm9mZXNzaW9uYWwgdGl0bGUgKi9cbiAgaW5zdHJ1Y3RvclRpdGxlOiBzdHJpbmc7XG4gIC8qKiBVUkwgZm9yIHRoZSBpbnN0cnVjdG9yJ3MgcHJvZmlsZSBwaWMgKGluY2x1ZGVzIGJhY2tncm91bmQgZ3JhZGllbnQpICovXG4gIGluc3RydWN0b3JJbWFnZVVybD86IHN0cmluZztcbiAgLyoqIEZvcm1hdHRlZCBzdGFydCBkYXRlIGZvciB0aGUgbmV4dCBjb2hvcnQgKGUuZy4gXCJGZWIgMTBcIikgKi9cbiAgbmV4dENvaG9ydFN0YXJ0RGF0ZT86IHN0cmluZztcbiAgLyoqIExpbmsgZGVzdGluYXRpb24gKi9cbiAgaHJlZjogc3RyaW5nO1xuICAvKiogQ2xpY2sgaGFuZGxlciAqL1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEluc3RydWN0b3JDYXJkID0gZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQsXG4gIFByb3BzV2l0aFJlZjxJbnN0cnVjdG9yQ2FyZFByb3BzPlxuPihcbiAgKFxuICAgIHtcbiAgICAgIHRpdGxlLFxuICAgICAgaW5zdHJ1Y3Rvck5hbWUsXG4gICAgICBpbnN0cnVjdG9yVGl0bGUsXG4gICAgICBpbnN0cnVjdG9ySW1hZ2VVcmwsXG4gICAgICBuZXh0Q29ob3J0U3RhcnREYXRlLFxuICAgICAgaHJlZixcbiAgICAgIG9uQ2xpY2ssXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxDYXJkXG4gICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItcHJpbWFyeVwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgICBwPXswfVxuICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgID5cbiAgICAgICAgPENhcmRBbmNob3IgaHJlZj17aHJlZn0gb25DbGljaz17b25DbGlja30gdmFyaWFudD1cImludGVyZmFjZVwiIHJlZj17cmVmfT5cbiAgICAgICAgICA8Qm94XG4gICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgaGVpZ2h0PXsxNjB9XG4gICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgICAgIGJnPVwibmF2eS04MDBcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtpbnN0cnVjdG9ySW1hZ2VVcmwgJiYgKFxuICAgICAgICAgICAgICA8U3R5bGVkSW1nIHNyYz17aW5zdHJ1Y3RvckltYWdlVXJsfSBhbHQ9e2luc3RydWN0b3JOYW1lfSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0JveD5cblxuICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgIGZsZXg9ezF9XG4gICAgICAgICAgICBwdD17MTJ9XG4gICAgICAgICAgICBwYj17NH1cbiAgICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgICAgYWxpZ25TZWxmPVwic3RyZXRjaFwiXG4gICAgICAgICAgICAgIGZsZXg9ezF9XG4gICAgICAgICAgICAgIGdhcD17NH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cImgzXCJcbiAgICAgICAgICAgICAgICBmb250U2l6ZT17MjB9XG4gICAgICAgICAgICAgICAgZm9udFdlaWdodD1cImJvbGRcIlxuICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ9XCJ0aXRsZVwiXG4gICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICBtPXswfVxuICAgICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezN9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgIDwvVGV4dD5cblxuICAgICAgICAgICAgICA8RmxleEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPXs0fSBtdD1cImF1dG9cIiBtaW5XaWR0aD17MH0+XG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgIGZvbnRXZWlnaHQ9XCJib2xkXCJcbiAgICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ9XCJiYXNlXCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2luc3RydWN0b3JOYW1lfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgbGluZUhlaWdodD1cImJhc2VcIlxuICAgICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0LXNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezF9XG4gICAgICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtpbnN0cnVjdG9yVGl0bGV9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBhbGlnblNlbGY9XCJzdHJldGNoXCIgbXQ9ezR9PlxuICAgICAgICAgICAgICB7bmV4dENvaG9ydFN0YXJ0RGF0ZSAmJiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8SW5mb1JvdyBpY29uPXs8Q2FsZW5kYXJJY29uIHNpemU9ezE2fSBhcmlhLWhpZGRlbiAvPn0+XG4gICAgICAgICAgICAgICAgICAgIE5leHQgY29ob3J0OiBTdGFydHN7JyAnfVxuICAgICAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICAgICAgICAgICAgICAgIHtuZXh0Q29ob3J0U3RhcnREYXRlfVxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0luZm9Sb3c+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgIDxJbmZvUm93IGljb249ezxDZXJ0aWZpY2F0ZUljb24gc2l6ZT17MTZ9IGFyaWEtaGlkZGVuIC8+fT5cbiAgICAgICAgICAgICAgICBXaXRoeycgJ31cbiAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICAgICAgICAgICAgQ2VydGlmaWNhdGVcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvSW5mb1Jvdz5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvQ2FyZEFuY2hvcj5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
+const StyledImg = /*#__PURE__*/_styled("img", {
+  target: "e171y2mq1",
+  label: "StyledImg"
+})(process.env.NODE_ENV === "production" ? {
+  name: "q5j908",
+  styles: "width:100%;height:100%;object-fit:cover;display:block"
+} : {
+  name: "q5j908",
+  styles: "width:100%;height:100%;object-fit:cover;display:block/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbnN0cnVjdG9yQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUI0QiIsImZpbGUiOiIuLi8uLi9zcmMvSW5zdHJ1Y3RvckNhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIENhcmQsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDYWxlbmRhckljb24sIENlcnRpZmljYXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBQcm9wc1dpdGhSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IENhcmRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgJyY6aG92ZXIsICY6Zm9jdXMsICY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgZGlzcGxheTogYmxvY2s7XG5gO1xuXG5jb25zdCBEb3R0ZWRMaW5lID0gc3R5bGVkKENoZWNrZXJEZW5zZSkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlcjogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIHJldHVybiAoXG4gICAgLy8gdGhlIGhlaWdodCBhbmQgcG9zaXRpb24gcHJvcGVydGllcyBhcmUgbmVjZXNzYXJ5IGZvciBpT1MgZGV2aWNlc1xuICAgIDxCb3ggcHk9ezR9IGhlaWdodD17MH0gcG9zaXRpb249XCJyZWxhdGl2ZVwiIGFyaWEtaGlkZGVuPlxuICAgICAgPERvdHRlZExpbmUgLz5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbnR5cGUgSW5mb1Jvd1Byb3BzID0ge1xuICBpY29uOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBJbmZvUm93OiBSZWFjdC5GQzxJbmZvUm93UHJvcHM+ID0gKHsgaWNvbiwgY2hpbGRyZW4gfSkgPT4gKFxuICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fT5cbiAgICB7aWNvbn1cbiAgICA8VGV4dCBmb250U2l6ZT17MTR9IGxpbmVIZWlnaHQ9XCJiYXNlXCIgY29sb3I9XCJ0ZXh0XCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICA8L0ZsZXhCb3g+XG4pO1xuXG5leHBvcnQgdHlwZSBJbnN0cnVjdG9yQ2FyZFByb3BzID0ge1xuICAvKiogVGhlIGJvb3RjYW1wIHRpdGxlICovXG4gIHRpdGxlOiBzdHJpbmc7XG4gIC8qKiBJbnN0cnVjdG9yJ3MgZnVsbCBuYW1lICovXG4gIGluc3RydWN0b3JOYW1lOiBzdHJpbmc7XG4gIC8qKiBJbnN0cnVjdG9yJ3MgcHJvZmVzc2lvbmFsIHRpdGxlICovXG4gIGluc3RydWN0b3JUaXRsZTogc3RyaW5nO1xuICAvKiogVVJMIGZvciB0aGUgaW5zdHJ1Y3RvcidzIHByb2ZpbGUgcGljIChpbmNsdWRlcyBiYWNrZ3JvdW5kIGdyYWRpZW50KSAqL1xuICBpbnN0cnVjdG9ySW1hZ2VVcmw/OiBzdHJpbmc7XG4gIC8qKiBGb3JtYXR0ZWQgc3RhcnQgZGF0ZSBmb3IgdGhlIG5leHQgY29ob3J0IChlLmcuIFwiRmViIDEwXCIpICovXG4gIG5leHRDb2hvcnRTdGFydERhdGU/OiBzdHJpbmc7XG4gIC8qKiBMaW5rIGRlc3RpbmF0aW9uICovXG4gIGhyZWY6IHN0cmluZztcbiAgLyoqIENsaWNrIGhhbmRsZXIgKi9cbiAgb25DbGljazogKCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBJbnN0cnVjdG9yQ2FyZCA9IGZvcndhcmRSZWY8XG4gIEhUTUxBbmNob3JFbGVtZW50LFxuICBQcm9wc1dpdGhSZWY8SW5zdHJ1Y3RvckNhcmRQcm9wcz5cbj4oXG4gIChcbiAgICB7XG4gICAgICB0aXRsZSxcbiAgICAgIGluc3RydWN0b3JOYW1lLFxuICAgICAgaW5zdHJ1Y3RvclRpdGxlLFxuICAgICAgaW5zdHJ1Y3RvckltYWdlVXJsLFxuICAgICAgbmV4dENvaG9ydFN0YXJ0RGF0ZSxcbiAgICAgIGhyZWYsXG4gICAgICBvbkNsaWNrLFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Q2FyZFxuICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXByaW1hcnlcIlxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgIGlzSW50ZXJhY3RpdmVcbiAgICAgICAgcD17MH1cbiAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICA+XG4gICAgICAgIDxDYXJkQW5jaG9yIGhyZWY9e2hyZWZ9IG9uQ2xpY2s9e29uQ2xpY2t9IHZhcmlhbnQ9XCJpbnRlcmZhY2VcIiByZWY9e3JlZn0+XG4gICAgICAgICAgPEJveFxuICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgIGhlaWdodD17MTYwfVxuICAgICAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgICBiZz1cIm5hdnktODAwXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aW5zdHJ1Y3RvckltYWdlVXJsICYmIChcbiAgICAgICAgICAgICAgPFN0eWxlZEltZyBzcmM9e2luc3RydWN0b3JJbWFnZVVybH0gYWx0PXtpbnN0cnVjdG9yTmFtZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgICAgcHQ9ezEyfVxuICAgICAgICAgICAgcGI9ezR9XG4gICAgICAgICAgICBweD17MTJ9XG4gICAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgICAgICBnYXA9ezR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICAgICAgZm9udFNpemU9ezIwfVxuICAgICAgICAgICAgICAgIGZvbnRXZWlnaHQ9XCJib2xkXCJcbiAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0PVwidGl0bGVcIlxuICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgbT17MH1cbiAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXszfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG5cbiAgICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17NH0gbXQ9XCJhdXRvXCIgbWluV2lkdGg9ezB9PlxuICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICBmb250U2l6ZT17MTR9XG4gICAgICAgICAgICAgICAgICBmb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0PVwiYmFzZVwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj1cInRleHRcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtpbnN0cnVjdG9yTmFtZX1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ9XCJiYXNlXCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiXG4gICAgICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXsxfVxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7aW5zdHJ1Y3RvclRpdGxlfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgICAgICA8RmxleEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgYWxpZ25TZWxmPVwic3RyZXRjaFwiIG10PXs0fT5cbiAgICAgICAgICAgICAge25leHRDb2hvcnRTdGFydERhdGUgJiYgKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICAgICAgPEluZm9Sb3cgaWNvbj17PENhbGVuZGFySWNvbiBzaXplPXsxNn0gYXJpYS1oaWRkZW4gLz59PlxuICAgICAgICAgICAgICAgICAgICBOZXh0IGNvaG9ydDogU3RhcnRzeycgJ31cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgZm9udFdlaWdodD1cImJvbGRcIj5cbiAgICAgICAgICAgICAgICAgICAgICB7bmV4dENvaG9ydFN0YXJ0RGF0ZX1cbiAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPC9JbmZvUm93PlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICA8SW5mb1JvdyBpY29uPXs8Q2VydGlmaWNhdGVJY29uIHNpemU9ezE2fSBhcmlhLWhpZGRlbiAvPn0+XG4gICAgICAgICAgICAgICAgV2l0aHsnICd9XG4gICAgICAgICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgZm9udFdlaWdodD1cImJvbGRcIj5cbiAgICAgICAgICAgICAgICAgIENlcnRpZmljYXRlXG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0luZm9Sb3c+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0NhcmRBbmNob3I+XG4gICAgICA8L0NhcmQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const DottedLine = /*#__PURE__*/_styled(CheckerDense, {
+  target: "e171y2mq0",
+  label: "DottedLine"
+})(css({
+  height: '1px',
+  display: 'flex',
+  position: 'absolute',
+  marginTop: '-1px'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbnN0cnVjdG9yQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJtQiIsImZpbGUiOiIuLi8uLi9zcmMvSW5zdHJ1Y3RvckNhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIENhcmQsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDYWxlbmRhckljb24sIENlcnRpZmljYXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBQcm9wc1dpdGhSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IENhcmRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgJyY6aG92ZXIsICY6Zm9jdXMsICY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgZGlzcGxheTogYmxvY2s7XG5gO1xuXG5jb25zdCBEb3R0ZWRMaW5lID0gc3R5bGVkKENoZWNrZXJEZW5zZSkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlcjogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIHJldHVybiAoXG4gICAgLy8gdGhlIGhlaWdodCBhbmQgcG9zaXRpb24gcHJvcGVydGllcyBhcmUgbmVjZXNzYXJ5IGZvciBpT1MgZGV2aWNlc1xuICAgIDxCb3ggcHk9ezR9IGhlaWdodD17MH0gcG9zaXRpb249XCJyZWxhdGl2ZVwiIGFyaWEtaGlkZGVuPlxuICAgICAgPERvdHRlZExpbmUgLz5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbnR5cGUgSW5mb1Jvd1Byb3BzID0ge1xuICBpY29uOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBJbmZvUm93OiBSZWFjdC5GQzxJbmZvUm93UHJvcHM+ID0gKHsgaWNvbiwgY2hpbGRyZW4gfSkgPT4gKFxuICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fT5cbiAgICB7aWNvbn1cbiAgICA8VGV4dCBmb250U2l6ZT17MTR9IGxpbmVIZWlnaHQ9XCJiYXNlXCIgY29sb3I9XCJ0ZXh0XCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICA8L0ZsZXhCb3g+XG4pO1xuXG5leHBvcnQgdHlwZSBJbnN0cnVjdG9yQ2FyZFByb3BzID0ge1xuICAvKiogVGhlIGJvb3RjYW1wIHRpdGxlICovXG4gIHRpdGxlOiBzdHJpbmc7XG4gIC8qKiBJbnN0cnVjdG9yJ3MgZnVsbCBuYW1lICovXG4gIGluc3RydWN0b3JOYW1lOiBzdHJpbmc7XG4gIC8qKiBJbnN0cnVjdG9yJ3MgcHJvZmVzc2lvbmFsIHRpdGxlICovXG4gIGluc3RydWN0b3JUaXRsZTogc3RyaW5nO1xuICAvKiogVVJMIGZvciB0aGUgaW5zdHJ1Y3RvcidzIHByb2ZpbGUgcGljIChpbmNsdWRlcyBiYWNrZ3JvdW5kIGdyYWRpZW50KSAqL1xuICBpbnN0cnVjdG9ySW1hZ2VVcmw/OiBzdHJpbmc7XG4gIC8qKiBGb3JtYXR0ZWQgc3RhcnQgZGF0ZSBmb3IgdGhlIG5leHQgY29ob3J0IChlLmcuIFwiRmViIDEwXCIpICovXG4gIG5leHRDb2hvcnRTdGFydERhdGU/OiBzdHJpbmc7XG4gIC8qKiBMaW5rIGRlc3RpbmF0aW9uICovXG4gIGhyZWY6IHN0cmluZztcbiAgLyoqIENsaWNrIGhhbmRsZXIgKi9cbiAgb25DbGljazogKCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBJbnN0cnVjdG9yQ2FyZCA9IGZvcndhcmRSZWY8XG4gIEhUTUxBbmNob3JFbGVtZW50LFxuICBQcm9wc1dpdGhSZWY8SW5zdHJ1Y3RvckNhcmRQcm9wcz5cbj4oXG4gIChcbiAgICB7XG4gICAgICB0aXRsZSxcbiAgICAgIGluc3RydWN0b3JOYW1lLFxuICAgICAgaW5zdHJ1Y3RvclRpdGxlLFxuICAgICAgaW5zdHJ1Y3RvckltYWdlVXJsLFxuICAgICAgbmV4dENvaG9ydFN0YXJ0RGF0ZSxcbiAgICAgIGhyZWYsXG4gICAgICBvbkNsaWNrLFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Q2FyZFxuICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXByaW1hcnlcIlxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgIGlzSW50ZXJhY3RpdmVcbiAgICAgICAgcD17MH1cbiAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICA+XG4gICAgICAgIDxDYXJkQW5jaG9yIGhyZWY9e2hyZWZ9IG9uQ2xpY2s9e29uQ2xpY2t9IHZhcmlhbnQ9XCJpbnRlcmZhY2VcIiByZWY9e3JlZn0+XG4gICAgICAgICAgPEJveFxuICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgIGhlaWdodD17MTYwfVxuICAgICAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgICBiZz1cIm5hdnktODAwXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aW5zdHJ1Y3RvckltYWdlVXJsICYmIChcbiAgICAgICAgICAgICAgPFN0eWxlZEltZyBzcmM9e2luc3RydWN0b3JJbWFnZVVybH0gYWx0PXtpbnN0cnVjdG9yTmFtZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgICAgcHQ9ezEyfVxuICAgICAgICAgICAgcGI9ezR9XG4gICAgICAgICAgICBweD17MTJ9XG4gICAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgICAgICBnYXA9ezR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICAgICAgZm9udFNpemU9ezIwfVxuICAgICAgICAgICAgICAgIGZvbnRXZWlnaHQ9XCJib2xkXCJcbiAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0PVwidGl0bGVcIlxuICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgbT17MH1cbiAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXszfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG5cbiAgICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17NH0gbXQ9XCJhdXRvXCIgbWluV2lkdGg9ezB9PlxuICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICBmb250U2l6ZT17MTR9XG4gICAgICAgICAgICAgICAgICBmb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0PVwiYmFzZVwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj1cInRleHRcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtpbnN0cnVjdG9yTmFtZX1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ9XCJiYXNlXCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiXG4gICAgICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXsxfVxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7aW5zdHJ1Y3RvclRpdGxlfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgICAgICA8RmxleEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgYWxpZ25TZWxmPVwic3RyZXRjaFwiIG10PXs0fT5cbiAgICAgICAgICAgICAge25leHRDb2hvcnRTdGFydERhdGUgJiYgKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICAgICAgPEluZm9Sb3cgaWNvbj17PENhbGVuZGFySWNvbiBzaXplPXsxNn0gYXJpYS1oaWRkZW4gLz59PlxuICAgICAgICAgICAgICAgICAgICBOZXh0IGNvaG9ydDogU3RhcnRzeycgJ31cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgZm9udFdlaWdodD1cImJvbGRcIj5cbiAgICAgICAgICAgICAgICAgICAgICB7bmV4dENvaG9ydFN0YXJ0RGF0ZX1cbiAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPC9JbmZvUm93PlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICA8SW5mb1JvdyBpY29uPXs8Q2VydGlmaWNhdGVJY29uIHNpemU9ezE2fSBhcmlhLWhpZGRlbiAvPn0+XG4gICAgICAgICAgICAgICAgV2l0aHsnICd9XG4gICAgICAgICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgZm9udFdlaWdodD1cImJvbGRcIj5cbiAgICAgICAgICAgICAgICAgIENlcnRpZmljYXRlXG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0luZm9Sb3c+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0NhcmRBbmNob3I+XG4gICAgICA8L0NhcmQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
+export const Divider = () => {
+  return (
+    /*#__PURE__*/
+    // the height and position properties are necessary for iOS devices
+    _jsx(Box, {
+      py: 4,
+      height: 0,
+      position: "relative",
+      "aria-hidden": true,
+      children: /*#__PURE__*/_jsx(DottedLine, {})
+    })
+  );
+};
+const InfoRow = ({
+  icon,
+  children
+}) => /*#__PURE__*/_jsxs(FlexBox, {
+  alignItems: "center",
+  gap: 8,
+  children: [icon, /*#__PURE__*/_jsx(Text, {
+    fontSize: 14,
+    lineHeight: "base",
+    color: "text",
+    children: children
+  })]
+});
+export const InstructorCard = /*#__PURE__*/forwardRef(({
+  title,
+  instructorName,
+  instructorTitle,
+  instructorImageUrl,
+  nextCohortStartDate,
+  href,
+  onClick
+}, ref) => {
+  return /*#__PURE__*/_jsx(Card, {
+    borderRadius: "md",
+    borderColor: "border-primary",
+    overflow: "hidden",
+    display: "flex",
+    flexDirection: "column",
+    isInteractive: true,
+    p: 0,
+    height: "100%",
+    width: "100%",
+    children: /*#__PURE__*/_jsxs(CardAnchor, {
+      href: href,
+      onClick: onClick,
+      variant: "interface",
+      ref: ref,
+      children: [/*#__PURE__*/_jsx(Box, {
+        width: "100%",
+        height: 160,
+        position: "relative",
+        overflow: "hidden",
+        bg: "navy-800",
+        children: instructorImageUrl && /*#__PURE__*/_jsx(StyledImg, {
+          src: instructorImageUrl,
+          alt: instructorName
+        })
+      }), /*#__PURE__*/_jsxs(FlexBox, {
+        flexDirection: "column",
+        flex: 1,
+        pt: 12,
+        pb: 4,
+        px: 12,
+        overflow: "hidden",
+        children: [/*#__PURE__*/_jsxs(FlexBox, {
+          flexDirection: "column",
+          alignSelf: "stretch",
+          flex: 1,
+          gap: 4,
+          children: [/*#__PURE__*/_jsx(Text, {
+            as: "h3",
+            fontSize: 20,
+            fontWeight: "bold",
+            lineHeight: "title",
+            color: "text",
+            m: 0,
+            truncate: "ellipsis",
+            truncateLines: 3,
+            children: title
+          }), /*#__PURE__*/_jsxs(FlexBox, {
+            flexDirection: "column",
+            gap: 4,
+            mt: "auto",
+            minWidth: 0,
+            children: [/*#__PURE__*/_jsx(Text, {
+              fontSize: 14,
+              fontWeight: "bold",
+              lineHeight: "base",
+              color: "text",
+              children: instructorName
+            }), /*#__PURE__*/_jsx(Text, {
+              fontSize: 14,
+              lineHeight: "base",
+              color: "text-secondary",
+              truncate: "ellipsis",
+              truncateLines: 1,
+              width: "100%",
+              children: instructorTitle
+            })]
+          })]
+        }), /*#__PURE__*/_jsxs(FlexBox, {
+          flexDirection: "column",
+          alignSelf: "stretch",
+          mt: 4,
+          children: [nextCohortStartDate && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(InfoRow, {
+              icon: /*#__PURE__*/_jsx(CalendarIcon, {
+                size: 16,
+                "aria-hidden": true
+              }),
+              children: ["Next cohort: Starts", ' ', /*#__PURE__*/_jsx(Text, {
+                as: "span",
+                fontWeight: "bold",
+                children: nextCohortStartDate
+              })]
+            })]
+          }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(InfoRow, {
+            icon: /*#__PURE__*/_jsx(CertificateIcon, {
+              size: 16,
+              "aria-hidden": true
+            }),
+            children: ["With", ' ', /*#__PURE__*/_jsx(Text, {
+              as: "span",
+              fontWeight: "bold",
+              children: "Certificate"
+            })]
+          })]
+        })]
+      })]
+    })
+  });
+});

package/dist/index.d.ts

@@ -43,6 +43,7 @@ export * from './Grid';
 export * from './HorizontalScrollMenu';
 export * from './HubCard';
 export * from './InfoCard';
+export * from './InstructorCard';
 export * from './Konamimojisplosion';
 export * from './LandingPage';
 export * from './LayoutMenu';

package/dist/index.js

@@ -43,6 +43,7 @@ export * from './Grid';
 export * from './HorizontalScrollMenu';
 export * from './HubCard';
 export * from './InfoCard';
+export * from './InstructorCard';
 export * from './Konamimojisplosion';
 export * from './LandingPage';
 export * from './LayoutMenu';

package/dist/stories/Molecules/InstructorCard.stories.js

@@ -0,0 +1,125 @@
+import { Box, Column, LayoutGrid } from '@codecademy/gamut';
+import { InstructorCard } from '../../InstructorCard';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  component: InstructorCard,
+  args: {
+    title: 'Building Agentic AI Applications',
+    instructorName: 'Dr. Satyajit Pattnaik',
+    instructorTitle: 'Lead AI and Data Engineer @ PALO IT',
+    instructorImageUrl: 'https://static-assets.codecademy.com/assets/bootcamp-instructors/profile-pics/v1/satyajit_pattnaik.png',
+    nextCohortStartDate: 'Feb 10',
+    href: '/bootcamps/agentic-ai',
+    onClick: () => {}
+  }
+};
+export default meta;
+export const Default = {
+  render: args => /*#__PURE__*/_jsx(Box, {
+    pb: 8,
+    children: /*#__PURE__*/_jsx(InstructorCard, {
+      ...args
+    })
+  }),
+  name: 'InstructorCard'
+};
+export const InstructorCardWithLongTitle = {
+  render: args => /*#__PURE__*/_jsx(Box, {
+    pb: 8,
+    children: /*#__PURE__*/_jsx(InstructorCard, {
+      ...args,
+      title: "AI Maker: Learn to Build with AI Tools and Applications"
+    })
+  }),
+  name: 'InstructorCard with Long Title'
+};
+export const InstructorCardWithLongInstructorTitle = {
+  render: args => /*#__PURE__*/_jsx(Box, {
+    pb: 8,
+    children: /*#__PURE__*/_jsx(InstructorCard, {
+      ...args,
+      instructorTitle: "Software Engineering Manager and Full-Stack Instructor at Codecademy"
+    })
+  }),
+  name: 'InstructorCard with Long Instructor Title'
+};
+export const InstructorCardWithoutImage = {
+  render: args => /*#__PURE__*/_jsx(Box, {
+    pb: 8,
+    children: /*#__PURE__*/_jsx(InstructorCard, {
+      ...args,
+      instructorImageUrl: undefined
+    })
+  }),
+  name: 'InstructorCard without Image'
+};
+export const InstructorCardWithoutNextCohort = {
+  render: args => /*#__PURE__*/_jsx(Box, {
+    pb: 8,
+    children: /*#__PURE__*/_jsx(InstructorCard, {
+      ...args,
+      nextCohortStartDate: undefined
+    })
+  }),
+  name: 'InstructorCard without Next Cohort'
+};
+export const InstructorCardGrid = {
+  render: args => /*#__PURE__*/_jsxs(LayoutGrid, {
+    gap: 24,
+    pb: 8,
+    children: [/*#__PURE__*/_jsx(Column, {
+      size: {
+        _: 12,
+        sm: 6,
+        md: 4,
+        lg: 3
+      },
+      children: /*#__PURE__*/_jsx(InstructorCard, {
+        ...args
+      })
+    }), /*#__PURE__*/_jsx(Column, {
+      size: {
+        _: 12,
+        sm: 6,
+        md: 4,
+        lg: 3
+      },
+      children: /*#__PURE__*/_jsx(InstructorCard, {
+        ...args,
+        title: "Full-Stack Developer",
+        instructorName: "Tyler Lemke",
+        instructorTitle: "Software Engineering Manager and Full-Stack Instructor",
+        nextCohortStartDate: "Mar 17"
+      })
+    }), /*#__PURE__*/_jsx(Column, {
+      size: {
+        _: 12,
+        sm: 6,
+        md: 4,
+        lg: 3
+      },
+      children: /*#__PURE__*/_jsx(InstructorCard, {
+        ...args,
+        title: "Data Science with AI",
+        instructorName: "Jeff Herman",
+        instructorTitle: "Senior Data Scientist @ H&R Block",
+        nextCohortStartDate: "Mar 2"
+      })
+    }), /*#__PURE__*/_jsx(Column, {
+      size: {
+        _: 12,
+        sm: 6,
+        md: 4,
+        lg: 3
+      },
+      children: /*#__PURE__*/_jsx(InstructorCard, {
+        ...args,
+        title: "AI Maker: Learn to Build with AI Tools",
+        instructorName: "Yash Thakker",
+        instructorTitle: "Founder of AISOLO Technologies, AI Entrepreneur",
+        nextCohortStartDate: "Mar 28"
+      })
+    })]
+  }),
+  name: 'InstructorCard Grid'
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codecademy/brand",
-  "version": "3.47.1",
+  "version": "3.48.0-alpha.3a4ea1999.0",
   "description": "Brand component library for Codecademy",
   "license": "MIT",
   "repository": "git@github.com:codecademy-engineering/mono.git",