@codecademy/brand 3.0.0-alpha.2ba7921cce.0 → 3.0.0-alpha.316af623f2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.js +26 -5
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/NavPanels.d.ts +4 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/NavPanels.js +98 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/NavSection.d.ts +15 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/NavSection.js +67 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/consts.d.ts +7 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/consts.js +39 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/index.d.ts +11 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/index.js +68 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.js +0 -0
- package/dist/Banner/EnhancedBanner.d.ts +1 -1
- package/dist/Banner/EnhancedBanner.js +5 -5
- package/dist/Banner/index.d.ts +1 -11
- package/dist/Banner/index.js +3 -24
- package/dist/CareerPathCard/index.d.ts +4 -1
- package/dist/CareerPathCard/index.js +15 -7
- package/dist/CertificationPathCard/index.d.ts +4 -1
- package/dist/CertificationPathCard/index.js +17 -9
- package/dist/ContentGroupBaseCard/index.d.ts +5 -3
- package/dist/ContentGroupBaseCard/index.js +129 -72
- package/dist/ContentGroupBaseCard/shared.js +29 -23
- package/dist/CourseCard/index.d.ts +4 -1
- package/dist/CourseCard/index.js +15 -11
- package/dist/CourseRecommendationsLink/index.d.ts +3 -0
- package/dist/CourseRecommendationsLink/index.js +27 -0
- package/dist/GlobalHeader/GlobalHeaderItems.js +1 -1
- package/dist/GlobalHeader/context.d.ts +8 -0
- package/dist/GlobalHeader/context.js +9 -0
- package/dist/GlobalHeader/index.d.ts +1 -0
- package/dist/GlobalHeader/index.js +47 -37
- package/dist/GlobalHeader/types.d.ts +1 -0
- package/dist/GlobalPage/index.d.ts +2 -2
- package/dist/GlobalPage/index.js +2 -2
- package/dist/LayoutMenu/AccordionMenu.d.ts +1 -0
- package/dist/LayoutMenu/AccordionMenu.js +5 -2
- package/dist/LayoutMenu/LayoutMenu.d.ts +2 -1
- package/dist/LayoutMenu/LayoutMenu.js +9 -7
- package/dist/LayoutMenuVariant/AccordionMenu.js +4 -4
- package/dist/LearningOutcomeFlyout/index.d.ts +12 -1
- package/dist/LearningOutcomeFlyout/index.js +100 -3
- package/dist/Logos/shared.d.ts +7 -0
- package/dist/Recurly/context/NoProvider.d.ts +8 -0
- package/dist/Recurly/context/NoProvider.js +7 -0
- package/dist/Recurly/context/elements/index.d.ts +26 -0
- package/dist/Recurly/context/elements/index.js +46 -0
- package/dist/Recurly/context/index.d.ts +2 -0
- package/dist/Recurly/context/index.js +2 -0
- package/dist/Recurly/context/recurly/index.d.ts +30 -0
- package/dist/Recurly/context/recurly/index.js +50 -0
- package/dist/Recurly/context/recurly/loadRecurly.d.ts +6 -0
- package/dist/Recurly/context/recurly/loadRecurly.js +22 -0
- package/dist/Recurly/context/recurly/w.d.ts +14 -0
- package/dist/Recurly/context/recurly/w.js +4 -0
- package/dist/Recurly/fields/RecurlyField.d.ts +9 -0
- package/dist/Recurly/fields/RecurlyField.js +57 -0
- package/dist/Recurly/fields/elements.d.ts +17 -0
- package/dist/Recurly/fields/elements.js +106 -0
- package/dist/Recurly/fields/elements.test.js +79 -0
- package/dist/Recurly/fields/index.d.ts +2 -0
- package/dist/Recurly/fields/index.js +2 -0
- package/dist/Recurly/index.d.ts +2 -0
- package/dist/Recurly/index.js +2 -0
- package/dist/SkillPathCard/index.d.ts +4 -1
- package/dist/SkillPathCard/index.js +15 -7
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -0
- package/dist/stories/Molecules/ContentGroupBaseCard.stories.js +3 -1
- package/dist/stories/Molecules/CurriculumCards/CareerPathCard.stories.js +3 -1
- package/dist/stories/Molecules/CurriculumCards/CertificationPathCard.stories.js +3 -1
- package/dist/stories/Molecules/CurriculumCards/CourseCard.stories.js +3 -1
- package/dist/stories/Molecules/CurriculumCards/SkillPathCard.stories.js +3 -1
- package/dist/stories/Molecules/EnhancedBanner.stories.d.ts +3 -3
- package/dist/stories/Molecules/EnhancedBanner.stories.js +2 -12
- package/dist/stories/Molecules/Recurly.stories.d.ts +5 -0
- package/dist/stories/Molecules/Recurly.stories.js +56 -0
- package/package.json +1 -1
package/dist/Banner/index.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ declare const bannerVariants: {
|
|
|
7
7
|
readonly yellow: "yellow";
|
|
8
8
|
readonly subtle: "background-hover";
|
|
9
9
|
};
|
|
10
|
-
export interface BannerProps extends Omit<BackgroundProps, 'bg'> {
|
|
10
|
+
export interface BannerProps extends Omit<BackgroundProps, 'bg' | 'containerType'> {
|
|
11
11
|
children: ReactNode | string;
|
|
12
12
|
/** Visual variation for banners, defaults to navy */
|
|
13
13
|
variant?: BannerVariant | null;
|
|
@@ -16,16 +16,6 @@ export interface BannerProps extends Omit<BackgroundProps, 'bg'> {
|
|
|
16
16
|
/** Call to action click callback */
|
|
17
17
|
onCtaClick?: () => void;
|
|
18
18
|
ctaAriaLabel?: string;
|
|
19
|
-
/** Experimental flag — when true renders <EnhancedBanner> */
|
|
20
|
-
isInEnhancedBannerVariant?: boolean;
|
|
21
|
-
header?: string | null;
|
|
22
|
-
subheader?: string | null;
|
|
23
|
-
cta?: {
|
|
24
|
-
title: string;
|
|
25
|
-
href: string;
|
|
26
|
-
} | null;
|
|
27
|
-
countdownTo?: string | null;
|
|
28
|
-
onCountdownExpire?: () => void;
|
|
29
19
|
}
|
|
30
20
|
export declare const Banner: React.FC<BannerProps>;
|
|
31
21
|
export {};
|
package/dist/Banner/index.js
CHANGED
|
@@ -4,7 +4,6 @@ import { MiniDeleteIcon } from '@codecademy/gamut-icons';
|
|
|
4
4
|
import { Background, css } from '@codecademy/gamut-styles';
|
|
5
5
|
import { useMemo } from 'react';
|
|
6
6
|
import * as React from 'react';
|
|
7
|
-
import { EnhancedBanner } from './EnhancedBanner';
|
|
8
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
8
|
const bannerVariants = {
|
|
10
9
|
navy: 'navy',
|
|
@@ -25,17 +24,17 @@ const bannerStyles = {
|
|
|
25
24
|
const BannerContainerBackground = /*#__PURE__*/_styled(Background, {
|
|
26
25
|
target: "em3wgfy2",
|
|
27
26
|
label: "BannerContainerBackground"
|
|
28
|
-
})(css(bannerStyles), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
27
|
+
})(css(bannerStyles), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDa0MiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEljb25CdXR0b24sIE1hcmtkb3duLCBUZXh0QnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaURlbGV0ZUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBCYWNrZ3JvdW5kUHJvcHMsIGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgYmFubmVyVmFyaWFudHM7XG5jb25zdCBiYW5uZXJWYXJpYW50cyA9IHtcbiAgbmF2eTogJ25hdnknLFxuICB5ZWxsb3c6ICd5ZWxsb3cnLFxuICBzdWJ0bGU6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGlzQWxsb3dlZFZhcmlhbnQgPSAoXG4gIHZhcmlhbnQ6IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGxcbik6IHZhcmlhbnQgaXMgQmFubmVyVmFyaWFudCA9PlxuICBPYmplY3Qua2V5cyhiYW5uZXJWYXJpYW50cykuaW5jbHVkZXModmFyaWFudCBhcyBCYW5uZXJWYXJpYW50KTtcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJQcm9wc1xuICBleHRlbmRzIE9taXQ8QmFja2dyb3VuZFByb3BzLCAnYmcnIHwgJ2NvbnRhaW5lclR5cGUnPiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGUgfCBzdHJpbmc7XG4gIC8qKiBWaXN1YWwgdmFyaWF0aW9uIGZvciBiYW5uZXJzLCBkZWZhdWx0cyB0byBuYXZ5ICovXG4gIHZhcmlhbnQ/OiBCYW5uZXJWYXJpYW50IHwgbnVsbDtcbiAgLyoqICBDYWxsYmFjayBjYWxsZWQgd2hlbiB0aGUgdXNlciBjbG9zZXMgdGhlIGJhbm5lci4gKi9cbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG4gIC8qKiBDYWxsIHRvIGFjdGlvbiBjbGljayBjYWxsYmFjayAqL1xuICBvbkN0YUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nO1xufVxuXG5jb25zdCBiYW5uZXJTdHlsZXMgPSB7XG4gIHdpZHRoOiAnMTAwJScsXG4gIHA6IDQsXG4gIGRpc3BsYXk6ICdncmlkJyxcbiAgZ3JpZFRlbXBsYXRlQ29sdW1uczogJzJyZW0gbWlubWF4KDAsIDFmcikgMnJlbScsXG4gIGdyaWRUZW1wbGF0ZUFyZWFzOiBcIidlbXB0eSBjb250ZW50IGNsb3NlJ1wiLFxuICBjb2x1bW5HYXA6IDgsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgQmFubmVyQ29udGFpbmVyQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKShjc3MoYmFubmVyU3R5bGVzKSk7XG5cbmNvbnN0IEJhbm5lckNvbnRhaW5lckJveCA9IHN0eWxlZChCb3gpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgQmFubmVyTWFya2Rvd24gPSBzdHlsZWQoTWFya2Rvd24pKGNzcyh7IGZvbnRTaXplOiAnaW5oZXJpdCcgfSkpO1xuXG5jb25zdCBiaW5kQmFubmVyQW5jaG9yID0gKFxuICBvbkN0YUNsaWNrPzogQmFubmVyUHJvcHNbJ29uQ3RhQ2xpY2snXSxcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nXG4pID0+ICh7XG4gIGFsbG93ZWRBdHRyaWJ1dGVzOiBbJ2hyZWYnLCAndGFyZ2V0J10sXG4gIGNvbXBvbmVudDogVGV4dEJ1dHRvbixcbiAgcHJvY2Vzc05vZGU6IChfbm9kZTogdW5rbm93biwgcHJvcHM6IHsgb25DbGljaz86ICgpID0+IHZvaWQgfSkgPT4gKFxuICAgIDxUZXh0QnV0dG9uXG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIG9uQ3RhQ2xpY2s/LigpO1xuICAgICAgICBwcm9wcz8ub25DbGljaz8uKCk7XG4gICAgICB9fVxuICAgICAgbXg9ezR9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdGFyZ2V0PVwiX0JMQU5LXCJcbiAgICAgIGFyaWEtbGFiZWw9e2N0YUFyaWFMYWJlbH1cbiAgICAgIGRpc3BsYXk9e3sgXzogJ2Jsb2NrJywgeHM6ICdpbmxpbmUtZmxleCcgfX1cbiAgICAvPlxuICApLFxufSk7XG5cbmV4cG9ydCBjb25zdCBCYW5uZXI6IFJlYWN0LkZDPEJhbm5lclByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjdGFBcmlhTGFiZWwsXG4gIHZhcmlhbnQgPSAnbmF2eScsXG4gIG9uQ3RhQ2xpY2ssXG4gIG9uQ2xvc2UsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3Qgb3ZlcnJpZGVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgYTogYmluZEJhbm5lckFuY2hvcihvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWwpLFxuICAgIH0pLFxuICAgIFtvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWxdXG4gICk7XG5cbiAgLy8gQ29udGVudGZ1bCBpcyB1bmFibGUgdG8gcHJvZ3JhbW1hdGljYWxseSBjb21tdW5pY2F0ZSB3aGF0IHZhbHVlcyBpdCBkb2VzL2RvZXNuJ3QgYWxsb3cgaW4gdGhlc2Uga2luZHMgb2YgZmllbGRzLFxuICAvLyB3aGljaCBtYWtlcyBpdCBkaWZmaWN1bHQgZm9yIHVzIHRvIGVuc3VyZSB0aGUgQ29udGVudGZ1bCBjb25maWd1cmF0aW9uIGhhc24ndCBkaXZlcmdlZCBmcm9tIEdhbXV0IHJlc3RyaWN0aW9ucy5cbiAgY29uc3Qgc2FmZVZhcmlhbnQ6IEJhbm5lclZhcmlhbnQgPSBpc0FsbG93ZWRWYXJpYW50KHZhcmlhbnQpXG4gICAgPyB2YXJpYW50XG4gICAgOiAnbmF2eSc7XG5cbiAgY29uc3QgQmFubmVyQ29udGFpbmVyID1cbiAgICBzYWZlVmFyaWFudCA9PT0gJ3N1YnRsZScgPyBCYW5uZXJDb250YWluZXJCb3ggOiBCYW5uZXJDb250YWluZXJCYWNrZ3JvdW5kO1xuXG4gIHJldHVybiAoXG4gICAgPEJhbm5lckNvbnRhaW5lciB7Li4ucmVzdH0gYmc9e2Jhbm5lclZhcmlhbnRzW3NhZmVWYXJpYW50XX0+XG4gICAgICA8Qm94IGdyaWRBcmVhPVwiY29udGVudFwiIGZvbnRTaXplPVwiaW5oZXJpdFwiPlxuICAgICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICA8QmFubmVyTWFya2Rvd25cbiAgICAgICAgICAgIG92ZXJyaWRlcz17b3ZlcnJpZGVzfVxuICAgICAgICAgICAgdGV4dD17Y2hpbGRyZW59XG4gICAgICAgICAgICBza2lwRGVmYXVsdE92ZXJyaWRlcz17eyBhOiB0cnVlIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBjaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9Cb3g+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjbG9zZVwiIGFsaWduU2VsZj1cInN0YXJ0XCI+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e01pbmlEZWxldGVJY29ufVxuICAgICAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIHRpcD1cIkNsb3NlIGJhbm5lclwiXG4gICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJywgcGxhY2VtZW50OiAnZmxvYXRpbmcnIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvQmFubmVyQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
|
|
29
28
|
const BannerContainerBox = /*#__PURE__*/_styled(Box, {
|
|
30
29
|
target: "em3wgfy1",
|
|
31
30
|
label: "BannerContainerBox"
|
|
32
|
-
})(css(bannerStyles), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
31
|
+
})(css(bannerStyles), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDMkIiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEljb25CdXR0b24sIE1hcmtkb3duLCBUZXh0QnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaURlbGV0ZUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBCYWNrZ3JvdW5kUHJvcHMsIGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgYmFubmVyVmFyaWFudHM7XG5jb25zdCBiYW5uZXJWYXJpYW50cyA9IHtcbiAgbmF2eTogJ25hdnknLFxuICB5ZWxsb3c6ICd5ZWxsb3cnLFxuICBzdWJ0bGU6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGlzQWxsb3dlZFZhcmlhbnQgPSAoXG4gIHZhcmlhbnQ6IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGxcbik6IHZhcmlhbnQgaXMgQmFubmVyVmFyaWFudCA9PlxuICBPYmplY3Qua2V5cyhiYW5uZXJWYXJpYW50cykuaW5jbHVkZXModmFyaWFudCBhcyBCYW5uZXJWYXJpYW50KTtcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJQcm9wc1xuICBleHRlbmRzIE9taXQ8QmFja2dyb3VuZFByb3BzLCAnYmcnIHwgJ2NvbnRhaW5lclR5cGUnPiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGUgfCBzdHJpbmc7XG4gIC8qKiBWaXN1YWwgdmFyaWF0aW9uIGZvciBiYW5uZXJzLCBkZWZhdWx0cyB0byBuYXZ5ICovXG4gIHZhcmlhbnQ/OiBCYW5uZXJWYXJpYW50IHwgbnVsbDtcbiAgLyoqICBDYWxsYmFjayBjYWxsZWQgd2hlbiB0aGUgdXNlciBjbG9zZXMgdGhlIGJhbm5lci4gKi9cbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG4gIC8qKiBDYWxsIHRvIGFjdGlvbiBjbGljayBjYWxsYmFjayAqL1xuICBvbkN0YUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nO1xufVxuXG5jb25zdCBiYW5uZXJTdHlsZXMgPSB7XG4gIHdpZHRoOiAnMTAwJScsXG4gIHA6IDQsXG4gIGRpc3BsYXk6ICdncmlkJyxcbiAgZ3JpZFRlbXBsYXRlQ29sdW1uczogJzJyZW0gbWlubWF4KDAsIDFmcikgMnJlbScsXG4gIGdyaWRUZW1wbGF0ZUFyZWFzOiBcIidlbXB0eSBjb250ZW50IGNsb3NlJ1wiLFxuICBjb2x1bW5HYXA6IDgsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgQmFubmVyQ29udGFpbmVyQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKShjc3MoYmFubmVyU3R5bGVzKSk7XG5cbmNvbnN0IEJhbm5lckNvbnRhaW5lckJveCA9IHN0eWxlZChCb3gpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgQmFubmVyTWFya2Rvd24gPSBzdHlsZWQoTWFya2Rvd24pKGNzcyh7IGZvbnRTaXplOiAnaW5oZXJpdCcgfSkpO1xuXG5jb25zdCBiaW5kQmFubmVyQW5jaG9yID0gKFxuICBvbkN0YUNsaWNrPzogQmFubmVyUHJvcHNbJ29uQ3RhQ2xpY2snXSxcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nXG4pID0+ICh7XG4gIGFsbG93ZWRBdHRyaWJ1dGVzOiBbJ2hyZWYnLCAndGFyZ2V0J10sXG4gIGNvbXBvbmVudDogVGV4dEJ1dHRvbixcbiAgcHJvY2Vzc05vZGU6IChfbm9kZTogdW5rbm93biwgcHJvcHM6IHsgb25DbGljaz86ICgpID0+IHZvaWQgfSkgPT4gKFxuICAgIDxUZXh0QnV0dG9uXG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIG9uQ3RhQ2xpY2s/LigpO1xuICAgICAgICBwcm9wcz8ub25DbGljaz8uKCk7XG4gICAgICB9fVxuICAgICAgbXg9ezR9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdGFyZ2V0PVwiX0JMQU5LXCJcbiAgICAgIGFyaWEtbGFiZWw9e2N0YUFyaWFMYWJlbH1cbiAgICAgIGRpc3BsYXk9e3sgXzogJ2Jsb2NrJywgeHM6ICdpbmxpbmUtZmxleCcgfX1cbiAgICAvPlxuICApLFxufSk7XG5cbmV4cG9ydCBjb25zdCBCYW5uZXI6IFJlYWN0LkZDPEJhbm5lclByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjdGFBcmlhTGFiZWwsXG4gIHZhcmlhbnQgPSAnbmF2eScsXG4gIG9uQ3RhQ2xpY2ssXG4gIG9uQ2xvc2UsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3Qgb3ZlcnJpZGVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgYTogYmluZEJhbm5lckFuY2hvcihvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWwpLFxuICAgIH0pLFxuICAgIFtvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWxdXG4gICk7XG5cbiAgLy8gQ29udGVudGZ1bCBpcyB1bmFibGUgdG8gcHJvZ3JhbW1hdGljYWxseSBjb21tdW5pY2F0ZSB3aGF0IHZhbHVlcyBpdCBkb2VzL2RvZXNuJ3QgYWxsb3cgaW4gdGhlc2Uga2luZHMgb2YgZmllbGRzLFxuICAvLyB3aGljaCBtYWtlcyBpdCBkaWZmaWN1bHQgZm9yIHVzIHRvIGVuc3VyZSB0aGUgQ29udGVudGZ1bCBjb25maWd1cmF0aW9uIGhhc24ndCBkaXZlcmdlZCBmcm9tIEdhbXV0IHJlc3RyaWN0aW9ucy5cbiAgY29uc3Qgc2FmZVZhcmlhbnQ6IEJhbm5lclZhcmlhbnQgPSBpc0FsbG93ZWRWYXJpYW50KHZhcmlhbnQpXG4gICAgPyB2YXJpYW50XG4gICAgOiAnbmF2eSc7XG5cbiAgY29uc3QgQmFubmVyQ29udGFpbmVyID1cbiAgICBzYWZlVmFyaWFudCA9PT0gJ3N1YnRsZScgPyBCYW5uZXJDb250YWluZXJCb3ggOiBCYW5uZXJDb250YWluZXJCYWNrZ3JvdW5kO1xuXG4gIHJldHVybiAoXG4gICAgPEJhbm5lckNvbnRhaW5lciB7Li4ucmVzdH0gYmc9e2Jhbm5lclZhcmlhbnRzW3NhZmVWYXJpYW50XX0+XG4gICAgICA8Qm94IGdyaWRBcmVhPVwiY29udGVudFwiIGZvbnRTaXplPVwiaW5oZXJpdFwiPlxuICAgICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICA8QmFubmVyTWFya2Rvd25cbiAgICAgICAgICAgIG92ZXJyaWRlcz17b3ZlcnJpZGVzfVxuICAgICAgICAgICAgdGV4dD17Y2hpbGRyZW59XG4gICAgICAgICAgICBza2lwRGVmYXVsdE92ZXJyaWRlcz17eyBhOiB0cnVlIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBjaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9Cb3g+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjbG9zZVwiIGFsaWduU2VsZj1cInN0YXJ0XCI+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e01pbmlEZWxldGVJY29ufVxuICAgICAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIHRpcD1cIkNsb3NlIGJhbm5lclwiXG4gICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJywgcGxhY2VtZW50OiAnZmxvYXRpbmcnIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvQmFubmVyQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
|
|
33
32
|
const BannerMarkdown = /*#__PURE__*/_styled(Markdown, {
|
|
34
33
|
target: "em3wgfy0",
|
|
35
34
|
label: "BannerMarkdown"
|
|
36
35
|
})(css({
|
|
37
36
|
fontSize: 'inherit'
|
|
38
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDdUIiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEljb25CdXR0b24sIE1hcmtkb3duLCBUZXh0QnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaURlbGV0ZUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBCYWNrZ3JvdW5kUHJvcHMsIGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgYmFubmVyVmFyaWFudHM7XG5jb25zdCBiYW5uZXJWYXJpYW50cyA9IHtcbiAgbmF2eTogJ25hdnknLFxuICB5ZWxsb3c6ICd5ZWxsb3cnLFxuICBzdWJ0bGU6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGlzQWxsb3dlZFZhcmlhbnQgPSAoXG4gIHZhcmlhbnQ6IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGxcbik6IHZhcmlhbnQgaXMgQmFubmVyVmFyaWFudCA9PlxuICBPYmplY3Qua2V5cyhiYW5uZXJWYXJpYW50cykuaW5jbHVkZXModmFyaWFudCBhcyBCYW5uZXJWYXJpYW50KTtcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJQcm9wc1xuICBleHRlbmRzIE9taXQ8QmFja2dyb3VuZFByb3BzLCAnYmcnIHwgJ2NvbnRhaW5lclR5cGUnPiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGUgfCBzdHJpbmc7XG4gIC8qKiBWaXN1YWwgdmFyaWF0aW9uIGZvciBiYW5uZXJzLCBkZWZhdWx0cyB0byBuYXZ5ICovXG4gIHZhcmlhbnQ/OiBCYW5uZXJWYXJpYW50IHwgbnVsbDtcbiAgLyoqICBDYWxsYmFjayBjYWxsZWQgd2hlbiB0aGUgdXNlciBjbG9zZXMgdGhlIGJhbm5lci4gKi9cbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG4gIC8qKiBDYWxsIHRvIGFjdGlvbiBjbGljayBjYWxsYmFjayAqL1xuICBvbkN0YUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nO1xufVxuXG5jb25zdCBiYW5uZXJTdHlsZXMgPSB7XG4gIHdpZHRoOiAnMTAwJScsXG4gIHA6IDQsXG4gIGRpc3BsYXk6ICdncmlkJyxcbiAgZ3JpZFRlbXBsYXRlQ29sdW1uczogJzJyZW0gbWlubWF4KDAsIDFmcikgMnJlbScsXG4gIGdyaWRUZW1wbGF0ZUFyZWFzOiBcIidlbXB0eSBjb250ZW50IGNsb3NlJ1wiLFxuICBjb2x1bW5HYXA6IDgsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgQmFubmVyQ29udGFpbmVyQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKShjc3MoYmFubmVyU3R5bGVzKSk7XG5cbmNvbnN0IEJhbm5lckNvbnRhaW5lckJveCA9IHN0eWxlZChCb3gpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgQmFubmVyTWFya2Rvd24gPSBzdHlsZWQoTWFya2Rvd24pKGNzcyh7IGZvbnRTaXplOiAnaW5oZXJpdCcgfSkpO1xuXG5jb25zdCBiaW5kQmFubmVyQW5jaG9yID0gKFxuICBvbkN0YUNsaWNrPzogQmFubmVyUHJvcHNbJ29uQ3RhQ2xpY2snXSxcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nXG4pID0+ICh7XG4gIGFsbG93ZWRBdHRyaWJ1dGVzOiBbJ2hyZWYnLCAndGFyZ2V0J10sXG4gIGNvbXBvbmVudDogVGV4dEJ1dHRvbixcbiAgcHJvY2Vzc05vZGU6IChfbm9kZTogdW5rbm93biwgcHJvcHM6IHsgb25DbGljaz86ICgpID0+IHZvaWQgfSkgPT4gKFxuICAgIDxUZXh0QnV0dG9uXG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIG9uQ3RhQ2xpY2s/LigpO1xuICAgICAgICBwcm9wcz8ub25DbGljaz8uKCk7XG4gICAgICB9fVxuICAgICAgbXg9ezR9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdGFyZ2V0PVwiX0JMQU5LXCJcbiAgICAgIGFyaWEtbGFiZWw9e2N0YUFyaWFMYWJlbH1cbiAgICAgIGRpc3BsYXk9e3sgXzogJ2Jsb2NrJywgeHM6ICdpbmxpbmUtZmxleCcgfX1cbiAgICAvPlxuICApLFxufSk7XG5cbmV4cG9ydCBjb25zdCBCYW5uZXI6IFJlYWN0LkZDPEJhbm5lclByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjdGFBcmlhTGFiZWwsXG4gIHZhcmlhbnQgPSAnbmF2eScsXG4gIG9uQ3RhQ2xpY2ssXG4gIG9uQ2xvc2UsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3Qgb3ZlcnJpZGVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgYTogYmluZEJhbm5lckFuY2hvcihvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWwpLFxuICAgIH0pLFxuICAgIFtvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWxdXG4gICk7XG5cbiAgLy8gQ29udGVudGZ1bCBpcyB1bmFibGUgdG8gcHJvZ3JhbW1hdGljYWxseSBjb21tdW5pY2F0ZSB3aGF0IHZhbHVlcyBpdCBkb2VzL2RvZXNuJ3QgYWxsb3cgaW4gdGhlc2Uga2luZHMgb2YgZmllbGRzLFxuICAvLyB3aGljaCBtYWtlcyBpdCBkaWZmaWN1bHQgZm9yIHVzIHRvIGVuc3VyZSB0aGUgQ29udGVudGZ1bCBjb25maWd1cmF0aW9uIGhhc24ndCBkaXZlcmdlZCBmcm9tIEdhbXV0IHJlc3RyaWN0aW9ucy5cbiAgY29uc3Qgc2FmZVZhcmlhbnQ6IEJhbm5lclZhcmlhbnQgPSBpc0FsbG93ZWRWYXJpYW50KHZhcmlhbnQpXG4gICAgPyB2YXJpYW50XG4gICAgOiAnbmF2eSc7XG5cbiAgY29uc3QgQmFubmVyQ29udGFpbmVyID1cbiAgICBzYWZlVmFyaWFudCA9PT0gJ3N1YnRsZScgPyBCYW5uZXJDb250YWluZXJCb3ggOiBCYW5uZXJDb250YWluZXJCYWNrZ3JvdW5kO1xuXG4gIHJldHVybiAoXG4gICAgPEJhbm5lckNvbnRhaW5lciB7Li4ucmVzdH0gYmc9e2Jhbm5lclZhcmlhbnRzW3NhZmVWYXJpYW50XX0+XG4gICAgICA8Qm94IGdyaWRBcmVhPVwiY29udGVudFwiIGZvbnRTaXplPVwiaW5oZXJpdFwiPlxuICAgICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICA8QmFubmVyTWFya2Rvd25cbiAgICAgICAgICAgIG92ZXJyaWRlcz17b3ZlcnJpZGVzfVxuICAgICAgICAgICAgdGV4dD17Y2hpbGRyZW59XG4gICAgICAgICAgICBza2lwRGVmYXVsdE92ZXJyaWRlcz17eyBhOiB0cnVlIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBjaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9Cb3g+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjbG9zZVwiIGFsaWduU2VsZj1cInN0YXJ0XCI+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e01pbmlEZWxldGVJY29ufVxuICAgICAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIHRpcD1cIkNsb3NlIGJhbm5lclwiXG4gICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJywgcGxhY2VtZW50OiAnZmxvYXRpbmcnIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvQmFubmVyQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
|
|
39
38
|
const bindBannerAnchor = (onCtaClick, ctaAriaLabel) => ({
|
|
40
39
|
allowedAttributes: ['href', 'target'],
|
|
41
40
|
component: TextButton,
|
|
@@ -61,12 +60,6 @@ export const Banner = ({
|
|
|
61
60
|
variant = 'navy',
|
|
62
61
|
onCtaClick,
|
|
63
62
|
onClose,
|
|
64
|
-
isInEnhancedBannerVariant,
|
|
65
|
-
header,
|
|
66
|
-
subheader,
|
|
67
|
-
cta,
|
|
68
|
-
countdownTo,
|
|
69
|
-
onCountdownExpire,
|
|
70
63
|
...rest
|
|
71
64
|
}) => {
|
|
72
65
|
const overrides = useMemo(() => ({
|
|
@@ -77,20 +70,6 @@ export const Banner = ({
|
|
|
77
70
|
// which makes it difficult for us to ensure the Contentful configuration hasn't diverged from Gamut restrictions.
|
|
78
71
|
const safeVariant = isAllowedVariant(variant) ? variant : 'navy';
|
|
79
72
|
const BannerContainer = safeVariant === 'subtle' ? BannerContainerBox : BannerContainerBackground;
|
|
80
|
-
if (isInEnhancedBannerVariant) {
|
|
81
|
-
return /*#__PURE__*/_jsx(EnhancedBanner, {
|
|
82
|
-
header: header,
|
|
83
|
-
subheader: subheader,
|
|
84
|
-
cta: cta,
|
|
85
|
-
countdownTo: countdownTo,
|
|
86
|
-
onCountdownExpire: onCountdownExpire,
|
|
87
|
-
variant: safeVariant,
|
|
88
|
-
onClose: onClose,
|
|
89
|
-
onCtaClick: onCtaClick,
|
|
90
|
-
...rest,
|
|
91
|
-
children: children
|
|
92
|
-
});
|
|
93
|
-
}
|
|
94
73
|
return /*#__PURE__*/_jsxs(BannerContainer, {
|
|
95
74
|
...rest,
|
|
96
75
|
bg: bannerVariants[safeVariant],
|
|
@@ -14,6 +14,9 @@ type CareerPathCardProps = {
|
|
|
14
14
|
timeToComplete?: number | null;
|
|
15
15
|
header?: React.ReactNode;
|
|
16
16
|
footer?: React.ReactNode;
|
|
17
|
+
openInNewTab?: boolean;
|
|
18
|
+
href: string;
|
|
19
|
+
onClick: () => void;
|
|
17
20
|
};
|
|
18
|
-
export declare const CareerPathCard:
|
|
21
|
+
export declare const CareerPathCard: import("react").ForwardRefExoticComponent<CareerPathCardProps & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
19
22
|
export {};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import { forwardRef } from 'react';
|
|
1
2
|
import { getPathImageUrl } from '../ContentGroupBaseCard/helpers';
|
|
2
3
|
import { ContentGroupBaseCard } from '../ContentGroupBaseCard/index';
|
|
3
|
-
import { CertificateComponent, CourseCountComponent
|
|
4
|
+
import { CertificateComponent, CourseCountComponent } from '../ContentGroupBaseCard/shared';
|
|
4
5
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
-
export const CareerPathCard = ({
|
|
6
|
+
export const CareerPathCard = /*#__PURE__*/forwardRef(({
|
|
6
7
|
imageUrl,
|
|
7
8
|
courseCount,
|
|
8
9
|
shortDescription,
|
|
@@ -15,8 +16,11 @@ export const CareerPathCard = ({
|
|
|
15
16
|
headingLevel = 'h3',
|
|
16
17
|
timeToComplete,
|
|
17
18
|
header,
|
|
18
|
-
footer
|
|
19
|
-
|
|
19
|
+
footer,
|
|
20
|
+
openInNewTab = false,
|
|
21
|
+
href,
|
|
22
|
+
onClick
|
|
23
|
+
}, ref) => {
|
|
20
24
|
return /*#__PURE__*/_jsxs(ContentGroupBaseCard, {
|
|
21
25
|
headerBackgroundColor: "navy",
|
|
22
26
|
headerText: "Career path",
|
|
@@ -32,10 +36,14 @@ export const CareerPathCard = ({
|
|
|
32
36
|
timeToComplete: timeToComplete,
|
|
33
37
|
header: header,
|
|
34
38
|
footer: footer,
|
|
35
|
-
|
|
39
|
+
href: href,
|
|
40
|
+
openInNewTab: openInNewTab,
|
|
41
|
+
onClick: onClick,
|
|
42
|
+
ref: ref,
|
|
43
|
+
children: [/*#__PURE__*/_jsx(CourseCountComponent, {
|
|
36
44
|
count: courseCount
|
|
37
|
-
}), /*#__PURE__*/_jsx(
|
|
45
|
+
}), /*#__PURE__*/_jsx(CertificateComponent, {
|
|
38
46
|
professionalCert: !!hasCareerJourney
|
|
39
47
|
})]
|
|
40
48
|
});
|
|
41
|
-
};
|
|
49
|
+
});
|
|
@@ -15,6 +15,9 @@ export interface CertificationPathCardProps {
|
|
|
15
15
|
timeToComplete?: number | null;
|
|
16
16
|
header?: React.ReactNode;
|
|
17
17
|
footer?: React.ReactNode;
|
|
18
|
+
openInNewTab?: boolean;
|
|
19
|
+
href: string;
|
|
20
|
+
onClick: () => void;
|
|
18
21
|
}
|
|
19
|
-
export declare const CertificationPathCard:
|
|
22
|
+
export declare const CertificationPathCard: import("react").ForwardRefExoticComponent<CertificationPathCardProps & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
20
23
|
export {};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { forwardRef } from 'react';
|
|
1
2
|
import { ContentGroupBaseCard } from '../ContentGroupBaseCard';
|
|
2
|
-
import { CourseCountComponent
|
|
3
|
-
import { jsx as _jsx
|
|
4
|
-
export const CertificationPathCard = ({
|
|
3
|
+
import { CourseCountComponent } from '../ContentGroupBaseCard/shared';
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
export const CertificationPathCard = /*#__PURE__*/forwardRef(({
|
|
5
6
|
title,
|
|
6
7
|
courseCount,
|
|
7
8
|
enrollmentStatus,
|
|
@@ -11,13 +12,16 @@ export const CertificationPathCard = ({
|
|
|
11
12
|
headingLevel,
|
|
12
13
|
timeToComplete,
|
|
13
14
|
header,
|
|
14
|
-
footer
|
|
15
|
-
|
|
15
|
+
footer,
|
|
16
|
+
openInNewTab = false,
|
|
17
|
+
href,
|
|
18
|
+
onClick
|
|
19
|
+
}, ref) => {
|
|
16
20
|
const logoWidthOverrides = {
|
|
17
21
|
AWS: 28,
|
|
18
22
|
Microsoft: 20
|
|
19
23
|
};
|
|
20
|
-
return /*#__PURE__*/
|
|
24
|
+
return /*#__PURE__*/_jsx(ContentGroupBaseCard, {
|
|
21
25
|
headerBackgroundColor: "orange-100",
|
|
22
26
|
headerText: "Certification path",
|
|
23
27
|
title: title,
|
|
@@ -35,8 +39,12 @@ export const CertificationPathCard = ({
|
|
|
35
39
|
},
|
|
36
40
|
header: header,
|
|
37
41
|
footer: footer,
|
|
38
|
-
|
|
42
|
+
openInNewTab: openInNewTab,
|
|
43
|
+
href: href,
|
|
44
|
+
onClick: onClick,
|
|
45
|
+
ref: ref,
|
|
46
|
+
children: /*#__PURE__*/_jsx(CourseCountComponent, {
|
|
39
47
|
count: courseCount
|
|
40
|
-
})
|
|
48
|
+
})
|
|
41
49
|
});
|
|
42
|
-
};
|
|
50
|
+
});
|
|
@@ -2,7 +2,7 @@ import { HeadingTags } from '@codecademy/gamut';
|
|
|
2
2
|
import { Colors } from '@codecademy/gamut-styles';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { CourseDifficulty, EnrollmentStatus } from './types';
|
|
5
|
-
type ContentGroupBaseCardProps = {
|
|
5
|
+
export type ContentGroupBaseCardProps = {
|
|
6
6
|
headerBackgroundColor: Colors;
|
|
7
7
|
headerText: string;
|
|
8
8
|
title: string;
|
|
@@ -23,9 +23,11 @@ type ContentGroupBaseCardProps = {
|
|
|
23
23
|
children?: React.ReactNode;
|
|
24
24
|
header?: React.ReactNode;
|
|
25
25
|
footer?: React.ReactNode;
|
|
26
|
+
openInNewTab?: boolean;
|
|
27
|
+
href: string;
|
|
28
|
+
onClick: () => void;
|
|
26
29
|
};
|
|
27
30
|
export declare const ContentGroupBaseCardHeaderBackground: import("@emotion/styled").StyledComponent<Omit<import("@codecademy/gamut-styles").BackgroundProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
|
|
28
31
|
theme?: import("@emotion/react").Theme;
|
|
29
32
|
}, {}, {}>;
|
|
30
|
-
export declare const ContentGroupBaseCard: React.
|
|
31
|
-
export {};
|
|
33
|
+
export declare const ContentGroupBaseCard: React.ForwardRefExoticComponent<ContentGroupBaseCardProps & React.RefAttributes<HTMLAnchorElement>>;
|