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

package/dist/ContentGroupBaseCard/index.d.ts

@@ -1,33 +1,41 @@
-import { HeadingTags } from '@codecademy/gamut';
-import { Colors } from '@codecademy/gamut-styles';
-import React from 'react';
-import { CourseDifficulty, EnrollmentStatus } from './types';
-export type ContentGroupBaseCardProps = {
-    headerBackgroundColor: Colors;
-    headerText: string;
-    title: string;
-    headingLevel?: HeadingTags;
-    description?: string | null;
-    difficulty?: CourseDifficulty | null;
-    numLessons: number;
-    imageSrc?: string;
-    isFullSize?: boolean;
-    shadow?: 'none' | 'outline';
-    enrollmentStatus?: EnrollmentStatus;
-    timeToComplete?: number | null;
-    brandDetails?: {
-        name: string;
-        logoUrl: string;
-        logoHeight: number;
-    };
-    children?: React.ReactNode;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    openInNewTab?: boolean;
-    href: string;
-    onClick: () => void;
+import { CourseDifficulty, EnrollmentStatus } from "./types.js";
+import { HeadingTags } from "@codecademy/gamut";
+import * as _codecademy_gamut_styles0 from "@codecademy/gamut-styles";
+import { Colors } from "@codecademy/gamut-styles";
+import * as _emotion_styled0 from "@emotion/styled";
+import React from "react";
+import * as _emotion_react0 from "@emotion/react";
+
+//#region src/ContentGroupBaseCard/index.d.ts
+type ContentGroupBaseCardProps = {
+  headerBackgroundColor: Colors;
+  headerText: string;
+  title: string;
+  headingLevel?: HeadingTags;
+  description?: string | null;
+  difficulty?: CourseDifficulty | null;
+  numLessons: number;
+  imageSrc?: string;
+  isFullSize?: boolean;
+  shadow?: 'none' | 'outline';
+  enrollmentStatus?: EnrollmentStatus;
+  timeToComplete?: number | null;
+  brandDetails?: {
+    name: string;
+    logoUrl: string;
+    logoHeight: number;
+  };
+  children?: React.ReactNode;
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+  openInNewTab?: boolean;
+  href: string;
+  onClick: () => void;
 };
-export declare const ContentGroupBaseCardHeaderBackground: import("@emotion/styled").StyledComponent<Omit<import("@codecademy/gamut-styles").BackgroundProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
+declare const ContentGroupBaseCardHeaderBackground: _emotion_styled0.StyledComponent<Omit<_codecademy_gamut_styles0.BackgroundProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
+  theme?: _emotion_react0.Theme;
 }, {}, {}>;
-export declare const ContentGroupBaseCard: React.ForwardRefExoticComponent<ContentGroupBaseCardProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const ContentGroupBaseCard: React.ForwardRefExoticComponent<ContentGroupBaseCardProps & React.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { ContentGroupBaseCard, ContentGroupBaseCardHeaderBackground, ContentGroupBaseCardProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/ContentGroupBaseCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/ContentGroupBaseCard/index.tsx"],"mappings":";;;;;;;;;KAkCY,yBAAA;EACV,qBAAA,EAAuB,MAAA;EACvB,UAAA;EACA,KAAA;EACA,YAAA,GAAe,WAAA;EACf,WAAA;EACA,UAAA,GAAa,gBAAA;EACb,UAAA;EACA,QAAA;EACA,UAAA;EACA,MAAA;EACA,gBAAA,GAAmB,gBAAA;EACnB,cAAA;EACA,YAAA;IACE,IAAA;IACA,OAAA;IACA,UAAA;EAAA;EAEF,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,YAAA;EACA,IAAA;EACA,OAAA;AAAA;AAAA,cAaW,oCAAA,mBAAoC,eAAA,CAAA,IAAA,CAQhD,yBAAA,CARgD,eAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA;UAAA,eAAA,CAAA,KAAA;AAAA;AAAA,cAUpC,oBAAA,EAAoB,KAAA,CAAA,yBAAA,CAAA,yBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}

package/dist/ContentGroupBaseCard/index.js

