@codecademy/brand 3.36.3 → 3.37.0-alpha.65d1b8b3f0.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.
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface HeroImageProps {
|
|
3
|
+
src: string;
|
|
4
|
+
srcSet?: string;
|
|
5
|
+
alt: string;
|
|
6
|
+
width?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface HeroNameTagProps {
|
|
9
|
+
name: string;
|
|
10
|
+
role: string;
|
|
11
|
+
}
|
|
12
|
+
export interface HeroCTAProps {
|
|
13
|
+
description?: string | React.ReactNode;
|
|
14
|
+
buttonText: string;
|
|
15
|
+
buttonHref: string;
|
|
16
|
+
onButtonClick?: () => void;
|
|
17
|
+
secondaryText?: string;
|
|
18
|
+
}
|
|
19
|
+
export interface LiveLearningHeroProps {
|
|
20
|
+
badge?: React.ReactNode;
|
|
21
|
+
title: string;
|
|
22
|
+
subtitle?: string;
|
|
23
|
+
description: string;
|
|
24
|
+
cta: HeroCTAProps;
|
|
25
|
+
image?: HeroImageProps;
|
|
26
|
+
nameTag?: HeroNameTagProps;
|
|
27
|
+
}
|
|
28
|
+
export declare const LiveLearningHero: React.FC<LiveLearningHeroProps>;
|
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
2
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
3
|
+
import { Box, ContentContainer, FillButton, FlexBox, GridBox, Text } from '@codecademy/gamut';
|
|
4
|
+
import { DotLoose } from '@codecademy/gamut-patterns';
|
|
5
|
+
import { Background, theme } from '@codecademy/gamut-styles';
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
const StyledBackground = /*#__PURE__*/_styled(Background, {
|
|
9
|
+
target: "e16ftld82",
|
|
10
|
+
label: "StyledBackground"
|
|
11
|
+
})("background-image:radial-gradient(\n farthest-corner circle at 50% 300%,\n ", theme.colors['blue-500'], ",\n transparent\n );" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYW5kaW5nUGFnZS9MaXZlTGVhcm5pbmdIZXJvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzJDIiwiZmlsZSI6Ii4uLy4uL3NyYy9MYW5kaW5nUGFnZS9MaXZlTGVhcm5pbmdIZXJvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgQ29udGVudENvbnRhaW5lcixcbiAgRmlsbEJ1dHRvbixcbiAgRmxleEJveCxcbiAgR3JpZEJveCxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgRG90TG9vc2UgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1wYXR0ZXJucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEhlcm9JbWFnZVByb3BzIHtcbiAgc3JjOiBzdHJpbmc7XG4gIHNyY1NldD86IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG4gIHdpZHRoPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEhlcm9OYW1lVGFnUHJvcHMge1xuICBuYW1lOiBzdHJpbmc7XG4gIHJvbGU6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBIZXJvQ1RBUHJvcHMge1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgYnV0dG9uVGV4dDogc3RyaW5nO1xuICBidXR0b25IcmVmOiBzdHJpbmc7XG4gIG9uQnV0dG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBzZWNvbmRhcnlUZXh0Pzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIExpdmVMZWFybmluZ0hlcm9Qcm9wcyB7XG4gIGJhZGdlPzogUmVhY3QuUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZT86IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgY3RhOiBIZXJvQ1RBUHJvcHM7XG4gIGltYWdlPzogSGVyb0ltYWdlUHJvcHM7XG4gIG5hbWVUYWc/OiBIZXJvTmFtZVRhZ1Byb3BzO1xufVxuXG5jb25zdCBTdHlsZWRCYWNrZ3JvdW5kID0gc3R5bGVkKEJhY2tncm91bmQpYFxuICBiYWNrZ3JvdW5kLWltYWdlOiByYWRpYWwtZ3JhZGllbnQoXG4gICAgZmFydGhlc3QtY29ybmVyIGNpcmNsZSBhdCA1MCUgMzAwJSxcbiAgICAke3RoZW1lLmNvbG9yc1snYmx1ZS01MDAnXX0sXG4gICAgdHJhbnNwYXJlbnRcbiAgKTtcbmA7XG5cbmNvbnN0IE5hbWVUYWcgPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDEwMHB4O1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgOTBkZWcsXG4gICAgcmdiYSgxNiwgMjIsIDQ3LCAwLjg2KSA0MS4zNSUsXG4gICAgcmdiYSgxNiwgMjIsIDQ3LCAwKSAxMDAlXG4gICk7XG5gO1xuXG5jb25zdCBJbWFnZSA9IHN0eWxlZChCb3gpYGAud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmV4cG9ydCBjb25zdCBMaXZlTGVhcm5pbmdIZXJvOiBSZWFjdC5GQzxMaXZlTGVhcm5pbmdIZXJvUHJvcHM+ID0gKHtcbiAgYmFkZ2UsXG4gIHRpdGxlLFxuICBzdWJ0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIGN0YSxcbiAgaW1hZ2UsXG4gIG5hbWVUYWcsXG59KSA9PiAoXG4gIDxTdHlsZWRCYWNrZ3JvdW5kIGJnPVwiYmxhY2tcIiBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgPEJveFxuICAgICAgY29sb3I9XCJibHVlLTgwMFwiXG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIGxlZnQ9ezB9XG4gICAgICByaWdodD17MH1cbiAgICAgIHRvcD17MH1cbiAgICAgIGJvdHRvbT17MH1cbiAgICAgIG1heFdpZHRoPXsxNDQwfVxuICAgICAgcHg9e3sgbWQ6IDMyLCBsZzogNjQgfX1cbiAgICAgIG09XCJhdXRvXCJcbiAgICA+XG4gICAgICA8RG90TG9vc2UgaGVpZ2h0PXt7IF86ICc2NSUnLCBzbTogJzg1JScsIG1kOiAnMTAwJScgfX0gd2lkdGg9XCIxMDAlXCIgLz5cbiAgICA8L0JveD5cbiAgICA8Q29udGVudENvbnRhaW5lciBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICA8R3JpZEJveFxuICAgICAgICBjb2x1bW5HYXA9e3sgc206IDE2LCBtZDogMzIgfX1cbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgc206ICdyZXBlYXQoMTIsIDFmciknIH19XG4gICAgICAgIGdyaWRUZW1wbGF0ZUFyZWFzPXt7XG4gICAgICAgICAgXzogYFwidGl0bGVcIlxuICAgICAgICAgICAgICBcImN0YVwiXG4gICAgICAgICAgICAgICR7aW1hZ2UgPyAnXCJwb3J0cmFpdFwiJyA6ICcnfWAsXG5cbiAgICAgICAgICBzbTogaW1hZ2VcbiAgICAgICAgICAgID8gYFwidGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgICAgdGl0bGUgICAgdGl0bGUgICAgdGl0bGUgICAgdGl0bGVcIlxuICAgICAgICAgICAgICAgXCJjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdFwiYFxuICAgICAgICAgICAgOiBgXCJ0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZVwiXG4gICAgICAgICAgICAgICBcImN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YVwiYCxcblxuICAgICAgICAgIG1kOiBpbWFnZVxuICAgICAgICAgICAgPyBgXCJ0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSAuICAgICBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdFwiXG4gICAgICAgICAgICAgICBcImN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIC4gICAgIHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0XCJgXG4gICAgICAgICAgICA6IGBcInRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC5cIlxuICAgICAgICAgICAgICAgXCJjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICAuICAgICAuICAgICAuICAgICAuICAgICAuICAgICAuICAgICAuXCJgLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8Qm94IGdyaWRBcmVhPVwidGl0bGVcIiBwdD17eyBfOiA0OCwgbWQ6IDY0IH19PlxuICAgICAgICAgIHtiYWRnZSAmJiA8Qm94IG1iPXs4fT57YmFkZ2V9PC9Cb3g+fVxuICAgICAgICAgIDxUZXh0IGFzPVwiaDFcIiB2YXJpYW50PVwidGl0bGUteHhsXCI+XG4gICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIHtzdWJ0aXRsZSAmJiAoXG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGl0bGUtbWRcIiBtYj17MjR9PlxuICAgICAgICAgICAgICB7c3VidGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiPntkZXNjcmlwdGlvbn08L1RleHQ+XG4gICAgICAgIDwvQm94PlxuXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjdGFcIiBtdD17MjR9IHBiPXt7IF86IDE2LCBzbTogNDggfX0+XG4gICAgICAgICAge2N0YS5kZXNjcmlwdGlvbiAmJiA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiPntjdGEuZGVzY3JpcHRpb259PC9UZXh0Pn1cbiAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnY2VudGVyJywgc206ICdmbGV4LXN0YXJ0JywgbWQ6ICdjZW50ZXInIH19XG4gICAgICAgICAgICBmbGV4RGlyZWN0aW9uPXt7IF86ICdjb2x1bW4nLCBtZDogJ3JvdycgfX1cbiAgICAgICAgICAgIGdhcD17MTZ9XG4gICAgICAgICAgICAvLyBtdD17MjR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgd2lkdGg9e3sgXzogJzEwMCUnLCBzbTogJ2F1dG8nIH19XG4gICAgICAgICAgICAgIGhyZWY9e2N0YS5idXR0b25IcmVmfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtjdGEub25CdXR0b25DbGlja31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2N0YS5idXR0b25UZXh0fVxuICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAge2N0YS5zZWNvbmRhcnlUZXh0ICYmIDxUZXh0PntjdGEuc2Vjb25kYXJ5VGV4dH08L1RleHQ+fVxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAge2ltYWdlICYmIChcbiAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgZ3JpZEFyZWE9XCJwb3J0cmFpdFwiXG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiZmxleC1lbmRcIlxuICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJmbGV4LWVuZFwiXG4gICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgIG10PXt7IF86IDI0LCBtZDogMCB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxJbWFnZVxuICAgICAgICAgICAgICBzcmM9e2ltYWdlLnNyY31cbiAgICAgICAgICAgICAgc3JjU2V0PXtpbWFnZS5zcmNTZXR9XG4gICAgICAgICAgICAgIGFsdD17aW1hZ2UuYWx0fVxuICAgICAgICAgICAgICB3aWR0aD17aW1hZ2Uud2lkdGggfHwgJzgwJSd9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge25hbWVUYWcgJiYgKFxuICAgICAgICAgICAgICA8TmFtZVRhZ1xuICAgICAgICAgICAgICAgIGNvbHVtblxuICAgICAgICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgICAgICAgIGJvdHRvbT17MH1cbiAgICAgICAgICAgICAgICBsZWZ0PXswfVxuICAgICAgICAgICAgICAgIHJpZ2h0PXswfVxuICAgICAgICAgICAgICAgIGdhcD17NH1cbiAgICAgICAgICAgICAgICBweT17MTZ9XG4gICAgICAgICAgICAgICAgcGw9ezY0fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHQgZm9udFNpemU9e3sgXzogMTYsIG1kOiAyMCB9fSBmb250V2VpZ2h0PXt7IG1kOiAnYm9sZCcgfX0+XG4gICAgICAgICAgICAgICAgICB7bmFtZVRhZy5uYW1lfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCBmb250U2l6ZT17eyBfOiAxNCwgbWQ6IDE2IH19IGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIj5cbiAgICAgICAgICAgICAgICAgIHtuYW1lVGFnLnJvbGV9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L05hbWVUYWc+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgKX1cbiAgICAgIDwvR3JpZEJveD5cbiAgICA8L0NvbnRlbnRDb250YWluZXI+XG4gIDwvU3R5bGVkQmFja2dyb3VuZD5cbik7XG4iXX0= */"));
|
|
12
|
+
const NameTag = /*#__PURE__*/_styled(FlexBox, {
|
|
13
|
+
target: "e16ftld81",
|
|
14
|
+
label: "NameTag"
|
|
15
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
16
|
+
name: "1fojekp",
|
|
17
|
+
styles: "border-top-left-radius:100px;background:linear-gradient(\n 90deg,\n rgba(16, 22, 47, 0.86) 41.35%,\n rgba(16, 22, 47, 0) 100%\n )"
|
|
18
|
+
} : {
|
|
19
|
+
name: "1fojekp",
|
|
20
|
+
styles: "border-top-left-radius:100px;background:linear-gradient(\n 90deg,\n rgba(16, 22, 47, 0.86) 41.35%,\n rgba(16, 22, 47, 0) 100%\n )/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYW5kaW5nUGFnZS9MaXZlTGVhcm5pbmdIZXJvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRCtCIiwiZmlsZSI6Ii4uLy4uL3NyYy9MYW5kaW5nUGFnZS9MaXZlTGVhcm5pbmdIZXJvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgQ29udGVudENvbnRhaW5lcixcbiAgRmlsbEJ1dHRvbixcbiAgRmxleEJveCxcbiAgR3JpZEJveCxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgRG90TG9vc2UgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1wYXR0ZXJucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEhlcm9JbWFnZVByb3BzIHtcbiAgc3JjOiBzdHJpbmc7XG4gIHNyY1NldD86IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG4gIHdpZHRoPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEhlcm9OYW1lVGFnUHJvcHMge1xuICBuYW1lOiBzdHJpbmc7XG4gIHJvbGU6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBIZXJvQ1RBUHJvcHMge1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgYnV0dG9uVGV4dDogc3RyaW5nO1xuICBidXR0b25IcmVmOiBzdHJpbmc7XG4gIG9uQnV0dG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBzZWNvbmRhcnlUZXh0Pzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIExpdmVMZWFybmluZ0hlcm9Qcm9wcyB7XG4gIGJhZGdlPzogUmVhY3QuUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZT86IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgY3RhOiBIZXJvQ1RBUHJvcHM7XG4gIGltYWdlPzogSGVyb0ltYWdlUHJvcHM7XG4gIG5hbWVUYWc/OiBIZXJvTmFtZVRhZ1Byb3BzO1xufVxuXG5jb25zdCBTdHlsZWRCYWNrZ3JvdW5kID0gc3R5bGVkKEJhY2tncm91bmQpYFxuICBiYWNrZ3JvdW5kLWltYWdlOiByYWRpYWwtZ3JhZGllbnQoXG4gICAgZmFydGhlc3QtY29ybmVyIGNpcmNsZSBhdCA1MCUgMzAwJSxcbiAgICAke3RoZW1lLmNvbG9yc1snYmx1ZS01MDAnXX0sXG4gICAgdHJhbnNwYXJlbnRcbiAgKTtcbmA7XG5cbmNvbnN0IE5hbWVUYWcgPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDEwMHB4O1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgOTBkZWcsXG4gICAgcmdiYSgxNiwgMjIsIDQ3LCAwLjg2KSA0MS4zNSUsXG4gICAgcmdiYSgxNiwgMjIsIDQ3LCAwKSAxMDAlXG4gICk7XG5gO1xuXG5jb25zdCBJbWFnZSA9IHN0eWxlZChCb3gpYGAud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmV4cG9ydCBjb25zdCBMaXZlTGVhcm5pbmdIZXJvOiBSZWFjdC5GQzxMaXZlTGVhcm5pbmdIZXJvUHJvcHM+ID0gKHtcbiAgYmFkZ2UsXG4gIHRpdGxlLFxuICBzdWJ0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIGN0YSxcbiAgaW1hZ2UsXG4gIG5hbWVUYWcsXG59KSA9PiAoXG4gIDxTdHlsZWRCYWNrZ3JvdW5kIGJnPVwiYmxhY2tcIiBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgPEJveFxuICAgICAgY29sb3I9XCJibHVlLTgwMFwiXG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIGxlZnQ9ezB9XG4gICAgICByaWdodD17MH1cbiAgICAgIHRvcD17MH1cbiAgICAgIGJvdHRvbT17MH1cbiAgICAgIG1heFdpZHRoPXsxNDQwfVxuICAgICAgcHg9e3sgbWQ6IDMyLCBsZzogNjQgfX1cbiAgICAgIG09XCJhdXRvXCJcbiAgICA+XG4gICAgICA8RG90TG9vc2UgaGVpZ2h0PXt7IF86ICc2NSUnLCBzbTogJzg1JScsIG1kOiAnMTAwJScgfX0gd2lkdGg9XCIxMDAlXCIgLz5cbiAgICA8L0JveD5cbiAgICA8Q29udGVudENvbnRhaW5lciBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICA8R3JpZEJveFxuICAgICAgICBjb2x1bW5HYXA9e3sgc206IDE2LCBtZDogMzIgfX1cbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgc206ICdyZXBlYXQoMTIsIDFmciknIH19XG4gICAgICAgIGdyaWRUZW1wbGF0ZUFyZWFzPXt7XG4gICAgICAgICAgXzogYFwidGl0bGVcIlxuICAgICAgICAgICAgICBcImN0YVwiXG4gICAgICAgICAgICAgICR7aW1hZ2UgPyAnXCJwb3J0cmFpdFwiJyA6ICcnfWAsXG5cbiAgICAgICAgICBzbTogaW1hZ2VcbiAgICAgICAgICAgID8gYFwidGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgICAgdGl0bGUgICAgdGl0bGUgICAgdGl0bGUgICAgdGl0bGVcIlxuICAgICAgICAgICAgICAgXCJjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdFwiYFxuICAgICAgICAgICAgOiBgXCJ0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZVwiXG4gICAgICAgICAgICAgICBcImN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YVwiYCxcblxuICAgICAgICAgIG1kOiBpbWFnZVxuICAgICAgICAgICAgPyBgXCJ0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSAuICAgICBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdFwiXG4gICAgICAgICAgICAgICBcImN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIC4gICAgIHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0XCJgXG4gICAgICAgICAgICA6IGBcInRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC5cIlxuICAgICAgICAgICAgICAgXCJjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICAuICAgICAuICAgICAuICAgICAuICAgICAuICAgICAuICAgICAuXCJgLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8Qm94IGdyaWRBcmVhPVwidGl0bGVcIiBwdD17eyBfOiA0OCwgbWQ6IDY0IH19PlxuICAgICAgICAgIHtiYWRnZSAmJiA8Qm94IG1iPXs4fT57YmFkZ2V9PC9Cb3g+fVxuICAgICAgICAgIDxUZXh0IGFzPVwiaDFcIiB2YXJpYW50PVwidGl0bGUteHhsXCI+XG4gICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIHtzdWJ0aXRsZSAmJiAoXG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGl0bGUtbWRcIiBtYj17MjR9PlxuICAgICAgICAgICAgICB7c3VidGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiPntkZXNjcmlwdGlvbn08L1RleHQ+XG4gICAgICAgIDwvQm94PlxuXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjdGFcIiBtdD17MjR9IHBiPXt7IF86IDE2LCBzbTogNDggfX0+XG4gICAgICAgICAge2N0YS5kZXNjcmlwdGlvbiAmJiA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiPntjdGEuZGVzY3JpcHRpb259PC9UZXh0Pn1cbiAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnY2VudGVyJywgc206ICdmbGV4LXN0YXJ0JywgbWQ6ICdjZW50ZXInIH19XG4gICAgICAgICAgICBmbGV4RGlyZWN0aW9uPXt7IF86ICdjb2x1bW4nLCBtZDogJ3JvdycgfX1cbiAgICAgICAgICAgIGdhcD17MTZ9XG4gICAgICAgICAgICAvLyBtdD17MjR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgd2lkdGg9e3sgXzogJzEwMCUnLCBzbTogJ2F1dG8nIH19XG4gICAgICAgICAgICAgIGhyZWY9e2N0YS5idXR0b25IcmVmfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtjdGEub25CdXR0b25DbGlja31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2N0YS5idXR0b25UZXh0fVxuICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAge2N0YS5zZWNvbmRhcnlUZXh0ICYmIDxUZXh0PntjdGEuc2Vjb25kYXJ5VGV4dH08L1RleHQ+fVxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAge2ltYWdlICYmIChcbiAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgZ3JpZEFyZWE9XCJwb3J0cmFpdFwiXG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiZmxleC1lbmRcIlxuICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJmbGV4LWVuZFwiXG4gICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgIG10PXt7IF86IDI0LCBtZDogMCB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxJbWFnZVxuICAgICAgICAgICAgICBzcmM9e2ltYWdlLnNyY31cbiAgICAgICAgICAgICAgc3JjU2V0PXtpbWFnZS5zcmNTZXR9XG4gICAgICAgICAgICAgIGFsdD17aW1hZ2UuYWx0fVxuICAgICAgICAgICAgICB3aWR0aD17aW1hZ2Uud2lkdGggfHwgJzgwJSd9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge25hbWVUYWcgJiYgKFxuICAgICAgICAgICAgICA8TmFtZVRhZ1xuICAgICAgICAgICAgICAgIGNvbHVtblxuICAgICAgICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgICAgICAgIGJvdHRvbT17MH1cbiAgICAgICAgICAgICAgICBsZWZ0PXswfVxuICAgICAgICAgICAgICAgIHJpZ2h0PXswfVxuICAgICAgICAgICAgICAgIGdhcD17NH1cbiAgICAgICAgICAgICAgICBweT17MTZ9XG4gICAgICAgICAgICAgICAgcGw9ezY0fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHQgZm9udFNpemU9e3sgXzogMTYsIG1kOiAyMCB9fSBmb250V2VpZ2h0PXt7IG1kOiAnYm9sZCcgfX0+XG4gICAgICAgICAgICAgICAgICB7bmFtZVRhZy5uYW1lfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCBmb250U2l6ZT17eyBfOiAxNCwgbWQ6IDE2IH19IGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIj5cbiAgICAgICAgICAgICAgICAgIHtuYW1lVGFnLnJvbGV9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L05hbWVUYWc+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgKX1cbiAgICAgIDwvR3JpZEJveD5cbiAgICA8L0NvbnRlbnRDb250YWluZXI+XG4gIDwvU3R5bGVkQmFja2dyb3VuZD5cbik7XG4iXX0= */",
|
|
21
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
22
|
+
});
|
|
23
|
+
const Image = /*#__PURE__*/_styled(Box, {
|
|
24
|
+
target: "e16ftld80",
|
|
25
|
+
label: "Image"
|
|
26
|
+
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYW5kaW5nUGFnZS9MaXZlTGVhcm5pbmdIZXJvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RHlCIiwiZmlsZSI6Ii4uLy4uL3NyYy9MYW5kaW5nUGFnZS9MaXZlTGVhcm5pbmdIZXJvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgQ29udGVudENvbnRhaW5lcixcbiAgRmlsbEJ1dHRvbixcbiAgRmxleEJveCxcbiAgR3JpZEJveCxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgRG90TG9vc2UgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1wYXR0ZXJucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEhlcm9JbWFnZVByb3BzIHtcbiAgc3JjOiBzdHJpbmc7XG4gIHNyY1NldD86IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG4gIHdpZHRoPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEhlcm9OYW1lVGFnUHJvcHMge1xuICBuYW1lOiBzdHJpbmc7XG4gIHJvbGU6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBIZXJvQ1RBUHJvcHMge1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgYnV0dG9uVGV4dDogc3RyaW5nO1xuICBidXR0b25IcmVmOiBzdHJpbmc7XG4gIG9uQnV0dG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBzZWNvbmRhcnlUZXh0Pzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIExpdmVMZWFybmluZ0hlcm9Qcm9wcyB7XG4gIGJhZGdlPzogUmVhY3QuUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZT86IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgY3RhOiBIZXJvQ1RBUHJvcHM7XG4gIGltYWdlPzogSGVyb0ltYWdlUHJvcHM7XG4gIG5hbWVUYWc/OiBIZXJvTmFtZVRhZ1Byb3BzO1xufVxuXG5jb25zdCBTdHlsZWRCYWNrZ3JvdW5kID0gc3R5bGVkKEJhY2tncm91bmQpYFxuICBiYWNrZ3JvdW5kLWltYWdlOiByYWRpYWwtZ3JhZGllbnQoXG4gICAgZmFydGhlc3QtY29ybmVyIGNpcmNsZSBhdCA1MCUgMzAwJSxcbiAgICAke3RoZW1lLmNvbG9yc1snYmx1ZS01MDAnXX0sXG4gICAgdHJhbnNwYXJlbnRcbiAgKTtcbmA7XG5cbmNvbnN0IE5hbWVUYWcgPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDEwMHB4O1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgOTBkZWcsXG4gICAgcmdiYSgxNiwgMjIsIDQ3LCAwLjg2KSA0MS4zNSUsXG4gICAgcmdiYSgxNiwgMjIsIDQ3LCAwKSAxMDAlXG4gICk7XG5gO1xuXG5jb25zdCBJbWFnZSA9IHN0eWxlZChCb3gpYGAud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmV4cG9ydCBjb25zdCBMaXZlTGVhcm5pbmdIZXJvOiBSZWFjdC5GQzxMaXZlTGVhcm5pbmdIZXJvUHJvcHM+ID0gKHtcbiAgYmFkZ2UsXG4gIHRpdGxlLFxuICBzdWJ0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIGN0YSxcbiAgaW1hZ2UsXG4gIG5hbWVUYWcsXG59KSA9PiAoXG4gIDxTdHlsZWRCYWNrZ3JvdW5kIGJnPVwiYmxhY2tcIiBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgPEJveFxuICAgICAgY29sb3I9XCJibHVlLTgwMFwiXG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIGxlZnQ9ezB9XG4gICAgICByaWdodD17MH1cbiAgICAgIHRvcD17MH1cbiAgICAgIGJvdHRvbT17MH1cbiAgICAgIG1heFdpZHRoPXsxNDQwfVxuICAgICAgcHg9e3sgbWQ6IDMyLCBsZzogNjQgfX1cbiAgICAgIG09XCJhdXRvXCJcbiAgICA+XG4gICAgICA8RG90TG9vc2UgaGVpZ2h0PXt7IF86ICc2NSUnLCBzbTogJzg1JScsIG1kOiAnMTAwJScgfX0gd2lkdGg9XCIxMDAlXCIgLz5cbiAgICA8L0JveD5cbiAgICA8Q29udGVudENvbnRhaW5lciBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICA8R3JpZEJveFxuICAgICAgICBjb2x1bW5HYXA9e3sgc206IDE2LCBtZDogMzIgfX1cbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgc206ICdyZXBlYXQoMTIsIDFmciknIH19XG4gICAgICAgIGdyaWRUZW1wbGF0ZUFyZWFzPXt7XG4gICAgICAgICAgXzogYFwidGl0bGVcIlxuICAgICAgICAgICAgICBcImN0YVwiXG4gICAgICAgICAgICAgICR7aW1hZ2UgPyAnXCJwb3J0cmFpdFwiJyA6ICcnfWAsXG5cbiAgICAgICAgICBzbTogaW1hZ2VcbiAgICAgICAgICAgID8gYFwidGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgICAgdGl0bGUgICAgdGl0bGUgICAgdGl0bGUgICAgdGl0bGVcIlxuICAgICAgICAgICAgICAgXCJjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdFwiYFxuICAgICAgICAgICAgOiBgXCJ0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZVwiXG4gICAgICAgICAgICAgICBcImN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YVwiYCxcblxuICAgICAgICAgIG1kOiBpbWFnZVxuICAgICAgICAgICAgPyBgXCJ0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSAuICAgICBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdFwiXG4gICAgICAgICAgICAgICBcImN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIC4gICAgIHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0XCJgXG4gICAgICAgICAgICA6IGBcInRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC5cIlxuICAgICAgICAgICAgICAgXCJjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICAuICAgICAuICAgICAuICAgICAuICAgICAuICAgICAuICAgICAuXCJgLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8Qm94IGdyaWRBcmVhPVwidGl0bGVcIiBwdD17eyBfOiA0OCwgbWQ6IDY0IH19PlxuICAgICAgICAgIHtiYWRnZSAmJiA8Qm94IG1iPXs4fT57YmFkZ2V9PC9Cb3g+fVxuICAgICAgICAgIDxUZXh0IGFzPVwiaDFcIiB2YXJpYW50PVwidGl0bGUteHhsXCI+XG4gICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIHtzdWJ0aXRsZSAmJiAoXG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGl0bGUtbWRcIiBtYj17MjR9PlxuICAgICAgICAgICAgICB7c3VidGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiPntkZXNjcmlwdGlvbn08L1RleHQ+XG4gICAgICAgIDwvQm94PlxuXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjdGFcIiBtdD17MjR9IHBiPXt7IF86IDE2LCBzbTogNDggfX0+XG4gICAgICAgICAge2N0YS5kZXNjcmlwdGlvbiAmJiA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiPntjdGEuZGVzY3JpcHRpb259PC9UZXh0Pn1cbiAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnY2VudGVyJywgc206ICdmbGV4LXN0YXJ0JywgbWQ6ICdjZW50ZXInIH19XG4gICAgICAgICAgICBmbGV4RGlyZWN0aW9uPXt7IF86ICdjb2x1bW4nLCBtZDogJ3JvdycgfX1cbiAgICAgICAgICAgIGdhcD17MTZ9XG4gICAgICAgICAgICAvLyBtdD17MjR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgd2lkdGg9e3sgXzogJzEwMCUnLCBzbTogJ2F1dG8nIH19XG4gICAgICAgICAgICAgIGhyZWY9e2N0YS5idXR0b25IcmVmfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtjdGEub25CdXR0b25DbGlja31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2N0YS5idXR0b25UZXh0fVxuICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAge2N0YS5zZWNvbmRhcnlUZXh0ICYmIDxUZXh0PntjdGEuc2Vjb25kYXJ5VGV4dH08L1RleHQ+fVxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAge2ltYWdlICYmIChcbiAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgZ3JpZEFyZWE9XCJwb3J0cmFpdFwiXG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiZmxleC1lbmRcIlxuICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJmbGV4LWVuZFwiXG4gICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgIG10PXt7IF86IDI0LCBtZDogMCB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxJbWFnZVxuICAgICAgICAgICAgICBzcmM9e2ltYWdlLnNyY31cbiAgICAgICAgICAgICAgc3JjU2V0PXtpbWFnZS5zcmNTZXR9XG4gICAgICAgICAgICAgIGFsdD17aW1hZ2UuYWx0fVxuICAgICAgICAgICAgICB3aWR0aD17aW1hZ2Uud2lkdGggfHwgJzgwJSd9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge25hbWVUYWcgJiYgKFxuICAgICAgICAgICAgICA8TmFtZVRhZ1xuICAgICAgICAgICAgICAgIGNvbHVtblxuICAgICAgICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgICAgICAgIGJvdHRvbT17MH1cbiAgICAgICAgICAgICAgICBsZWZ0PXswfVxuICAgICAgICAgICAgICAgIHJpZ2h0PXswfVxuICAgICAgICAgICAgICAgIGdhcD17NH1cbiAgICAgICAgICAgICAgICBweT17MTZ9XG4gICAgICAgICAgICAgICAgcGw9ezY0fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHQgZm9udFNpemU9e3sgXzogMTYsIG1kOiAyMCB9fSBmb250V2VpZ2h0PXt7IG1kOiAnYm9sZCcgfX0+XG4gICAgICAgICAgICAgICAgICB7bmFtZVRhZy5uYW1lfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCBmb250U2l6ZT17eyBfOiAxNCwgbWQ6IDE2IH19IGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIj5cbiAgICAgICAgICAgICAgICAgIHtuYW1lVGFnLnJvbGV9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L05hbWVUYWc+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgKX1cbiAgICAgIDwvR3JpZEJveD5cbiAgICA8L0NvbnRlbnRDb250YWluZXI+XG4gIDwvU3R5bGVkQmFja2dyb3VuZD5cbik7XG4iXX0= */").withComponent('img', {
|
|
27
|
+
target: "e16ftld83",
|
|
28
|
+
label: "Image"
|
|
29
|
+
});
|
|
30
|
+
export const LiveLearningHero = ({
|
|
31
|
+
badge,
|
|
32
|
+
title,
|
|
33
|
+
subtitle,
|
|
34
|
+
description,
|
|
35
|
+
cta,
|
|
36
|
+
image,
|
|
37
|
+
nameTag
|
|
38
|
+
}) => /*#__PURE__*/_jsxs(StyledBackground, {
|
|
39
|
+
bg: "black",
|
|
40
|
+
position: "relative",
|
|
41
|
+
children: [/*#__PURE__*/_jsx(Box, {
|
|
42
|
+
color: "blue-800",
|
|
43
|
+
position: "absolute",
|
|
44
|
+
left: 0,
|
|
45
|
+
right: 0,
|
|
46
|
+
top: 0,
|
|
47
|
+
bottom: 0,
|
|
48
|
+
maxWidth: 1440,
|
|
49
|
+
px: {
|
|
50
|
+
md: 32,
|
|
51
|
+
lg: 64
|
|
52
|
+
},
|
|
53
|
+
m: "auto",
|
|
54
|
+
children: /*#__PURE__*/_jsx(DotLoose, {
|
|
55
|
+
height: {
|
|
56
|
+
_: '65%',
|
|
57
|
+
sm: '85%',
|
|
58
|
+
md: '100%'
|
|
59
|
+
},
|
|
60
|
+
width: "100%"
|
|
61
|
+
})
|
|
62
|
+
}), /*#__PURE__*/_jsx(ContentContainer, {
|
|
63
|
+
position: "relative",
|
|
64
|
+
children: /*#__PURE__*/_jsxs(GridBox, {
|
|
65
|
+
columnGap: {
|
|
66
|
+
sm: 16,
|
|
67
|
+
md: 32
|
|
68
|
+
},
|
|
69
|
+
gridTemplateColumns: {
|
|
70
|
+
_: '1fr',
|
|
71
|
+
sm: 'repeat(12, 1fr)'
|
|
72
|
+
},
|
|
73
|
+
gridTemplateAreas: {
|
|
74
|
+
_: `"title"
|
|
75
|
+
"cta"
|
|
76
|
+
${image ? '"portrait"' : ''}`,
|
|
77
|
+
sm: image ? `"title title title title title title title title title title title title"
|
|
78
|
+
"cta cta cta cta cta cta cta portrait portrait portrait portrait portrait"` : `"title title title title title title title title title title title title"
|
|
79
|
+
"cta cta cta cta cta cta cta cta cta cta cta cta"`,
|
|
80
|
+
md: image ? `"title title title title title title . portrait portrait portrait portrait portrait"
|
|
81
|
+
"cta cta cta cta cta cta . portrait portrait portrait portrait portrait"` : `"title title title title title title . . . . . . ."
|
|
82
|
+
"cta cta cta cta cta cta . . . . . . ."`
|
|
83
|
+
},
|
|
84
|
+
children: [/*#__PURE__*/_jsxs(Box, {
|
|
85
|
+
gridArea: "title",
|
|
86
|
+
pt: {
|
|
87
|
+
_: 48,
|
|
88
|
+
md: 64
|
|
89
|
+
},
|
|
90
|
+
children: [badge && /*#__PURE__*/_jsx(Box, {
|
|
91
|
+
mb: 8,
|
|
92
|
+
children: badge
|
|
93
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
94
|
+
as: "h1",
|
|
95
|
+
variant: "title-xxl",
|
|
96
|
+
children: title
|
|
97
|
+
}), subtitle && /*#__PURE__*/_jsx(Text, {
|
|
98
|
+
variant: "title-md",
|
|
99
|
+
mb: 24,
|
|
100
|
+
children: subtitle
|
|
101
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
102
|
+
variant: "p-large",
|
|
103
|
+
children: description
|
|
104
|
+
})]
|
|
105
|
+
}), /*#__PURE__*/_jsxs(Box, {
|
|
106
|
+
gridArea: "cta",
|
|
107
|
+
mt: 24,
|
|
108
|
+
pb: {
|
|
109
|
+
_: 16,
|
|
110
|
+
sm: 48
|
|
111
|
+
},
|
|
112
|
+
children: [cta.description && /*#__PURE__*/_jsx(Text, {
|
|
113
|
+
variant: "p-large",
|
|
114
|
+
children: cta.description
|
|
115
|
+
}), /*#__PURE__*/_jsxs(FlexBox, {
|
|
116
|
+
alignItems: {
|
|
117
|
+
_: 'center',
|
|
118
|
+
sm: 'flex-start',
|
|
119
|
+
md: 'center'
|
|
120
|
+
},
|
|
121
|
+
flexDirection: {
|
|
122
|
+
_: 'column',
|
|
123
|
+
md: 'row'
|
|
124
|
+
},
|
|
125
|
+
gap: 16
|
|
126
|
+
// mt={24}
|
|
127
|
+
,
|
|
128
|
+
children: [/*#__PURE__*/_jsx(FillButton, {
|
|
129
|
+
width: {
|
|
130
|
+
_: '100%',
|
|
131
|
+
sm: 'auto'
|
|
132
|
+
},
|
|
133
|
+
href: cta.buttonHref,
|
|
134
|
+
onClick: cta.onButtonClick,
|
|
135
|
+
children: cta.buttonText
|
|
136
|
+
}), cta.secondaryText && /*#__PURE__*/_jsx(Text, {
|
|
137
|
+
children: cta.secondaryText
|
|
138
|
+
})]
|
|
139
|
+
})]
|
|
140
|
+
}), image && /*#__PURE__*/_jsxs(FlexBox, {
|
|
141
|
+
gridArea: "portrait",
|
|
142
|
+
alignItems: "flex-end",
|
|
143
|
+
justifyContent: "flex-end",
|
|
144
|
+
position: "relative",
|
|
145
|
+
mt: {
|
|
146
|
+
_: 24,
|
|
147
|
+
md: 0
|
|
148
|
+
},
|
|
149
|
+
children: [/*#__PURE__*/_jsx(Image, {
|
|
150
|
+
src: image.src,
|
|
151
|
+
srcSet: image.srcSet,
|
|
152
|
+
alt: image.alt,
|
|
153
|
+
width: image.width || '80%'
|
|
154
|
+
}), nameTag && /*#__PURE__*/_jsxs(NameTag, {
|
|
155
|
+
column: true,
|
|
156
|
+
position: "absolute",
|
|
157
|
+
bottom: 0,
|
|
158
|
+
left: 0,
|
|
159
|
+
right: 0,
|
|
160
|
+
gap: 4,
|
|
161
|
+
py: 16,
|
|
162
|
+
pl: 64,
|
|
163
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
164
|
+
fontSize: {
|
|
165
|
+
_: 16,
|
|
166
|
+
md: 20
|
|
167
|
+
},
|
|
168
|
+
fontWeight: {
|
|
169
|
+
md: 'bold'
|
|
170
|
+
},
|
|
171
|
+
children: nameTag.name
|
|
172
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
173
|
+
fontSize: {
|
|
174
|
+
_: 14,
|
|
175
|
+
md: 16
|
|
176
|
+
},
|
|
177
|
+
color: "text-secondary",
|
|
178
|
+
children: nameTag.role
|
|
179
|
+
})]
|
|
180
|
+
})]
|
|
181
|
+
})]
|
|
182
|
+
})
|
|
183
|
+
})]
|
|
184
|
+
});
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/brand",
|
|
3
3
|
"description": "Brand component library for Codecademy",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.37.0-alpha.65d1b8b3f0.0",
|
|
5
5
|
"author": "Codecademy Engineering <dev@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@emotion/is-prop-valid": "^1.2.1",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"@codecademy/gamut-illustrations": "*",
|
|
34
34
|
"@codecademy/gamut-patterns": "*",
|
|
35
35
|
"@codecademy/gamut-styles": "*",
|
|
36
|
-
"@codecademy/tracking": "1.
|
|
36
|
+
"@codecademy/tracking": "1.3.0",
|
|
37
37
|
"@codecademy/variance": "*",
|
|
38
38
|
"@emotion/react": "^11.4.0",
|
|
39
39
|
"@emotion/styled": "^11.3.0",
|