@@ -1,237 +1,162 @@
-import _styled from "@emotion/styled/base";
-import { Anchor, Box, Card, FlexBox, Text } from '@codecademy/gamut';
-import { LevelIcon } from '@codecademy/gamut-icons';
-import { Background, css, theme } from '@codecademy/gamut-styles';
-import pluralize from 'pluralize';
-import React, { forwardRef } from 'react';
-import { getTimeToCompleteDisplayAmount, getTimeToCompleteDisplayDuration } from './helpers';
-import { Divider } from './shared';
-import { CourseDifficulty, EnrollmentStatus } from './types';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const Image = Box.withComponent('img', {
-  target: "e1a33thh2",
-  label: "Image"
-});
-const CardAnchor = /*#__PURE__*/_styled(Anchor, {
-  target: "e1a33thh1",
-  label: "CardAnchor"
+import { CourseDifficulty, EnrollmentStatus } from "./types.js";
+import { getTimeToCompleteDisplayAmount, getTimeToCompleteDisplayDuration } from "./helpers.js";
+import { Divider } from "./shared.js";
+import { Anchor, Box, Card, FlexBox, Text } from "@codecademy/gamut";
+import { Background, css, theme } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import React, { forwardRef } from "react";
+import { LevelIcon } from "@codecademy/gamut-icons";
+import pluralize from "pluralize";
+
+//#region src/ContentGroupBaseCard/index.tsx
+const Image = Box.withComponent("img");
+const CardAnchor = /* @__PURE__ */ styled(Anchor, {
+	target: "em7qvl80",
+	label: "brand-CardAnchor"
 })(css({
-  '&:hover, &:focus, &:focus-visible': {
-    color: 'text'
-  },
-  '&:before': {
-    inset: 2
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db250ZW50R3JvdXBCYXNlQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJtQiIsImZpbGUiOiIuLi8uLi9zcmMvQ29udGVudEdyb3VwQmFzZUNhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIENhcmQsXG4gIEZsZXhCb3gsXG4gIEhlYWRpbmdUYWdzLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBMZXZlbEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBDb2xvcnMsIGNzcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHBsdXJhbGl6ZSBmcm9tICdwbHVyYWxpemUnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIFByb3BzV2l0aFJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgZ2V0VGltZVRvQ29tcGxldGVEaXNwbGF5QW1vdW50LFxuICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlEdXJhdGlvbixcbn0gZnJvbSAnLi9oZWxwZXJzJztcbmltcG9ydCB7IERpdmlkZXIgfSBmcm9tICcuL3NoYXJlZCc7XG5pbXBvcnQgeyBDb3Vyc2VEaWZmaWN1bHR5LCBFbnJvbGxtZW50U3RhdHVzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5jb25zdCBDYXJkQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIsICY6Zm9jdXMsICY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgfSxcbiAgICAnJjpiZWZvcmUnOiB7XG4gICAgICBpbnNldDogMixcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgQ29udGVudEdyb3VwQmFzZUNhcmRQcm9wcyA9IHtcbiAgaGVhZGVyQmFja2dyb3VuZENvbG9yOiBDb2xvcnM7XG4gIGhlYWRlclRleHQ6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ1RhZ3M7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nIHwgbnVsbDtcbiAgZGlmZmljdWx0eT86IENvdXJzZURpZmZpY3VsdHkgfCBudWxsO1xuICBudW1MZXNzb25zOiBudW1iZXI7XG4gIGltYWdlU3JjPzogc3RyaW5nO1xuICBpc0Z1bGxTaXplPzogYm9vbGVhbjtcbiAgc2hhZG93PzogJ25vbmUnIHwgJ291dGxpbmUnO1xuICBlbnJvbGxtZW50U3RhdHVzPzogRW5yb2xsbWVudFN0YXR1cztcbiAgdGltZVRvQ29tcGxldGU/OiBudW1iZXIgfCBudWxsO1xuICBicmFuZERldGFpbHM/OiB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGxvZ29Vcmw6IHN0cmluZztcbiAgICBsb2dvSGVpZ2h0OiBudW1iZXI7XG4gIH07XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICBoZWFkZXI/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGZvb3Rlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgb3BlbkluTmV3VGFiPzogYm9vbGVhbjtcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufTtcblxudHlwZSBFbnJvbGxtZW50U3RhdHVzQXNzZXRzID0ge1xuICBbc3RhdHVzIGluXG4gICAgfCBFbnJvbGxtZW50U3RhdHVzLkluUHJvZ3Jlc3NcbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuQ29tcGxldGVkXG4gICAgfCBFbnJvbGxtZW50U3RhdHVzLk5vbmVdOiB7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIGJhY2tncm91bmRDb2xvcjogQ29sb3JzO1xuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKShcbiAgY3NzKHtcbiAgICBwbDogMTIsXG4gICAgcHk6IDQsXG4gICAgYm9yZGVyUmFkaXVzVG9wOiAnbWQnLFxuICAgIGJvcmRlclJhZGl1c0JvdHRvbTogJ25vbmUnLFxuICAgIGJveFNoYWRvdzogYGluc2V0IDAgMCAwIDFweCAke3RoZW1lLmNvbG9ycy53aGl0ZX1gLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRHcm91cEJhc2VDYXJkID0gZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQsXG4gIFByb3BzV2l0aFJlZjxDb250ZW50R3JvdXBCYXNlQ2FyZFByb3BzPlxuPihcbiAgKFxuICAgIHtcbiAgICAgIGhlYWRlckJhY2tncm91bmRDb2xvcixcbiAgICAgIGhlYWRlclRleHQsXG4gICAgICB0aXRsZSxcbiAgICAgIGhlYWRpbmdMZXZlbCxcbiAgICAgIGRlc2NyaXB0aW9uLFxuICAgICAgZGlmZmljdWx0eSxcbiAgICAgIG51bUxlc3NvbnMsXG4gICAgICBpbWFnZVNyYyxcbiAgICAgIGlzRnVsbFNpemUgPSBmYWxzZSxcbiAgICAgIHNoYWRvdyA9ICdub25lJyxcbiAgICAgIGVucm9sbG1lbnRTdGF0dXMsXG4gICAgICB0aW1lVG9Db21wbGV0ZSxcbiAgICAgIGJyYW5kRGV0YWlscyxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaGVhZGVyLFxuICAgICAgZm9vdGVyLFxuICAgICAgb3BlbkluTmV3VGFiID0gZmFsc2UsXG4gICAgICBocmVmLFxuICAgICAgb25DbGljayxcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCBlbnJvbGxtZW50QXNzZXRzOiBFbnJvbGxtZW50U3RhdHVzQXNzZXRzID0ge1xuICAgICAgY29tcGxldGVkOiB7IHRleHQ6IGhlYWRlclRleHQgKyAnIGNvbXBsZXRlZCEnLCBiYWNrZ3JvdW5kQ29sb3I6ICdncmVlbicgfSxcbiAgICAgIGluUHJvZ3Jlc3M6IHsgdGV4dDogJ0luIHByb2dyZXNzLi4uJywgYmFja2dyb3VuZENvbG9yOiAneWVsbG93JyB9LFxuICAgICAgbm9uZTogeyB0ZXh0OiBoZWFkZXJUZXh0LCBiYWNrZ3JvdW5kQ29sb3I6IGhlYWRlckJhY2tncm91bmRDb2xvciB9LFxuICAgIH07XG5cbiAgICBjb25zdCBpc0Vucm9sbGVkID1cbiAgICAgIGVucm9sbG1lbnRTdGF0dXMgPT09IEVucm9sbG1lbnRTdGF0dXMuSW5Qcm9ncmVzcyB8fFxuICAgICAgZW5yb2xsbWVudFN0YXR1cyA9PT0gRW5yb2xsbWVudFN0YXR1cy5Db21wbGV0ZWQ7XG5cbiAgICBjb25zdCBpc0JlZ2lubmVyQ29udGFpbmVyID0gZGlmZmljdWx0eSA9PT0gQ291cnNlRGlmZmljdWx0eS5CZWdpbm5lcjtcblxuICAgIGNvbnN0IHJlbmRlclRpbWVUb0NvbXBsZXRlT3JOdW1MZXNzb25zID0gKCkgPT4ge1xuICAgICAgaWYgKHR5cGVvZiB0aW1lVG9Db21wbGV0ZSA9PT0gJ251bWJlcicgJiYgdGltZVRvQ29tcGxldGUgPj0gMCkge1xuICAgICAgICBjb25zdCBkaXNwbGF5QW1vdW50ID0gZ2V0VGltZVRvQ29tcGxldGVEaXNwbGF5QW1vdW50KHRpbWVUb0NvbXBsZXRlKTtcbiAgICAgICAgY29uc3QgZGlzcGxheUR1cmF0aW9uID1cbiAgICAgICAgICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlEdXJhdGlvbih0aW1lVG9Db21wbGV0ZSk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7ZGlzcGxheUFtb3VudH0gJHtkaXNwbGF5RHVyYXRpb259YH08L1RleHQ+XG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiIHBsPXs0fSB3aGl0ZVNwYWNlPVwibm93cmFwXCIgYXJpYS1oaWRkZW4+XG4gICAgICAgICAgICAgIDxiPntkaXNwbGF5QW1vdW50fTwvYj4ge2Rpc3BsYXlEdXJhdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICAgIGlmIChudW1MZXNzb25zID4gMCkge1xuICAgICAgICBjb25zdCBsYWJlbCA9IHBsdXJhbGl6ZSgnTGVzc29uJywgbnVtTGVzc29ucyk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7bnVtTGVzc29uc30gJHtsYWJlbH1gfTwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgcGw9ezR9IHdoaXRlU3BhY2U9XCJub3dyYXBcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgPGI+e251bUxlc3NvbnN9PC9iPiB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC8+XG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBudWxsO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENhcmRcbiAgICAgICAgdmFyaWFudD17aXNFbnJvbGxlZCA/ICdiZWlnZScgOiAnd2hpdGUnfVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXByaW1hcnlcIlxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgIHNoYWRvdz17c2hhZG93fVxuICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgIHA9ezB9XG4gICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZ2FtdXQvbm8taW5saW5lLXN0eWxlXG4gICAgICAgIHN0eWxlPXt7IGN1cnNvcjogJ3BvaW50ZXInIH19XG4gICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgLy8gb25seSBoYW5kbGUgY2xpY2tzIGlmIHRoZXkgZGlkbid0IGNvbWUgZnJvbSB0aGUgYW5jaG9yIHRvIGF2b2lkIGRvdWJsZSBuYXZpZ2F0aW9uXG4gICAgICAgICAgaWYgKChlLnRhcmdldCBhcyBIVE1MRWxlbWVudCkuY2xvc2VzdCgnYScpID09PSBudWxsKSB7XG4gICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBvbkNsaWNrPy4oKTtcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiPlxuICAgICAgICAgIDxDYXJkQW5jaG9yXG4gICAgICAgICAgICBocmVmPXtocmVmfVxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgZGlzcGxheT1cImJsb2NrXCJcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgdGFyZ2V0PXtvcGVuSW5OZXdUYWIgPyAnX2JsYW5rJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aGVhZGVyIHx8IChcbiAgICAgICAgICAgICAgPENvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZFxuICAgICAgICAgICAgICAgIGJnPXtcbiAgICAgICAgICAgICAgICAgIGVucm9sbG1lbnRTdGF0dXNcbiAgICAgICAgICAgICAgICAgICAgPyBlbnJvbGxtZW50QXNzZXRzW2Vucm9sbG1lbnRTdGF0dXNdLmJhY2tncm91bmRDb2xvclxuICAgICAgICAgICAgICAgICAgICA6IGhlYWRlckJhY2tncm91bmRDb2xvclxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxUZXh0IGZvbnRGYW1pbHk9XCJhY2NlbnRcIiBmb250U2l6ZT17MTR9PlxuICAgICAgICAgICAgICAgICAge2Vucm9sbG1lbnRTdGF0dXNcbiAgICAgICAgICAgICAgICAgICAgPyBlbnJvbGxtZW50QXNzZXRzW2Vucm9sbG1lbnRTdGF0dXNdLnRleHRcbiAgICAgICAgICAgICAgICAgICAgOiBoZWFkZXJUZXh0fVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9Db250ZW50R3JvdXBCYXNlQ2FyZEhlYWRlckJhY2tncm91bmQ+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgICAgcHg9ezEyfVxuICAgICAgICAgICAgICBwdD17NH1cbiAgICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2JyYW5kRGV0YWlscz8ubG9nb1VybCAmJiAoXG4gICAgICAgICAgICAgICAgPEltYWdlXG4gICAgICAgICAgICAgICAgICBzcmM9e2JyYW5kRGV0YWlscy5sb2dvVXJsfVxuICAgICAgICAgICAgICAgICAgYWx0PXticmFuZERldGFpbHMubmFtZX1cbiAgICAgICAgICAgICAgICAgIHdpZHRoPVwiYXV0b1wiXG4gICAgICAgICAgICAgICAgICBoZWlnaHQ9e2JyYW5kRGV0YWlscy5sb2dvSGVpZ2h0fVxuICAgICAgICAgICAgICAgICAgbXQ9ezEyfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgdmFyaWFudD1cInRpdGxlLXhzXCJcbiAgICAgICAgICAgICAgICBhcz17aGVhZGluZ0xldmVsfVxuICAgICAgICAgICAgICAgIHB0PXticmFuZERldGFpbHM/LmxvZ29VcmwgPyA4IDogMTJ9XG4gICAgICAgICAgICAgICAgcGI9ezR9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0NhcmRBbmNob3I+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgIHRleHRBbGlnbj1cImxlZnRcIlxuICAgICAgICAgIG14PXsxMn1cbiAgICAgICAgICBteT17NH1cbiAgICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgICBtYXhXaWR0aD17aXNGdWxsU2l6ZSA/IHsgbWQ6ICdjYWxjKDEwMCUgLSAyMjhweCknIH0gOiAnMTAwJSd9XG4gICAgICAgID5cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17M31cbiAgICAgICAgICAgICAgbWI9ezE2fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8Qm94IGFzPVwidWxcIiBsaXN0U3R5bGU9XCJub25lXCIgcD17MH0gbT17MH0gbXQ9XCJhdXRvXCI+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8Qm94IGFzPVwibGlcIj5cbiAgICAgICAgICAgICAgPERpdmlkZXIgLz5cbiAgICAgICAgICAgICAgPEZsZXhCb3gganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgZmxleFdyYXA9XCJ3cmFwXCI+XG4gICAgICAgICAgICAgICAge2RpZmZpY3VsdHkgJiYgKFxuICAgICAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICA8TGV2ZWxJY29uIC8+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7ZGlmZmljdWx0eX0ke1xuICAgICAgICAgICAgICAgICAgICAgIGlzQmVnaW5uZXJDb250YWluZXIgPyAnIEZyaWVuZGx5JyA6ICcnXG4gICAgICAgICAgICAgICAgICAgIH0uYH08L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgICAgIHBsPXs4fVxuICAgICAgICAgICAgICAgICAgICAgIHdoaXRlU3BhY2U9XCJub3dyYXBcIlxuICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY2FyZC1kaWZmaWN1bHR5XCJcbiAgICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgPGI+e2RpZmZpY3VsdHl9PC9iPlxuICAgICAgICAgICAgICAgICAgICAgIHtpc0JlZ2lubmVyQ29udGFpbmVyICYmIDw+IEZyaWVuZGx5PC8+fVxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7cmVuZGVyVGltZVRvQ29tcGxldGVPck51bUxlc3NvbnMoKX1cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAge2Zvb3Rlcn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8Qm94XG4gICAgICAgICAgZGlzcGxheT17aXNGdWxsU2l6ZSA/IHsgXzogJ25vbmUnLCBtZDogJ2ZsZXgnIH0gOiAnbm9uZSd9XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgIHB4PXs2NH1cbiAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICB0b3A9ezMyfVxuICAgICAgICAgIGJvdHRvbT17MH1cbiAgICAgICAgICByaWdodD17MH1cbiAgICAgICAgPlxuICAgICAgICAgIDxJbWFnZSBhcmlhLWhpZGRlbiB3aWR0aD17MTAwfSBoZWlnaHQ9ezEwMH0gc3JjPXtpbWFnZVNyY30gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0NhcmQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
-export const ContentGroupBaseCardHeaderBackground = /*#__PURE__*/_styled(Background, {
-  target: "e1a33thh0",
-  label: "ContentGroupBaseCardHeaderBackground"
+	"&:hover, &:focus, &:focus-visible": { color: "text" },
+	"&:before": { inset: 2 }
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0NvbnRlbnRHcm91cEJhc2VDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0NvbnRlbnRHcm91cEJhc2VDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBbmNob3IsXG4gIEJveCxcbiAgQ2FyZCxcbiAgRmxleEJveCxcbiAgSGVhZGluZ1RhZ3MsXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IExldmVsSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIENvbG9ycywgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcGx1cmFsaXplIGZyb20gJ3BsdXJhbGl6ZSc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgUHJvcHNXaXRoUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlBbW91bnQsXG4gIGdldFRpbWVUb0NvbXBsZXRlRGlzcGxheUR1cmF0aW9uLFxufSBmcm9tICcuL2hlbHBlcnMnO1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gJy4vc2hhcmVkJztcbmltcG9ydCB7IENvdXJzZURpZmZpY3VsdHksIEVucm9sbG1lbnRTdGF0dXMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSW1hZ2UgPSBCb3gud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmNvbnN0IENhcmRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICAnJjpob3ZlciwgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlJzoge1xuICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICB9LFxuICAgICcmOmJlZm9yZSc6IHtcbiAgICAgIGluc2V0OiAyLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBDb250ZW50R3JvdXBCYXNlQ2FyZFByb3BzID0ge1xuICBoZWFkZXJCYWNrZ3JvdW5kQ29sb3I6IENvbG9ycztcbiAgaGVhZGVyVGV4dDogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nVGFncztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmcgfCBudWxsO1xuICBkaWZmaWN1bHR5PzogQ291cnNlRGlmZmljdWx0eSB8IG51bGw7XG4gIG51bUxlc3NvbnM6IG51bWJlcjtcbiAgaW1hZ2VTcmM/OiBzdHJpbmc7XG4gIGlzRnVsbFNpemU/OiBib29sZWFuO1xuICBzaGFkb3c/OiAnbm9uZScgfCAnb3V0bGluZSc7XG4gIGVucm9sbG1lbnRTdGF0dXM/OiBFbnJvbGxtZW50U3RhdHVzO1xuICB0aW1lVG9Db21wbGV0ZT86IG51bWJlciB8IG51bGw7XG4gIGJyYW5kRGV0YWlscz86IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgbG9nb1VybDogc3RyaW5nO1xuICAgIGxvZ29IZWlnaHQ6IG51bWJlcjtcbiAgfTtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGhlYWRlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgZm9vdGVyPzogUmVhY3QuUmVhY3ROb2RlO1xuICBvcGVuSW5OZXdUYWI/OiBib29sZWFuO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG50eXBlIEVucm9sbG1lbnRTdGF0dXNBc3NldHMgPSB7XG4gIFtzdGF0dXMgaW5cbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuSW5Qcm9ncmVzc1xuICAgIHwgRW5yb2xsbWVudFN0YXR1cy5Db21wbGV0ZWRcbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuTm9uZV06IHtcbiAgICB0ZXh0OiBzdHJpbmc7XG4gICAgYmFja2dyb3VuZENvbG9yOiBDb2xvcnM7XG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGVudEdyb3VwQmFzZUNhcmRIZWFkZXJCYWNrZ3JvdW5kID0gc3R5bGVkKEJhY2tncm91bmQpKFxuICBjc3Moe1xuICAgIHBsOiAxMixcbiAgICBweTogNCxcbiAgICBib3JkZXJSYWRpdXNUb3A6ICdtZCcsXG4gICAgYm9yZGVyUmFkaXVzQm90dG9tOiAnbm9uZScsXG4gICAgYm94U2hhZG93OiBgaW5zZXQgMCAwIDAgMXB4ICR7dGhlbWUuY29sb3JzLndoaXRlfWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQ29udGVudEdyb3VwQmFzZUNhcmQgPSBmb3J3YXJkUmVmPFxuICBIVE1MQW5jaG9yRWxlbWVudCxcbiAgUHJvcHNXaXRoUmVmPENvbnRlbnRHcm91cEJhc2VDYXJkUHJvcHM+XG4+KFxuICAoXG4gICAge1xuICAgICAgaGVhZGVyQmFja2dyb3VuZENvbG9yLFxuICAgICAgaGVhZGVyVGV4dCxcbiAgICAgIHRpdGxlLFxuICAgICAgaGVhZGluZ0xldmVsLFxuICAgICAgZGVzY3JpcHRpb24sXG4gICAgICBkaWZmaWN1bHR5LFxuICAgICAgbnVtTGVzc29ucyxcbiAgICAgIGltYWdlU3JjLFxuICAgICAgaXNGdWxsU2l6ZSA9IGZhbHNlLFxuICAgICAgc2hhZG93ID0gJ25vbmUnLFxuICAgICAgZW5yb2xsbWVudFN0YXR1cyxcbiAgICAgIHRpbWVUb0NvbXBsZXRlLFxuICAgICAgYnJhbmREZXRhaWxzLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBoZWFkZXIsXG4gICAgICBmb290ZXIsXG4gICAgICBvcGVuSW5OZXdUYWIgPSBmYWxzZSxcbiAgICAgIGhyZWYsXG4gICAgICBvbkNsaWNrLFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IGVucm9sbG1lbnRBc3NldHM6IEVucm9sbG1lbnRTdGF0dXNBc3NldHMgPSB7XG4gICAgICBjb21wbGV0ZWQ6IHsgdGV4dDogaGVhZGVyVGV4dCArICcgY29tcGxldGVkIScsIGJhY2tncm91bmRDb2xvcjogJ2dyZWVuJyB9LFxuICAgICAgaW5Qcm9ncmVzczogeyB0ZXh0OiAnSW4gcHJvZ3Jlc3MuLi4nLCBiYWNrZ3JvdW5kQ29sb3I6ICd5ZWxsb3cnIH0sXG4gICAgICBub25lOiB7IHRleHQ6IGhlYWRlclRleHQsIGJhY2tncm91bmRDb2xvcjogaGVhZGVyQmFja2dyb3VuZENvbG9yIH0sXG4gICAgfTtcblxuICAgIGNvbnN0IGlzRW5yb2xsZWQgPVxuICAgICAgZW5yb2xsbWVudFN0YXR1cyA9PT0gRW5yb2xsbWVudFN0YXR1cy5JblByb2dyZXNzIHx8XG4gICAgICBlbnJvbGxtZW50U3RhdHVzID09PSBFbnJvbGxtZW50U3RhdHVzLkNvbXBsZXRlZDtcblxuICAgIGNvbnN0IGlzQmVnaW5uZXJDb250YWluZXIgPSBkaWZmaWN1bHR5ID09PSBDb3Vyc2VEaWZmaWN1bHR5LkJlZ2lubmVyO1xuXG4gICAgY29uc3QgcmVuZGVyVGltZVRvQ29tcGxldGVPck51bUxlc3NvbnMgPSAoKSA9PiB7XG4gICAgICBpZiAodHlwZW9mIHRpbWVUb0NvbXBsZXRlID09PSAnbnVtYmVyJyAmJiB0aW1lVG9Db21wbGV0ZSA+PSAwKSB7XG4gICAgICAgIGNvbnN0IGRpc3BsYXlBbW91bnQgPSBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlBbW91bnQodGltZVRvQ29tcGxldGUpO1xuICAgICAgICBjb25zdCBkaXNwbGF5RHVyYXRpb24gPVxuICAgICAgICAgIGdldFRpbWVUb0NvbXBsZXRlRGlzcGxheUR1cmF0aW9uKHRpbWVUb0NvbXBsZXRlKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaXNwbGF5QW1vdW50fSAke2Rpc3BsYXlEdXJhdGlvbn1gfTwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgcGw9ezR9IHdoaXRlU3BhY2U9XCJub3dyYXBcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgPGI+e2Rpc3BsYXlBbW91bnR9PC9iPiB7ZGlzcGxheUR1cmF0aW9ufVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvPlxuICAgICAgICApO1xuICAgICAgfVxuICAgICAgaWYgKG51bUxlc3NvbnMgPiAwKSB7XG4gICAgICAgIGNvbnN0IGxhYmVsID0gcGx1cmFsaXplKCdMZXNzb24nLCBudW1MZXNzb25zKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtudW1MZXNzb25zfSAke2xhYmVsfWB9PC9UZXh0PlxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBwbD17NH0gd2hpdGVTcGFjZT1cIm5vd3JhcFwiIGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgICA8Yj57bnVtTGVzc29uc308L2I+IHtsYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2FyZFxuICAgICAgICB2YXJpYW50PXtpc0Vucm9sbGVkID8gJ2JlaWdlJyA6ICd3aGl0ZSd9XG4gICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItcHJpbWFyeVwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgc2hhZG93PXtzaGFkb3d9XG4gICAgICAgIGlzSW50ZXJhY3RpdmVcbiAgICAgICAgcD17MH1cbiAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgICAgc3R5bGU9e3sgY3Vyc29yOiAncG9pbnRlcicgfX1cbiAgICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAvLyBvbmx5IGhhbmRsZSBjbGlja3MgaWYgdGhleSBkaWRuJ3QgY29tZSBmcm9tIHRoZSBhbmNob3IgdG8gYXZvaWQgZG91YmxlIG5hdmlnYXRpb25cbiAgICAgICAgICBpZiAoKGUudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5jbG9zZXN0KCdhJykgPT09IG51bGwpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIG9uQ2xpY2s/LigpO1xuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICAgICAgPENhcmRBbmNob3JcbiAgICAgICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgICBkaXNwbGF5PVwiYmxvY2tcIlxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB0YXJnZXQ9e29wZW5Jbk5ld1RhYiA/ICdfYmxhbmsnIDogdW5kZWZpbmVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoZWFkZXIgfHwgKFxuICAgICAgICAgICAgICA8Q29udGVudEdyb3VwQmFzZUNhcmRIZWFkZXJCYWNrZ3JvdW5kXG4gICAgICAgICAgICAgICAgYmc9e1xuICAgICAgICAgICAgICAgICAgZW5yb2xsbWVudFN0YXR1c1xuICAgICAgICAgICAgICAgICAgICA/IGVucm9sbG1lbnRBc3NldHNbZW5yb2xsbWVudFN0YXR1c10uYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICAgICAgICAgIDogaGVhZGVyQmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHQgZm9udEZhbWlseT1cImFjY2VudFwiIGZvbnRTaXplPXsxNH0+XG4gICAgICAgICAgICAgICAgICB7ZW5yb2xsbWVudFN0YXR1c1xuICAgICAgICAgICAgICAgICAgICA/IGVucm9sbG1lbnRBc3NldHNbZW5yb2xsbWVudFN0YXR1c10udGV4dFxuICAgICAgICAgICAgICAgICAgICA6IGhlYWRlclRleHR9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0NvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBweD17MTJ9XG4gICAgICAgICAgICAgIHB0PXs0fVxuICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YnJhbmREZXRhaWxzPy5sb2dvVXJsICYmIChcbiAgICAgICAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgICAgICAgIHNyYz17YnJhbmREZXRhaWxzLmxvZ29Vcmx9XG4gICAgICAgICAgICAgICAgICBhbHQ9e2JyYW5kRGV0YWlscy5uYW1lfVxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCJhdXRvXCJcbiAgICAgICAgICAgICAgICAgIGhlaWdodD17YnJhbmREZXRhaWxzLmxvZ29IZWlnaHR9XG4gICAgICAgICAgICAgICAgICBtdD17MTJ9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwidGl0bGUteHNcIlxuICAgICAgICAgICAgICAgIGFzPXtoZWFkaW5nTGV2ZWx9XG4gICAgICAgICAgICAgICAgcHQ9e2JyYW5kRGV0YWlscz8ubG9nb1VybCA/IDggOiAxMn1cbiAgICAgICAgICAgICAgICBwYj17NH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvQ2FyZEFuY2hvcj5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgbXg9ezEyfVxuICAgICAgICAgIG15PXs0fVxuICAgICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICAgIG1heFdpZHRoPXtpc0Z1bGxTaXplID8geyBtZDogJ2NhbGMoMTAwJSAtIDIyOHB4KScgfSA6ICcxMDAlJ31cbiAgICAgICAgPlxuICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXszfVxuICAgICAgICAgICAgICBtYj17MTZ9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxCb3ggYXM9XCJ1bFwiIGxpc3RTdHlsZT1cIm5vbmVcIiBwPXswfSBtPXswfSBtdD1cImF1dG9cIj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDxCb3ggYXM9XCJsaVwiPlxuICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBmbGV4V3JhcD1cIndyYXBcIj5cbiAgICAgICAgICAgICAgICB7ZGlmZmljdWx0eSAmJiAoXG4gICAgICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxMZXZlbEljb24gLz5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaWZmaWN1bHR5fSR7XG4gICAgICAgICAgICAgICAgICAgICAgaXNCZWdpbm5lckNvbnRhaW5lciA/ICcgRnJpZW5kbHknIDogJydcbiAgICAgICAgICAgICAgICAgICAgfS5gfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgICAgICAgICAgICAgcGw9ezh9XG4gICAgICAgICAgICAgICAgICAgICAgd2hpdGVTcGFjZT1cIm5vd3JhcFwiXG4gICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJjYXJkLWRpZmZpY3VsdHlcIlxuICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICA8Yj57ZGlmZmljdWx0eX08L2I+XG4gICAgICAgICAgICAgICAgICAgICAge2lzQmVnaW5uZXJDb250YWluZXIgJiYgPD4gRnJpZW5kbHk8Lz59XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHtyZW5kZXJUaW1lVG9Db21wbGV0ZU9yTnVtTGVzc29ucygpfVxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7Zm9vdGVyfVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3hcbiAgICAgICAgICBkaXNwbGF5PXtpc0Z1bGxTaXplID8geyBfOiAnbm9uZScsIG1kOiAnZmxleCcgfSA6ICdub25lJ31cbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgcHg9ezY0fVxuICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgIHRvcD17MzJ9XG4gICAgICAgICAgYm90dG9tPXswfVxuICAgICAgICAgIHJpZ2h0PXswfVxuICAgICAgICA+XG4gICAgICAgICAgPEltYWdlIGFyaWEtaGlkZGVuIHdpZHRoPXsxMDB9IGhlaWdodD17MTAwfSBzcmM9e2ltYWdlU3JjfSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCbUIifQ== */");
+const ContentGroupBaseCardHeaderBackground = /* @__PURE__ */ styled(Background, {
+	target: "em7qvl81",
+	label: "brand-ContentGroupBaseCardHeaderBackground"
 })(css({
-  pl: 12,
-  py: 4,
-  borderRadiusTop: 'md',
-  borderRadiusBottom: 'none',
-  boxShadow: `inset 0 0 0 1px ${theme.colors.white}`
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db250ZW50R3JvdXBCYXNlQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0VvRCIsImZpbGUiOiIuLi8uLi9zcmMvQ29udGVudEdyb3VwQmFzZUNhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIENhcmQsXG4gIEZsZXhCb3gsXG4gIEhlYWRpbmdUYWdzLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBMZXZlbEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBDb2xvcnMsIGNzcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHBsdXJhbGl6ZSBmcm9tICdwbHVyYWxpemUnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIFByb3BzV2l0aFJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgZ2V0VGltZVRvQ29tcGxldGVEaXNwbGF5QW1vdW50LFxuICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlEdXJhdGlvbixcbn0gZnJvbSAnLi9oZWxwZXJzJztcbmltcG9ydCB7IERpdmlkZXIgfSBmcm9tICcuL3NoYXJlZCc7XG5pbXBvcnQgeyBDb3Vyc2VEaWZmaWN1bHR5LCBFbnJvbGxtZW50U3RhdHVzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5jb25zdCBDYXJkQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIsICY6Zm9jdXMsICY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgfSxcbiAgICAnJjpiZWZvcmUnOiB7XG4gICAgICBpbnNldDogMixcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgQ29udGVudEdyb3VwQmFzZUNhcmRQcm9wcyA9IHtcbiAgaGVhZGVyQmFja2dyb3VuZENvbG9yOiBDb2xvcnM7XG4gIGhlYWRlclRleHQ6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ1RhZ3M7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nIHwgbnVsbDtcbiAgZGlmZmljdWx0eT86IENvdXJzZURpZmZpY3VsdHkgfCBudWxsO1xuICBudW1MZXNzb25zOiBudW1iZXI7XG4gIGltYWdlU3JjPzogc3RyaW5nO1xuICBpc0Z1bGxTaXplPzogYm9vbGVhbjtcbiAgc2hhZG93PzogJ25vbmUnIHwgJ291dGxpbmUnO1xuICBlbnJvbGxtZW50U3RhdHVzPzogRW5yb2xsbWVudFN0YXR1cztcbiAgdGltZVRvQ29tcGxldGU/OiBudW1iZXIgfCBudWxsO1xuICBicmFuZERldGFpbHM/OiB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGxvZ29Vcmw6IHN0cmluZztcbiAgICBsb2dvSGVpZ2h0OiBudW1iZXI7XG4gIH07XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICBoZWFkZXI/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGZvb3Rlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgb3BlbkluTmV3VGFiPzogYm9vbGVhbjtcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufTtcblxudHlwZSBFbnJvbGxtZW50U3RhdHVzQXNzZXRzID0ge1xuICBbc3RhdHVzIGluXG4gICAgfCBFbnJvbGxtZW50U3RhdHVzLkluUHJvZ3Jlc3NcbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuQ29tcGxldGVkXG4gICAgfCBFbnJvbGxtZW50U3RhdHVzLk5vbmVdOiB7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIGJhY2tncm91bmRDb2xvcjogQ29sb3JzO1xuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKShcbiAgY3NzKHtcbiAgICBwbDogMTIsXG4gICAgcHk6IDQsXG4gICAgYm9yZGVyUmFkaXVzVG9wOiAnbWQnLFxuICAgIGJvcmRlclJhZGl1c0JvdHRvbTogJ25vbmUnLFxuICAgIGJveFNoYWRvdzogYGluc2V0IDAgMCAwIDFweCAke3RoZW1lLmNvbG9ycy53aGl0ZX1gLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRHcm91cEJhc2VDYXJkID0gZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQsXG4gIFByb3BzV2l0aFJlZjxDb250ZW50R3JvdXBCYXNlQ2FyZFByb3BzPlxuPihcbiAgKFxuICAgIHtcbiAgICAgIGhlYWRlckJhY2tncm91bmRDb2xvcixcbiAgICAgIGhlYWRlclRleHQsXG4gICAgICB0aXRsZSxcbiAgICAgIGhlYWRpbmdMZXZlbCxcbiAgICAgIGRlc2NyaXB0aW9uLFxuICAgICAgZGlmZmljdWx0eSxcbiAgICAgIG51bUxlc3NvbnMsXG4gICAgICBpbWFnZVNyYyxcbiAgICAgIGlzRnVsbFNpemUgPSBmYWxzZSxcbiAgICAgIHNoYWRvdyA9ICdub25lJyxcbiAgICAgIGVucm9sbG1lbnRTdGF0dXMsXG4gICAgICB0aW1lVG9Db21wbGV0ZSxcbiAgICAgIGJyYW5kRGV0YWlscyxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaGVhZGVyLFxuICAgICAgZm9vdGVyLFxuICAgICAgb3BlbkluTmV3VGFiID0gZmFsc2UsXG4gICAgICBocmVmLFxuICAgICAgb25DbGljayxcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCBlbnJvbGxtZW50QXNzZXRzOiBFbnJvbGxtZW50U3RhdHVzQXNzZXRzID0ge1xuICAgICAgY29tcGxldGVkOiB7IHRleHQ6IGhlYWRlclRleHQgKyAnIGNvbXBsZXRlZCEnLCBiYWNrZ3JvdW5kQ29sb3I6ICdncmVlbicgfSxcbiAgICAgIGluUHJvZ3Jlc3M6IHsgdGV4dDogJ0luIHByb2dyZXNzLi4uJywgYmFja2dyb3VuZENvbG9yOiAneWVsbG93JyB9LFxuICAgICAgbm9uZTogeyB0ZXh0OiBoZWFkZXJUZXh0LCBiYWNrZ3JvdW5kQ29sb3I6IGhlYWRlckJhY2tncm91bmRDb2xvciB9LFxuICAgIH07XG5cbiAgICBjb25zdCBpc0Vucm9sbGVkID1cbiAgICAgIGVucm9sbG1lbnRTdGF0dXMgPT09IEVucm9sbG1lbnRTdGF0dXMuSW5Qcm9ncmVzcyB8fFxuICAgICAgZW5yb2xsbWVudFN0YXR1cyA9PT0gRW5yb2xsbWVudFN0YXR1cy5Db21wbGV0ZWQ7XG5cbiAgICBjb25zdCBpc0JlZ2lubmVyQ29udGFpbmVyID0gZGlmZmljdWx0eSA9PT0gQ291cnNlRGlmZmljdWx0eS5CZWdpbm5lcjtcblxuICAgIGNvbnN0IHJlbmRlclRpbWVUb0NvbXBsZXRlT3JOdW1MZXNzb25zID0gKCkgPT4ge1xuICAgICAgaWYgKHR5cGVvZiB0aW1lVG9Db21wbGV0ZSA9PT0gJ251bWJlcicgJiYgdGltZVRvQ29tcGxldGUgPj0gMCkge1xuICAgICAgICBjb25zdCBkaXNwbGF5QW1vdW50ID0gZ2V0VGltZVRvQ29tcGxldGVEaXNwbGF5QW1vdW50KHRpbWVUb0NvbXBsZXRlKTtcbiAgICAgICAgY29uc3QgZGlzcGxheUR1cmF0aW9uID1cbiAgICAgICAgICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlEdXJhdGlvbih0aW1lVG9Db21wbGV0ZSk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7ZGlzcGxheUFtb3VudH0gJHtkaXNwbGF5RHVyYXRpb259YH08L1RleHQ+XG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiIHBsPXs0fSB3aGl0ZVNwYWNlPVwibm93cmFwXCIgYXJpYS1oaWRkZW4+XG4gICAgICAgICAgICAgIDxiPntkaXNwbGF5QW1vdW50fTwvYj4ge2Rpc3BsYXlEdXJhdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICAgIGlmIChudW1MZXNzb25zID4gMCkge1xuICAgICAgICBjb25zdCBsYWJlbCA9IHBsdXJhbGl6ZSgnTGVzc29uJywgbnVtTGVzc29ucyk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7bnVtTGVzc29uc30gJHtsYWJlbH1gfTwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgcGw9ezR9IHdoaXRlU3BhY2U9XCJub3dyYXBcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgPGI+e251bUxlc3NvbnN9PC9iPiB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC8+XG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBudWxsO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENhcmRcbiAgICAgICAgdmFyaWFudD17aXNFbnJvbGxlZCA/ICdiZWlnZScgOiAnd2hpdGUnfVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXByaW1hcnlcIlxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgIHNoYWRvdz17c2hhZG93fVxuICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgIHA9ezB9XG4gICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZ2FtdXQvbm8taW5saW5lLXN0eWxlXG4gICAgICAgIHN0eWxlPXt7IGN1cnNvcjogJ3BvaW50ZXInIH19XG4gICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgLy8gb25seSBoYW5kbGUgY2xpY2tzIGlmIHRoZXkgZGlkbid0IGNvbWUgZnJvbSB0aGUgYW5jaG9yIHRvIGF2b2lkIGRvdWJsZSBuYXZpZ2F0aW9uXG4gICAgICAgICAgaWYgKChlLnRhcmdldCBhcyBIVE1MRWxlbWVudCkuY2xvc2VzdCgnYScpID09PSBudWxsKSB7XG4gICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBvbkNsaWNrPy4oKTtcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiPlxuICAgICAgICAgIDxDYXJkQW5jaG9yXG4gICAgICAgICAgICBocmVmPXtocmVmfVxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgZGlzcGxheT1cImJsb2NrXCJcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgdGFyZ2V0PXtvcGVuSW5OZXdUYWIgPyAnX2JsYW5rJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aGVhZGVyIHx8IChcbiAgICAgICAgICAgICAgPENvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZFxuICAgICAgICAgICAgICAgIGJnPXtcbiAgICAgICAgICAgICAgICAgIGVucm9sbG1lbnRTdGF0dXNcbiAgICAgICAgICAgICAgICAgICAgPyBlbnJvbGxtZW50QXNzZXRzW2Vucm9sbG1lbnRTdGF0dXNdLmJhY2tncm91bmRDb2xvclxuICAgICAgICAgICAgICAgICAgICA6IGhlYWRlckJhY2tncm91bmRDb2xvclxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxUZXh0IGZvbnRGYW1pbHk9XCJhY2NlbnRcIiBmb250U2l6ZT17MTR9PlxuICAgICAgICAgICAgICAgICAge2Vucm9sbG1lbnRTdGF0dXNcbiAgICAgICAgICAgICAgICAgICAgPyBlbnJvbGxtZW50QXNzZXRzW2Vucm9sbG1lbnRTdGF0dXNdLnRleHRcbiAgICAgICAgICAgICAgICAgICAgOiBoZWFkZXJUZXh0fVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9Db250ZW50R3JvdXBCYXNlQ2FyZEhlYWRlckJhY2tncm91bmQ+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgICAgcHg9ezEyfVxuICAgICAgICAgICAgICBwdD17NH1cbiAgICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2JyYW5kRGV0YWlscz8ubG9nb1VybCAmJiAoXG4gICAgICAgICAgICAgICAgPEltYWdlXG4gICAgICAgICAgICAgICAgICBzcmM9e2JyYW5kRGV0YWlscy5sb2dvVXJsfVxuICAgICAgICAgICAgICAgICAgYWx0PXticmFuZERldGFpbHMubmFtZX1cbiAgICAgICAgICAgICAgICAgIHdpZHRoPVwiYXV0b1wiXG4gICAgICAgICAgICAgICAgICBoZWlnaHQ9e2JyYW5kRGV0YWlscy5sb2dvSGVpZ2h0fVxuICAgICAgICAgICAgICAgICAgbXQ9ezEyfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgdmFyaWFudD1cInRpdGxlLXhzXCJcbiAgICAgICAgICAgICAgICBhcz17aGVhZGluZ0xldmVsfVxuICAgICAgICAgICAgICAgIHB0PXticmFuZERldGFpbHM/LmxvZ29VcmwgPyA4IDogMTJ9XG4gICAgICAgICAgICAgICAgcGI9ezR9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0NhcmRBbmNob3I+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgIHRleHRBbGlnbj1cImxlZnRcIlxuICAgICAgICAgIG14PXsxMn1cbiAgICAgICAgICBteT17NH1cbiAgICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgICBtYXhXaWR0aD17aXNGdWxsU2l6ZSA/IHsgbWQ6ICdjYWxjKDEwMCUgLSAyMjhweCknIH0gOiAnMTAwJSd9XG4gICAgICAgID5cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17M31cbiAgICAgICAgICAgICAgbWI9ezE2fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8Qm94IGFzPVwidWxcIiBsaXN0U3R5bGU9XCJub25lXCIgcD17MH0gbT17MH0gbXQ9XCJhdXRvXCI+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8Qm94IGFzPVwibGlcIj5cbiAgICAgICAgICAgICAgPERpdmlkZXIgLz5cbiAgICAgICAgICAgICAgPEZsZXhCb3gganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgZmxleFdyYXA9XCJ3cmFwXCI+XG4gICAgICAgICAgICAgICAge2RpZmZpY3VsdHkgJiYgKFxuICAgICAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICA8TGV2ZWxJY29uIC8+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7ZGlmZmljdWx0eX0ke1xuICAgICAgICAgICAgICAgICAgICAgIGlzQmVnaW5uZXJDb250YWluZXIgPyAnIEZyaWVuZGx5JyA6ICcnXG4gICAgICAgICAgICAgICAgICAgIH0uYH08L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgICAgIHBsPXs4fVxuICAgICAgICAgICAgICAgICAgICAgIHdoaXRlU3BhY2U9XCJub3dyYXBcIlxuICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY2FyZC1kaWZmaWN1bHR5XCJcbiAgICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgPGI+e2RpZmZpY3VsdHl9PC9iPlxuICAgICAgICAgICAgICAgICAgICAgIHtpc0JlZ2lubmVyQ29udGFpbmVyICYmIDw+IEZyaWVuZGx5PC8+fVxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7cmVuZGVyVGltZVRvQ29tcGxldGVPck51bUxlc3NvbnMoKX1cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAge2Zvb3Rlcn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8Qm94XG4gICAgICAgICAgZGlzcGxheT17aXNGdWxsU2l6ZSA/IHsgXzogJ25vbmUnLCBtZDogJ2ZsZXgnIH0gOiAnbm9uZSd9XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgIHB4PXs2NH1cbiAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICB0b3A9ezMyfVxuICAgICAgICAgIGJvdHRvbT17MH1cbiAgICAgICAgICByaWdodD17MH1cbiAgICAgICAgPlxuICAgICAgICAgIDxJbWFnZSBhcmlhLWhpZGRlbiB3aWR0aD17MTAwfSBoZWlnaHQ9ezEwMH0gc3JjPXtpbWFnZVNyY30gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0NhcmQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
-export const ContentGroupBaseCard = /*#__PURE__*/forwardRef(({
-  headerBackgroundColor,
-  headerText,
-  title,
-  headingLevel,
-  description,
-  difficulty,
-  numLessons,
-  imageSrc,
-  isFullSize = false,
-  shadow = 'none',
-  enrollmentStatus,
-  timeToComplete,
-  brandDetails,
-  children,
-  header,
-  footer,
-  openInNewTab = false,
-  href,
-  onClick
-}, ref) => {
-  const enrollmentAssets = {
-    completed: {
-      text: headerText + ' completed!',
-      backgroundColor: 'green'
-    },
-    inProgress: {
-      text: 'In progress...',
-      backgroundColor: 'yellow'
-    },
-    none: {
-      text: headerText,
-      backgroundColor: headerBackgroundColor
-    }
-  };
-  const isEnrolled = enrollmentStatus === EnrollmentStatus.InProgress || enrollmentStatus === EnrollmentStatus.Completed;
-  const isBeginnerContainer = difficulty === CourseDifficulty.Beginner;
-  const renderTimeToCompleteOrNumLessons = () => {
-    if (typeof timeToComplete === 'number' && timeToComplete >= 0) {
-      const displayAmount = getTimeToCompleteDisplayAmount(timeToComplete);
-      const displayDuration = getTimeToCompleteDisplayDuration(timeToComplete);
-      return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Text, {
-          screenreader: true,
-          children: `${displayAmount} ${displayDuration}`
-        }), /*#__PURE__*/_jsxs(Text, {
-          variant: "p-small",
-          pl: 4,
-          whiteSpace: "nowrap",
-          "aria-hidden": true,
-          children: [/*#__PURE__*/_jsx("b", {
-            children: displayAmount
-          }), " ", displayDuration]
-        })]
-      });
-    }
-    if (numLessons > 0) {
-      const label = pluralize('Lesson', numLessons);
-      return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Text, {
-          screenreader: true,
-          children: `${numLessons} ${label}`
-        }), /*#__PURE__*/_jsxs(Text, {
-          variant: "p-small",
-          pl: 4,
-          whiteSpace: "nowrap",
-          "aria-hidden": true,
-          children: [/*#__PURE__*/_jsx("b", {
-            children: numLessons
-          }), " ", label]
-        })]
-      });
-    }
-    return null;
-  };
-  return /*#__PURE__*/_jsxs(Card, {
-    variant: isEnrolled ? 'beige' : 'white',
-    borderRadius: "md",
-    borderColor: "border-primary",
-    overflow: "hidden",
-    display: "flex",
-    flexDirection: "column",
-    shadow: shadow,
-    isInteractive: true,
-    p: 0,
-    height: "100%"
-    // eslint-disable-next-line gamut/no-inline-style
-    ,
-    style: {
-      cursor: 'pointer'
-    },
-    onClick: e => {
-      // only handle clicks if they didn't come from the anchor to avoid double navigation
-      if (e.target.closest('a') === null) {
-        e.preventDefault();
-        onClick?.();
-      }
-    },
-    children: [/*#__PURE__*/_jsx(Box, {
-      position: "relative",
-      children: /*#__PURE__*/_jsxs(CardAnchor, {
-        href: href,
-        onClick: onClick,
-        variant: "interface",
-        display: "block",
-        ref: ref,
-        target: openInNewTab ? '_blank' : undefined,
-        children: [header || /*#__PURE__*/_jsx(ContentGroupBaseCardHeaderBackground, {
-          bg: enrollmentStatus ? enrollmentAssets[enrollmentStatus].backgroundColor : headerBackgroundColor,
-          children: /*#__PURE__*/_jsx(Text, {
-            fontFamily: "accent",
-            fontSize: 14,
-            children: enrollmentStatus ? enrollmentAssets[enrollmentStatus].text : headerText
-          })
-        }), /*#__PURE__*/_jsxs(FlexBox, {
-          px: 12,
-          pt: 4,
-          flexDirection: "column",
-          alignItems: "flex-start",
-          children: [brandDetails?.logoUrl && /*#__PURE__*/_jsx(Image, {
-            src: brandDetails.logoUrl,
-            alt: brandDetails.name,
-            width: "auto",
-            height: brandDetails.logoHeight,
-            mt: 12
-          }), /*#__PURE__*/_jsx(Text, {
-            variant: "title-xs",
-            as: headingLevel,
-            pt: brandDetails?.logoUrl ? 8 : 12,
-            pb: 4,
-            children: title
-          })]
-        })]
-      })
-    }), /*#__PURE__*/_jsxs(FlexBox, {
-      flexDirection: "column",
-      textAlign: "left",
-      mx: 12,
-      my: 4,
-      height: "100%",
-      maxWidth: isFullSize ? {
-        md: 'calc(100% - 228px)'
-      } : '100%',
-      children: [description && /*#__PURE__*/_jsx(Text, {
-        variant: "p-small",
-        truncate: "ellipsis",
-        truncateLines: 3,
-        mb: 16,
-        children: description
-      }), /*#__PURE__*/_jsxs(Box, {
-        as: "ul",
-        listStyle: "none",
-        p: 0,
-        m: 0,
-        mt: "auto",
-        children: [children, /*#__PURE__*/_jsxs(Box, {
-          as: "li",
-          children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(FlexBox, {
-            justifyContent: "space-between",
-            flexWrap: "wrap",
-            children: [difficulty && /*#__PURE__*/_jsxs(FlexBox, {
-              alignItems: "center",
-              children: [/*#__PURE__*/_jsx(LevelIcon, {}), /*#__PURE__*/_jsx(Text, {
-                screenreader: true,
-                children: `${difficulty}${isBeginnerContainer ? ' Friendly' : ''}.`
-              }), /*#__PURE__*/_jsxs(Text, {
-                variant: "p-small",
-                pl: 8,
-                whiteSpace: "nowrap",
-                "data-testid": "card-difficulty",
-                "aria-hidden": true,
-                children: [/*#__PURE__*/_jsx("b", {
-                  children: difficulty
-                }), isBeginnerContainer && /*#__PURE__*/_jsx(_Fragment, {
-                  children: " Friendly"
-                })]
-              })]
-            }), renderTimeToCompleteOrNumLessons()]
-          })]
-        })]
-      }), footer]
-    }), /*#__PURE__*/_jsx(Box, {
-      display: isFullSize ? {
-        _: 'none',
-        md: 'flex'
-      } : 'none',
-      alignItems: "center",
-      justifyContent: "center",
-      px: 64,
-      position: "absolute",
-      top: 32,
-      bottom: 0,
-      right: 0,
-      children: /*#__PURE__*/_jsx(Image, {
-        "aria-hidden": true,
-        width: 100,
-        height: 100,
-        src: imageSrc
-      })
-    })]
-  });
-});
+	pl: 12,
+	py: 4,
+	borderRadiusTop: "md",
+	borderRadiusBottom: "none",
+	boxShadow: `inset 0 0 0 1px ${theme.colors.white}`
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0NvbnRlbnRHcm91cEJhc2VDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0NvbnRlbnRHcm91cEJhc2VDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBbmNob3IsXG4gIEJveCxcbiAgQ2FyZCxcbiAgRmxleEJveCxcbiAgSGVhZGluZ1RhZ3MsXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IExldmVsSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IEJhY2tncm91bmQsIENvbG9ycywgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcGx1cmFsaXplIGZyb20gJ3BsdXJhbGl6ZSc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgUHJvcHNXaXRoUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlBbW91bnQsXG4gIGdldFRpbWVUb0NvbXBsZXRlRGlzcGxheUR1cmF0aW9uLFxufSBmcm9tICcuL2hlbHBlcnMnO1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gJy4vc2hhcmVkJztcbmltcG9ydCB7IENvdXJzZURpZmZpY3VsdHksIEVucm9sbG1lbnRTdGF0dXMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgSW1hZ2UgPSBCb3gud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmNvbnN0IENhcmRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICAnJjpob3ZlciwgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlJzoge1xuICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICB9LFxuICAgICcmOmJlZm9yZSc6IHtcbiAgICAgIGluc2V0OiAyLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBDb250ZW50R3JvdXBCYXNlQ2FyZFByb3BzID0ge1xuICBoZWFkZXJCYWNrZ3JvdW5kQ29sb3I6IENvbG9ycztcbiAgaGVhZGVyVGV4dDogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nVGFncztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmcgfCBudWxsO1xuICBkaWZmaWN1bHR5PzogQ291cnNlRGlmZmljdWx0eSB8IG51bGw7XG4gIG51bUxlc3NvbnM6IG51bWJlcjtcbiAgaW1hZ2VTcmM/OiBzdHJpbmc7XG4gIGlzRnVsbFNpemU/OiBib29sZWFuO1xuICBzaGFkb3c/OiAnbm9uZScgfCAnb3V0bGluZSc7XG4gIGVucm9sbG1lbnRTdGF0dXM/OiBFbnJvbGxtZW50U3RhdHVzO1xuICB0aW1lVG9Db21wbGV0ZT86IG51bWJlciB8IG51bGw7XG4gIGJyYW5kRGV0YWlscz86IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgbG9nb1VybDogc3RyaW5nO1xuICAgIGxvZ29IZWlnaHQ6IG51bWJlcjtcbiAgfTtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGhlYWRlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgZm9vdGVyPzogUmVhY3QuUmVhY3ROb2RlO1xuICBvcGVuSW5OZXdUYWI/OiBib29sZWFuO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG50eXBlIEVucm9sbG1lbnRTdGF0dXNBc3NldHMgPSB7XG4gIFtzdGF0dXMgaW5cbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuSW5Qcm9ncmVzc1xuICAgIHwgRW5yb2xsbWVudFN0YXR1cy5Db21wbGV0ZWRcbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuTm9uZV06IHtcbiAgICB0ZXh0OiBzdHJpbmc7XG4gICAgYmFja2dyb3VuZENvbG9yOiBDb2xvcnM7XG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgQ29udGVudEdyb3VwQmFzZUNhcmRIZWFkZXJCYWNrZ3JvdW5kID0gc3R5bGVkKEJhY2tncm91bmQpKFxuICBjc3Moe1xuICAgIHBsOiAxMixcbiAgICBweTogNCxcbiAgICBib3JkZXJSYWRpdXNUb3A6ICdtZCcsXG4gICAgYm9yZGVyUmFkaXVzQm90dG9tOiAnbm9uZScsXG4gICAgYm94U2hhZG93OiBgaW5zZXQgMCAwIDAgMXB4ICR7dGhlbWUuY29sb3JzLndoaXRlfWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQ29udGVudEdyb3VwQmFzZUNhcmQgPSBmb3J3YXJkUmVmPFxuICBIVE1MQW5jaG9yRWxlbWVudCxcbiAgUHJvcHNXaXRoUmVmPENvbnRlbnRHcm91cEJhc2VDYXJkUHJvcHM+XG4+KFxuICAoXG4gICAge1xuICAgICAgaGVhZGVyQmFja2dyb3VuZENvbG9yLFxuICAgICAgaGVhZGVyVGV4dCxcbiAgICAgIHRpdGxlLFxuICAgICAgaGVhZGluZ0xldmVsLFxuICAgICAgZGVzY3JpcHRpb24sXG4gICAgICBkaWZmaWN1bHR5LFxuICAgICAgbnVtTGVzc29ucyxcbiAgICAgIGltYWdlU3JjLFxuICAgICAgaXNGdWxsU2l6ZSA9IGZhbHNlLFxuICAgICAgc2hhZG93ID0gJ25vbmUnLFxuICAgICAgZW5yb2xsbWVudFN0YXR1cyxcbiAgICAgIHRpbWVUb0NvbXBsZXRlLFxuICAgICAgYnJhbmREZXRhaWxzLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBoZWFkZXIsXG4gICAgICBmb290ZXIsXG4gICAgICBvcGVuSW5OZXdUYWIgPSBmYWxzZSxcbiAgICAgIGhyZWYsXG4gICAgICBvbkNsaWNrLFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IGVucm9sbG1lbnRBc3NldHM6IEVucm9sbG1lbnRTdGF0dXNBc3NldHMgPSB7XG4gICAgICBjb21wbGV0ZWQ6IHsgdGV4dDogaGVhZGVyVGV4dCArICcgY29tcGxldGVkIScsIGJhY2tncm91bmRDb2xvcjogJ2dyZWVuJyB9LFxuICAgICAgaW5Qcm9ncmVzczogeyB0ZXh0OiAnSW4gcHJvZ3Jlc3MuLi4nLCBiYWNrZ3JvdW5kQ29sb3I6ICd5ZWxsb3cnIH0sXG4gICAgICBub25lOiB7IHRleHQ6IGhlYWRlclRleHQsIGJhY2tncm91bmRDb2xvcjogaGVhZGVyQmFja2dyb3VuZENvbG9yIH0sXG4gICAgfTtcblxuICAgIGNvbnN0IGlzRW5yb2xsZWQgPVxuICAgICAgZW5yb2xsbWVudFN0YXR1cyA9PT0gRW5yb2xsbWVudFN0YXR1cy5JblByb2dyZXNzIHx8XG4gICAgICBlbnJvbGxtZW50U3RhdHVzID09PSBFbnJvbGxtZW50U3RhdHVzLkNvbXBsZXRlZDtcblxuICAgIGNvbnN0IGlzQmVnaW5uZXJDb250YWluZXIgPSBkaWZmaWN1bHR5ID09PSBDb3Vyc2VEaWZmaWN1bHR5LkJlZ2lubmVyO1xuXG4gICAgY29uc3QgcmVuZGVyVGltZVRvQ29tcGxldGVPck51bUxlc3NvbnMgPSAoKSA9PiB7XG4gICAgICBpZiAodHlwZW9mIHRpbWVUb0NvbXBsZXRlID09PSAnbnVtYmVyJyAmJiB0aW1lVG9Db21wbGV0ZSA+PSAwKSB7XG4gICAgICAgIGNvbnN0IGRpc3BsYXlBbW91bnQgPSBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlBbW91bnQodGltZVRvQ29tcGxldGUpO1xuICAgICAgICBjb25zdCBkaXNwbGF5RHVyYXRpb24gPVxuICAgICAgICAgIGdldFRpbWVUb0NvbXBsZXRlRGlzcGxheUR1cmF0aW9uKHRpbWVUb0NvbXBsZXRlKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaXNwbGF5QW1vdW50fSAke2Rpc3BsYXlEdXJhdGlvbn1gfTwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgcGw9ezR9IHdoaXRlU3BhY2U9XCJub3dyYXBcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgPGI+e2Rpc3BsYXlBbW91bnR9PC9iPiB7ZGlzcGxheUR1cmF0aW9ufVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvPlxuICAgICAgICApO1xuICAgICAgfVxuICAgICAgaWYgKG51bUxlc3NvbnMgPiAwKSB7XG4gICAgICAgIGNvbnN0IGxhYmVsID0gcGx1cmFsaXplKCdMZXNzb24nLCBudW1MZXNzb25zKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtudW1MZXNzb25zfSAke2xhYmVsfWB9PC9UZXh0PlxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBwbD17NH0gd2hpdGVTcGFjZT1cIm5vd3JhcFwiIGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgICA8Yj57bnVtTGVzc29uc308L2I+IHtsYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2FyZFxuICAgICAgICB2YXJpYW50PXtpc0Vucm9sbGVkID8gJ2JlaWdlJyA6ICd3aGl0ZSd9XG4gICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItcHJpbWFyeVwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgc2hhZG93PXtzaGFkb3d9XG4gICAgICAgIGlzSW50ZXJhY3RpdmVcbiAgICAgICAgcD17MH1cbiAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgICAgc3R5bGU9e3sgY3Vyc29yOiAncG9pbnRlcicgfX1cbiAgICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAvLyBvbmx5IGhhbmRsZSBjbGlja3MgaWYgdGhleSBkaWRuJ3QgY29tZSBmcm9tIHRoZSBhbmNob3IgdG8gYXZvaWQgZG91YmxlIG5hdmlnYXRpb25cbiAgICAgICAgICBpZiAoKGUudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5jbG9zZXN0KCdhJykgPT09IG51bGwpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIG9uQ2xpY2s/LigpO1xuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICAgICAgPENhcmRBbmNob3JcbiAgICAgICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgICBkaXNwbGF5PVwiYmxvY2tcIlxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB0YXJnZXQ9e29wZW5Jbk5ld1RhYiA/ICdfYmxhbmsnIDogdW5kZWZpbmVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoZWFkZXIgfHwgKFxuICAgICAgICAgICAgICA8Q29udGVudEdyb3VwQmFzZUNhcmRIZWFkZXJCYWNrZ3JvdW5kXG4gICAgICAgICAgICAgICAgYmc9e1xuICAgICAgICAgICAgICAgICAgZW5yb2xsbWVudFN0YXR1c1xuICAgICAgICAgICAgICAgICAgICA/IGVucm9sbG1lbnRBc3NldHNbZW5yb2xsbWVudFN0YXR1c10uYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICAgICAgICAgIDogaGVhZGVyQmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHQgZm9udEZhbWlseT1cImFjY2VudFwiIGZvbnRTaXplPXsxNH0+XG4gICAgICAgICAgICAgICAgICB7ZW5yb2xsbWVudFN0YXR1c1xuICAgICAgICAgICAgICAgICAgICA/IGVucm9sbG1lbnRBc3NldHNbZW5yb2xsbWVudFN0YXR1c10udGV4dFxuICAgICAgICAgICAgICAgICAgICA6IGhlYWRlclRleHR9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0NvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBweD17MTJ9XG4gICAgICAgICAgICAgIHB0PXs0fVxuICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YnJhbmREZXRhaWxzPy5sb2dvVXJsICYmIChcbiAgICAgICAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgICAgICAgIHNyYz17YnJhbmREZXRhaWxzLmxvZ29Vcmx9XG4gICAgICAgICAgICAgICAgICBhbHQ9e2JyYW5kRGV0YWlscy5uYW1lfVxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCJhdXRvXCJcbiAgICAgICAgICAgICAgICAgIGhlaWdodD17YnJhbmREZXRhaWxzLmxvZ29IZWlnaHR9XG4gICAgICAgICAgICAgICAgICBtdD17MTJ9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwidGl0bGUteHNcIlxuICAgICAgICAgICAgICAgIGFzPXtoZWFkaW5nTGV2ZWx9XG4gICAgICAgICAgICAgICAgcHQ9e2JyYW5kRGV0YWlscz8ubG9nb1VybCA/IDggOiAxMn1cbiAgICAgICAgICAgICAgICBwYj17NH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvQ2FyZEFuY2hvcj5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgbXg9ezEyfVxuICAgICAgICAgIG15PXs0fVxuICAgICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICAgIG1heFdpZHRoPXtpc0Z1bGxTaXplID8geyBtZDogJ2NhbGMoMTAwJSAtIDIyOHB4KScgfSA6ICcxMDAlJ31cbiAgICAgICAgPlxuICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXszfVxuICAgICAgICAgICAgICBtYj17MTZ9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxCb3ggYXM9XCJ1bFwiIGxpc3RTdHlsZT1cIm5vbmVcIiBwPXswfSBtPXswfSBtdD1cImF1dG9cIj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDxCb3ggYXM9XCJsaVwiPlxuICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBmbGV4V3JhcD1cIndyYXBcIj5cbiAgICAgICAgICAgICAgICB7ZGlmZmljdWx0eSAmJiAoXG4gICAgICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxMZXZlbEljb24gLz5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgJHtkaWZmaWN1bHR5fSR7XG4gICAgICAgICAgICAgICAgICAgICAgaXNCZWdpbm5lckNvbnRhaW5lciA/ICcgRnJpZW5kbHknIDogJydcbiAgICAgICAgICAgICAgICAgICAgfS5gfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgICAgICAgICAgICAgcGw9ezh9XG4gICAgICAgICAgICAgICAgICAgICAgd2hpdGVTcGFjZT1cIm5vd3JhcFwiXG4gICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJjYXJkLWRpZmZpY3VsdHlcIlxuICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICA8Yj57ZGlmZmljdWx0eX08L2I+XG4gICAgICAgICAgICAgICAgICAgICAge2lzQmVnaW5uZXJDb250YWluZXIgJiYgPD4gRnJpZW5kbHk8Lz59XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHtyZW5kZXJUaW1lVG9Db21wbGV0ZU9yTnVtTGVzc29ucygpfVxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7Zm9vdGVyfVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3hcbiAgICAgICAgICBkaXNwbGF5PXtpc0Z1bGxTaXplID8geyBfOiAnbm9uZScsIG1kOiAnZmxleCcgfSA6ICdub25lJ31cbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgcHg9ezY0fVxuICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgIHRvcD17MzJ9XG4gICAgICAgICAgYm90dG9tPXswfVxuICAgICAgICAgIHJpZ2h0PXswfVxuICAgICAgICA+XG4gICAgICAgICAgPEltYWdlIGFyaWEtaGlkZGVuIHdpZHRoPXsxMDB9IGhlaWdodD17MTAwfSBzcmM9e2ltYWdlU3JjfSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNFb0QifQ== */");
+const ContentGroupBaseCard = /* @__PURE__ */ forwardRef(({ headerBackgroundColor, headerText, title, headingLevel, description, difficulty, numLessons, imageSrc, isFullSize = false, shadow = "none", enrollmentStatus, timeToComplete, brandDetails, children, header, footer, openInNewTab = false, href, onClick }, ref) => {
+	const enrollmentAssets = {
+		completed: {
+			text: headerText + " completed!",
+			backgroundColor: "green"
+		},
+		inProgress: {
+			text: "In progress...",
+			backgroundColor: "yellow"
+		},
+		none: {
+			text: headerText,
+			backgroundColor: headerBackgroundColor
+		}
+	};
+	const isEnrolled = enrollmentStatus === EnrollmentStatus.InProgress || enrollmentStatus === EnrollmentStatus.Completed;
+	const isBeginnerContainer = difficulty === CourseDifficulty.Beginner;
+	const renderTimeToCompleteOrNumLessons = () => {
+		if (typeof timeToComplete === "number" && timeToComplete >= 0) {
+			const displayAmount = getTimeToCompleteDisplayAmount(timeToComplete);
+			const displayDuration = getTimeToCompleteDisplayDuration(timeToComplete);
+			return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { screenreader: true }, `${displayAmount} ${displayDuration}`), /* @__PURE__ */ React.createElement(Text, {
+				variant: "p-small",
+				pl: 4,
+				whiteSpace: "nowrap",
+				"aria-hidden": true
+			}, /* @__PURE__ */ React.createElement("b", null, displayAmount), " ", displayDuration));
+		}
+		if (numLessons > 0) {
+			const label = pluralize("Lesson", numLessons);
+			return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { screenreader: true }, `${numLessons} ${label}`), /* @__PURE__ */ React.createElement(Text, {
+				variant: "p-small",
+				pl: 4,
+				whiteSpace: "nowrap",
+				"aria-hidden": true
+			}, /* @__PURE__ */ React.createElement("b", null, numLessons), " ", label));
+		}
+		return null;
+	};
+	return /* @__PURE__ */ React.createElement(Card, {
+		variant: isEnrolled ? "beige" : "white",
+		borderRadius: "md",
+		borderColor: "border-primary",
+		overflow: "hidden",
+		display: "flex",
+		flexDirection: "column",
+		shadow,
+		isInteractive: true,
+		p: 0,
+		height: "100%",
+		style: { cursor: "pointer" },
+		onClick: (e) => {
+			if (e.target.closest("a") === null) {
+				e.preventDefault();
+				onClick?.();
+			}
+		}
+	}, /* @__PURE__ */ React.createElement(Box, { position: "relative" }, /* @__PURE__ */ React.createElement(CardAnchor, {
+		href,
+		onClick,
+		variant: "interface",
+		display: "block",
+		ref,
+		target: openInNewTab ? "_blank" : void 0
+	}, header || /* @__PURE__ */ React.createElement(ContentGroupBaseCardHeaderBackground, { bg: enrollmentStatus ? enrollmentAssets[enrollmentStatus].backgroundColor : headerBackgroundColor }, /* @__PURE__ */ React.createElement(Text, {
+		fontFamily: "accent",
+		fontSize: 14
+	}, enrollmentStatus ? enrollmentAssets[enrollmentStatus].text : headerText)), /* @__PURE__ */ React.createElement(FlexBox, {
+		px: 12,
+		pt: 4,
+		flexDirection: "column",
+		alignItems: "flex-start"
+	}, brandDetails?.logoUrl && /* @__PURE__ */ React.createElement(Image, {
+		src: brandDetails.logoUrl,
+		alt: brandDetails.name,
+		width: "auto",
+		height: brandDetails.logoHeight,
+		mt: 12
+	}), /* @__PURE__ */ React.createElement(Text, {
+		variant: "title-xs",
+		as: headingLevel,
+		pt: brandDetails?.logoUrl ? 8 : 12,
+		pb: 4
+	}, title)))), /* @__PURE__ */ React.createElement(FlexBox, {
+		flexDirection: "column",
+		textAlign: "left",
+		mx: 12,
+		my: 4,
+		height: "100%",
+		maxWidth: isFullSize ? { md: "calc(100% - 228px)" } : "100%"
+	}, description && /* @__PURE__ */ React.createElement(Text, {
+		variant: "p-small",
+		truncate: "ellipsis",
+		truncateLines: 3,
+		mb: 16
+	}, description), /* @__PURE__ */ React.createElement(Box, {
+		as: "ul",
+		listStyle: "none",
+		p: 0,
+		m: 0,
+		mt: "auto"
+	}, children, /* @__PURE__ */ React.createElement(Box, { as: "li" }, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(FlexBox, {
+		justifyContent: "space-between",
+		flexWrap: "wrap"
+	}, difficulty && /* @__PURE__ */ React.createElement(FlexBox, { alignItems: "center" }, /* @__PURE__ */ React.createElement(LevelIcon, null), /* @__PURE__ */ React.createElement(Text, { screenreader: true }, `${difficulty}${isBeginnerContainer ? " Friendly" : ""}.`), /* @__PURE__ */ React.createElement(Text, {
+		variant: "p-small",
+		pl: 8,
+		whiteSpace: "nowrap",
+		"data-testid": "card-difficulty",
+		"aria-hidden": true
+	}, /* @__PURE__ */ React.createElement("b", null, difficulty), isBeginnerContainer && /* @__PURE__ */ React.createElement(React.Fragment, null, " Friendly"))), renderTimeToCompleteOrNumLessons()))), footer), /* @__PURE__ */ React.createElement(Box, {
+		display: isFullSize ? {
+			_: "none",
+			md: "flex"
+		} : "none",
+		alignItems: "center",
+		justifyContent: "center",
+		px: 64,
+		position: "absolute",
+		top: 32,
+		bottom: 0,
+		right: 0
+	}, /* @__PURE__ */ React.createElement(Image, {
+		"aria-hidden": true,
+		width: 100,
+		height: 100,
+		src: imageSrc
+	})));
+});
+
+//#endregion
+export { ContentGroupBaseCard, ContentGroupBaseCardHeaderBackground };
+//# sourceMappingURL=index.js.map

package/dist/ContentGroupBaseCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Anchor","Box","Card","FlexBox","Text","LevelIcon","Background","css","theme","styled","pluralize","React","forwardRef","getTimeToCompleteDisplayAmount","getTimeToCompleteDisplayDuration","Divider","CourseDifficulty","EnrollmentStatus","Image","withComponent","CardAnchor","color","inset","ContentGroupBaseCardHeaderBackground","pl","py","borderRadiusTop","borderRadiusBottom","boxShadow","colors","white","ContentGroupBaseCard","headerBackgroundColor","headerText","title","headingLevel","description","difficulty","numLessons","imageSrc","isFullSize","shadow","enrollmentStatus","timeToComplete","brandDetails","children","header","footer","openInNewTab","href","onClick","ref","enrollmentAssets","completed","text","backgroundColor","inProgress","none","isEnrolled","InProgress","Completed","isBeginnerContainer","Beginner","renderTimeToCompleteOrNumLessons","displayAmount","displayDuration","screenreader","variant","whiteSpace","aria-hidden","b","label","borderRadius","borderColor","overflow","display","flexDirection","isInteractive","p","height","style","cursor","e","target","closest","preventDefault","position","undefined","bg","fontFamily","fontSize","px","pt","alignItems","logoUrl","src","alt","name","width","logoHeight","mt","as","pb","textAlign","mx","my","maxWidth","md","truncate","truncateLines","mb","listStyle","m","justifyContent","flexWrap","data-testid","_","top","bottom","right"],"sources":["../../src/ContentGroupBaseCard/index.tsx"],"sourcesContent":["import {\n  Anchor,\n  Box,\n  Card,\n  FlexBox,\n  HeadingTags,\n  Text,\n} from '@codecademy/gamut';\nimport { LevelIcon } from '@codecademy/gamut-icons';\nimport { Background, Colors, css, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport pluralize from 'pluralize';\nimport React, { forwardRef, PropsWithRef } from 'react';\n\nimport {\n  getTimeToCompleteDisplayAmount,\n  getTimeToCompleteDisplayDuration,\n} from './helpers';\nimport { Divider } from './shared';\nimport { CourseDifficulty, EnrollmentStatus } from './types';\n\nconst Image = Box.withComponent('img');\n\nconst CardAnchor = styled(Anchor)(\n  css({\n    '&:hover, &:focus, &:focus-visible': {\n      color: 'text',\n    },\n    '&:before': {\n      inset: 2,\n    },\n  })\n);\n\nexport type ContentGroupBaseCardProps = {\n  headerBackgroundColor: Colors;\n  headerText: string;\n  title: string;\n  headingLevel?: HeadingTags;\n  description?: string | null;\n  difficulty?: CourseDifficulty | null;\n  numLessons: number;\n  imageSrc?: string;\n  isFullSize?: boolean;\n  shadow?: 'none' | 'outline';\n  enrollmentStatus?: EnrollmentStatus;\n  timeToComplete?: number | null;\n  brandDetails?: {\n    name: string;\n    logoUrl: string;\n    logoHeight: number;\n  };\n  children?: React.ReactNode;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  openInNewTab?: boolean;\n  href: string;\n  onClick: () => void;\n};\n\ntype EnrollmentStatusAssets = {\n  [status in\n    | EnrollmentStatus.InProgress\n    | EnrollmentStatus.Completed\n    | EnrollmentStatus.None]: {\n    text: string;\n    backgroundColor: Colors;\n  };\n};\n\nexport const ContentGroupBaseCardHeaderBackground = styled(Background)(\n  css({\n    pl: 12,\n    py: 4,\n    borderRadiusTop: 'md',\n    borderRadiusBottom: 'none',\n    boxShadow: `inset 0 0 0 1px ${theme.colors.white}`,\n  })\n);\n\nexport const ContentGroupBaseCard = forwardRef<\n  HTMLAnchorElement,\n  PropsWithRef<ContentGroupBaseCardProps>\n>(\n  (\n    {\n      headerBackgroundColor,\n      headerText,\n      title,\n      headingLevel,\n      description,\n      difficulty,\n      numLessons,\n      imageSrc,\n      isFullSize = false,\n      shadow = 'none',\n      enrollmentStatus,\n      timeToComplete,\n      brandDetails,\n      children,\n      header,\n      footer,\n      openInNewTab = false,\n      href,\n      onClick,\n    },\n    ref\n  ) => {\n    const enrollmentAssets: EnrollmentStatusAssets = {\n      completed: { text: headerText + ' completed!', backgroundColor: 'green' },\n      inProgress: { text: 'In progress...', backgroundColor: 'yellow' },\n      none: { text: headerText, backgroundColor: headerBackgroundColor },\n    };\n\n    const isEnrolled =\n      enrollmentStatus === EnrollmentStatus.InProgress ||\n      enrollmentStatus === EnrollmentStatus.Completed;\n\n    const isBeginnerContainer = difficulty === CourseDifficulty.Beginner;\n\n    const renderTimeToCompleteOrNumLessons = () => {\n      if (typeof timeToComplete === 'number' && timeToComplete >= 0) {\n        const displayAmount = getTimeToCompleteDisplayAmount(timeToComplete);\n        const displayDuration =\n          getTimeToCompleteDisplayDuration(timeToComplete);\n        return (\n          <>\n            <Text screenreader>{`${displayAmount} ${displayDuration}`}</Text>\n            <Text variant=\"p-small\" pl={4} whiteSpace=\"nowrap\" aria-hidden>\n              <b>{displayAmount}</b> {displayDuration}\n            </Text>\n          </>\n        );\n      }\n      if (numLessons > 0) {\n        const label = pluralize('Lesson', numLessons);\n        return (\n          <>\n            <Text screenreader>{`${numLessons} ${label}`}</Text>\n            <Text variant=\"p-small\" pl={4} whiteSpace=\"nowrap\" aria-hidden>\n              <b>{numLessons}</b> {label}\n            </Text>\n          </>\n        );\n      }\n\n      return null;\n    };\n\n    return (\n      <Card\n        variant={isEnrolled ? 'beige' : 'white'}\n        borderRadius=\"md\"\n        borderColor=\"border-primary\"\n        overflow=\"hidden\"\n        display=\"flex\"\n        flexDirection=\"column\"\n        shadow={shadow}\n        isInteractive\n        p={0}\n        height=\"100%\"\n        // eslint-disable-next-line gamut/no-inline-style\n        style={{ cursor: 'pointer' }}\n        onClick={(e: React.MouseEvent) => {\n          // only handle clicks if they didn't come from the anchor to avoid double navigation\n          if ((e.target as HTMLElement).closest('a') === null) {\n            e.preventDefault();\n            onClick?.();\n          }\n        }}\n      >\n        <Box position=\"relative\">\n          <CardAnchor\n            href={href}\n            onClick={onClick}\n            variant=\"interface\"\n            display=\"block\"\n            ref={ref}\n            target={openInNewTab ? '_blank' : undefined}\n          >\n            {header || (\n              <ContentGroupBaseCardHeaderBackground\n                bg={\n                  enrollmentStatus\n                    ? enrollmentAssets[enrollmentStatus].backgroundColor\n                    : headerBackgroundColor\n                }\n              >\n                <Text fontFamily=\"accent\" fontSize={14}>\n                  {enrollmentStatus\n                    ? enrollmentAssets[enrollmentStatus].text\n                    : headerText}\n                </Text>\n              </ContentGroupBaseCardHeaderBackground>\n            )}\n            <FlexBox\n              px={12}\n              pt={4}\n              flexDirection=\"column\"\n              alignItems=\"flex-start\"\n            >\n              {brandDetails?.logoUrl && (\n                <Image\n                  src={brandDetails.logoUrl}\n                  alt={brandDetails.name}\n                  width=\"auto\"\n                  height={brandDetails.logoHeight}\n                  mt={12}\n                />\n              )}\n              <Text\n                variant=\"title-xs\"\n                as={headingLevel}\n                pt={brandDetails?.logoUrl ? 8 : 12}\n                pb={4}\n              >\n                {title}\n              </Text>\n            </FlexBox>\n          </CardAnchor>\n        </Box>\n        <FlexBox\n          flexDirection=\"column\"\n          textAlign=\"left\"\n          mx={12}\n          my={4}\n          height=\"100%\"\n          maxWidth={isFullSize ? { md: 'calc(100% - 228px)' } : '100%'}\n        >\n          {description && (\n            <Text\n              variant=\"p-small\"\n              truncate=\"ellipsis\"\n              truncateLines={3}\n              mb={16}\n            >\n              {description}\n            </Text>\n          )}\n          <Box as=\"ul\" listStyle=\"none\" p={0} m={0} mt=\"auto\">\n            {children}\n            <Box as=\"li\">\n              <Divider />\n              <FlexBox justifyContent=\"space-between\" flexWrap=\"wrap\">\n                {difficulty && (\n                  <FlexBox alignItems=\"center\">\n                    <LevelIcon />\n                    <Text screenreader>{`${difficulty}${\n                      isBeginnerContainer ? ' Friendly' : ''\n                    }.`}</Text>\n                    <Text\n                      variant=\"p-small\"\n                      pl={8}\n                      whiteSpace=\"nowrap\"\n                      data-testid=\"card-difficulty\"\n                      aria-hidden\n                    >\n                      <b>{difficulty}</b>\n                      {isBeginnerContainer && <> Friendly</>}\n                    </Text>\n                  </FlexBox>\n                )}\n                {renderTimeToCompleteOrNumLessons()}\n              </FlexBox>\n            </Box>\n          </Box>\n          {footer}\n        </FlexBox>\n        <Box\n          display={isFullSize ? { _: 'none', md: 'flex' } : 'none'}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          px={64}\n          position=\"absolute\"\n          top={32}\n          bottom={0}\n          right={0}\n        >\n          <Image aria-hidden width={100} height={100} src={imageSrc} />\n        </Box>\n      </Card>\n    );\n  }\n);\n"],"mappings":";;;;;;;;;;;AAqBA,MAAMkB,QAAQjB,IAAIkB,cAAc,MAAA;AAEhC,MAAMC,aAAaX,uBAAOT,QAAAA;;;GACxBO,IAAI;CACF,qCAAqC,EACnCc,OAAO,QACT;CACA,YAAY,EACVC,OAAO,GACT;CACF,CAAA,EAAA,srWAAA;AAuCF,MAAaC,uCAAuCd,uBAAOH,YAAAA;;;GACzDC,IAAI;CACFiB,IAAI;CACJC,IAAI;CACJC,iBAAiB;CACjBC,oBAAoB;CACpBC,WAAW,mBAAmBpB,MAAMqB,OAAOC;CAC7C,CAAA,EAAA,srWAAA;AAGF,MAAaC,uBAAuBnB,4BAKhC,EACEoB,uBACAC,YACAC,OACAC,cACAC,aACAC,YACAC,YACAC,UACAC,aAAa,OACbC,SAAS,QACTC,kBACAC,gBACAC,cACAC,UACAC,QACAC,QACAC,eAAe,OACfC,MACAC,WAEFC,QAAAA;CAEA,MAAMC,mBAA2C;EAC/CC,WAAW;GAAEC,MAAMrB,aAAa;GAAesB,iBAAiB;GAAQ;EACxEC,YAAY;GAAEF,MAAM;GAAkBC,iBAAiB;GAAS;EAChEE,MAAM;GAAEH,MAAMrB;GAAYsB,iBAAiBvB;GAAsB;EACnE;CAEA,MAAM0B,aACJhB,qBAAqBzB,iBAAiB0C,cACtCjB,qBAAqBzB,iBAAiB2C;CAExC,MAAMC,sBAAsBxB,eAAerB,iBAAiB8C;CAE5D,MAAMC,yCAAmC;AACvC,MAAI,OAAOpB,mBAAmB,YAAYA,kBAAkB,GAAG;GAC7D,MAAMqB,gBAAgBnD,+BAA+B8B,eAAAA;GACrD,MAAMsB,kBACJnD,iCAAiC6B,eAAAA;AACnC,UACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACvC,MAAAA,EAAK8D,cAAAA,QAAc,GAAGF,cAAc,GAAGC,kBAAiB,EACzD,sBAAA,cAAC7D,MAAAA;IAAK+D,SAAQ;IAAU3C,IAAI;IAAG4C,YAAW;IAASC,eAAAA;MACjD,sBAAA,cAACC,KAAAA,MAAGN,cAAAA,EAAkB,KAAEC,gBAAAA,CAAAA;;AAKhC,MAAI3B,aAAa,GAAG;GAClB,MAAMiC,QAAQ7D,UAAU,UAAU4B,WAAAA;AAClC,UACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAAClC,MAAAA,EAAK8D,cAAAA,QAAc,GAAG5B,WAAW,GAAGiC,QAAO,EAC5C,sBAAA,cAACnE,MAAAA;IAAK+D,SAAQ;IAAU3C,IAAI;IAAG4C,YAAW;IAASC,eAAAA;MACjD,sBAAA,cAACC,KAAAA,MAAGhC,WAAAA,EAAe,KAAEiC,MAAAA,CAAAA;;AAM7B,SAAO;;AAGT,QACE,sBAAA,cAACrE,MAAAA;EACCiE,SAAST,aAAa,UAAU;EAChCc,cAAa;EACbC,aAAY;EACZC,UAAS;EACTC,SAAQ;EACRC,eAAc;EACNnC;EACRoC,eAAAA;EACAC,GAAG;EACHC,QAAO;EAEPC,OAAO,EAAEC,QAAQ,WAAU;EAC3B/B,UAAUgC,MAAAA;AAER,OAAI,EAAGC,OAAuBC,QAAQ,IAAA,KAAS,MAAM;AACnDF,MAAEG,gBAAc;AAChBnC,eAAAA;;;IAIJ,sBAAA,cAACjD,KAAAA,EAAIqF,UAAS,cACZ,sBAAA,cAAClE,YAAAA;EACO6B;EACGC;EACTiB,SAAQ;EACRQ,SAAQ;EACHxB;EACLgC,QAAQnC,eAAe,WAAWuC;IAEjCzC,UACC,sBAAA,cAACvB,sCAAAA,EACCiE,IACE9C,mBACIU,iBAAiBV,kBAAkBa,kBACnCvB,yBAGN,sBAAA,cAAC5B,MAAAA;EAAKqF,YAAW;EAASC,UAAU;IACjChD,mBACGU,iBAAiBV,kBAAkBY,OACnCrB,WAAAA,CAAAA,EAIV,sBAAA,cAAC9B,SAAAA;EACCwF,IAAI;EACJC,IAAI;EACJhB,eAAc;EACdiB,YAAW;IAEVjD,cAAckD,WACb,sBAAA,cAAC5E,OAAAA;EACC6E,KAAKnD,aAAakD;EAClBE,KAAKpD,aAAaqD;EAClBC,OAAM;EACNnB,QAAQnC,aAAauD;EACrBC,IAAI;KAGR,sBAAA,cAAChG,MAAAA;EACC+D,SAAQ;EACRkC,IAAIlE;EACJyD,IAAIhD,cAAckD,UAAU,IAAI;EAChCQ,IAAI;IAEHpE,MAAAA,CAAAA,CAAAA,CAAAA,EAKT,sBAAA,cAAC/B,SAAAA;EACCyE,eAAc;EACd2B,WAAU;EACVC,IAAI;EACJC,IAAI;EACJ1B,QAAO;EACP2B,UAAUlE,aAAa,EAAEmE,IAAI,sBAAqB,GAAI;IAErDvE,eACC,sBAAA,cAAChC,MAAAA;EACC+D,SAAQ;EACRyC,UAAS;EACTC,eAAe;EACfC,IAAI;IAEH1E,YAAAA,EAGL,sBAAA,cAACnC,KAAAA;EAAIoG,IAAG;EAAKU,WAAU;EAAOjC,GAAG;EAAGkC,GAAG;EAAGZ,IAAG;IAC1CvD,UACD,sBAAA,cAAC5C,KAAAA,EAAIoG,IAAG,QACN,sBAAA,cAACtF,SAAAA,KAAAA,EACD,sBAAA,cAACZ,SAAAA;EAAQ8G,gBAAe;EAAgBC,UAAS;IAC9C7E,cACC,sBAAA,cAAClC,SAAAA,EAAQ0F,YAAW,YAClB,sBAAA,cAACxF,WAAAA,KAAAA,EACD,sBAAA,cAACD,MAAAA,EAAK8D,cAAAA,QAAc,GAAG7B,aACrBwB,sBAAsB,cAAc,GACrC,GAAE,EACH,sBAAA,cAACzD,MAAAA;EACC+D,SAAQ;EACR3C,IAAI;EACJ4C,YAAW;EACX+C,eAAY;EACZ9C,eAAAA;IAEA,sBAAA,cAACC,KAAAA,MAAGjC,WAAAA,EACHwB,uBAAuB,sBAAA,cAAA,MAAA,UAAA,MAAE,YAAA,CAAA,CAAA,EAI/BE,kCAAAA,CAAAA,CAAAA,CAAAA,EAINhB,OAAAA,EAEH,sBAAA,cAAC9C,KAAAA;EACC0E,SAASnC,aAAa;GAAE4E,GAAG;GAAQT,IAAI;GAAO,GAAI;EAClDd,YAAW;EACXoB,gBAAe;EACftB,IAAI;EACJL,UAAS;EACT+B,KAAK;EACLC,QAAQ;EACRC,OAAO;IAEP,sBAAA,cAACrG,OAAAA;EAAMmD,eAAAA;EAAY6B,OAAO;EAAKnB,QAAQ;EAAKgB,KAAKxD;;EAIzD"}