@codecademy/brand 3.37.0-alpha.de59d8b10f.0 → 3.37.0-alpha.ef7e3781cc.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.
Files changed (14) hide show
  1. package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.js +5 -3
  2. package/dist/AppHeader/AppHeaderElements/AppHeaderSection/NavTabs.js +21 -35
  3. package/dist/AppHeader/AppHeaderElements/AppHeaderSection/PanelLayout.js +7 -13
  4. package/dist/AppHeader/AppHeaderElements/AppHeaderSection/elements.d.ts +0 -6
  5. package/dist/AppHeader/AppHeaderElements/AppHeaderSection/elements.js +20 -33
  6. package/dist/AppHeader/AppHeaderElements/AppHeaderSection/index.js +55 -57
  7. package/dist/AppHeader/Search/SearchPane.js +10 -10
  8. package/dist/GlobalHeader/context.js +1 -1
  9. package/dist/GlobalHeader/types.d.ts +1 -0
  10. package/dist/LandingPage/HubHero.d.ts +28 -0
  11. package/dist/LandingPage/HubHero.js +184 -0
  12. package/dist/LandingPage/index.d.ts +1 -0
  13. package/dist/LandingPage/index.js +1 -0
  14. package/package.json +2 -2
package/dist/GlobalHeader/context.js CHANGED
@@ -30,7 +30,7 @@ export const DropdownPositions = {
30
30
  },
31
31
  resourceDropdown: {
32
32
  narrow: '-9.5rem',
33
- wide: '-15rem'
33
+ wide: '-14.5rem'
34
34
  }
35
35
  },
36
36
  pro: {
package/dist/GlobalHeader/types.d.ts CHANGED
@@ -42,6 +42,7 @@ export type User = {
42
42
  isAdmin?: boolean;
43
43
  isBusinessAdmin?: boolean;
44
44
  isBusinessSsoUser?: boolean;
45
+ isCoach?: boolean;
45
46
  isCustomerSupport?: boolean;
46
47
  isAccountManager?: boolean;
47
48
  isPaused?: boolean;
package/dist/LandingPage/HubHero.d.ts ADDED
@@ -0,0 +1,28 @@
1
+ import React from 'react';
2
+ export interface HubHeroImageProps {
3
+ src: string;
4
+ srcSet?: string;
5
+ alt: string;
6
+ width?: string;
7
+ }
8
+ export interface HubHeroNameTagProps {
9
+ name: string;
10
+ role: string;
11
+ }
12
+ export interface HubHeroCTAProps {
13
+ description?: string | React.ReactNode;
14
+ buttonText: string;
15
+ buttonHref: string;
16
+ onButtonClick?: () => void;
17
+ secondaryText?: string;
18
+ }
19
+ export interface HubHeroProps {
20
+ badge?: React.ReactNode;
21
+ title: string;
22
+ subtitle?: string;
23
+ description: string;
24
+ cta: HubHeroCTAProps;
25
+ image?: HubHeroImageProps;
26
+ nameTag?: HubHeroNameTagProps;
27
+ }
28
+ export declare const HubHero: React.FC<HubHeroProps>;
package/dist/LandingPage/HubHero.js ADDED
@@ -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: "e7oef242",
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYW5kaW5nUGFnZS9IdWJIZXJvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzJDIiwiZmlsZSI6Ii4uLy4uL3NyYy9MYW5kaW5nUGFnZS9IdWJIZXJvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgQ29udGVudENvbnRhaW5lcixcbiAgRmlsbEJ1dHRvbixcbiAgRmxleEJveCxcbiAgR3JpZEJveCxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgRG90TG9vc2UgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1wYXR0ZXJucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEh1Ykhlcm9JbWFnZVByb3BzIHtcbiAgc3JjOiBzdHJpbmc7XG4gIHNyY1NldD86IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG4gIHdpZHRoPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEh1Ykhlcm9OYW1lVGFnUHJvcHMge1xuICBuYW1lOiBzdHJpbmc7XG4gIHJvbGU6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBIdWJIZXJvQ1RBUHJvcHMge1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgYnV0dG9uVGV4dDogc3RyaW5nO1xuICBidXR0b25IcmVmOiBzdHJpbmc7XG4gIG9uQnV0dG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBzZWNvbmRhcnlUZXh0Pzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEh1Ykhlcm9Qcm9wcyB7XG4gIGJhZGdlPzogUmVhY3QuUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZT86IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgY3RhOiBIdWJIZXJvQ1RBUHJvcHM7XG4gIGltYWdlPzogSHViSGVyb0ltYWdlUHJvcHM7XG4gIG5hbWVUYWc/OiBIdWJIZXJvTmFtZVRhZ1Byb3BzO1xufVxuXG5jb25zdCBTdHlsZWRCYWNrZ3JvdW5kID0gc3R5bGVkKEJhY2tncm91bmQpYFxuICBiYWNrZ3JvdW5kLWltYWdlOiByYWRpYWwtZ3JhZGllbnQoXG4gICAgZmFydGhlc3QtY29ybmVyIGNpcmNsZSBhdCA1MCUgMzAwJSxcbiAgICAke3RoZW1lLmNvbG9yc1snYmx1ZS01MDAnXX0sXG4gICAgdHJhbnNwYXJlbnRcbiAgKTtcbmA7XG5cbmNvbnN0IE5hbWVUYWcgPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDEwMHB4O1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgOTBkZWcsXG4gICAgcmdiYSgxNiwgMjIsIDQ3LCAwLjg2KSA0MS4zNSUsXG4gICAgcmdiYSgxNiwgMjIsIDQ3LCAwKSAxMDAlXG4gICk7XG5gO1xuXG5jb25zdCBJbWFnZSA9IHN0eWxlZChCb3gpYGAud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmV4cG9ydCBjb25zdCBIdWJIZXJvOiBSZWFjdC5GQzxIdWJIZXJvUHJvcHM+ID0gKHtcbiAgYmFkZ2UsXG4gIHRpdGxlLFxuICBzdWJ0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIGN0YSxcbiAgaW1hZ2UsXG4gIG5hbWVUYWcsXG59KSA9PiAoXG4gIDxTdHlsZWRCYWNrZ3JvdW5kIGJnPVwiYmxhY2tcIiBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgPEJveFxuICAgICAgY29sb3I9XCJibHVlLTgwMFwiXG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIGxlZnQ9ezB9XG4gICAgICByaWdodD17MH1cbiAgICAgIHRvcD17MH1cbiAgICAgIGJvdHRvbT17MH1cbiAgICAgIG1heFdpZHRoPXsxNDQwfVxuICAgICAgcHg9e3sgbWQ6IDMyLCBsZzogNjQgfX1cbiAgICAgIG09XCJhdXRvXCJcbiAgICA+XG4gICAgICA8RG90TG9vc2UgaGVpZ2h0PXt7IF86ICc2NSUnLCBzbTogJzg1JScsIG1kOiAnMTAwJScgfX0gd2lkdGg9XCIxMDAlXCIgLz5cbiAgICA8L0JveD5cbiAgICA8Q29udGVudENvbnRhaW5lciBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICA8R3JpZEJveFxuICAgICAgICBjb2x1bW5HYXA9e3sgc206IDE2LCBtZDogMzIgfX1cbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgc206ICdyZXBlYXQoMTIsIDFmciknIH19XG4gICAgICAgIGdyaWRUZW1wbGF0ZUFyZWFzPXt7XG4gICAgICAgICAgXzogYFwidGl0bGVcIlxuICAgICAgICAgICAgICBcImN0YVwiXG4gICAgICAgICAgICAgICR7aW1hZ2UgPyAnXCJwb3J0cmFpdFwiJyA6ICcnfWAsXG5cbiAgICAgICAgICBzbTogaW1hZ2VcbiAgICAgICAgICAgID8gYFwidGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgICAgdGl0bGUgICAgdGl0bGUgICAgdGl0bGUgICAgdGl0bGVcIlxuICAgICAgICAgICAgICAgXCJjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdFwiYFxuICAgICAgICAgICAgOiBgXCJ0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZVwiXG4gICAgICAgICAgICAgICBcImN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YVwiYCxcblxuICAgICAgICAgIG1kOiBpbWFnZVxuICAgICAgICAgICAgPyBgXCJ0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSAuICAgICBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdFwiXG4gICAgICAgICAgICAgICBcImN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIC4gICAgIHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0XCJgXG4gICAgICAgICAgICA6IGBcInRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC5cIlxuICAgICAgICAgICAgICAgXCJjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICAuICAgICAuICAgICAuICAgICAuICAgICAuICAgICAuICAgICAuXCJgLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8Qm94IGdyaWRBcmVhPVwidGl0bGVcIiBwdD17eyBfOiA0OCwgbWQ6IDY0IH19PlxuICAgICAgICAgIHtiYWRnZSAmJiA8Qm94IG1iPXs4fT57YmFkZ2V9PC9Cb3g+fVxuICAgICAgICAgIDxUZXh0IGFzPVwiaDFcIiB2YXJpYW50PVwidGl0bGUteHhsXCI+XG4gICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIHtzdWJ0aXRsZSAmJiAoXG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGl0bGUtbWRcIiBtYj17MjR9PlxuICAgICAgICAgICAgICB7c3VidGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiIHBiPXsyNH0+XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cblxuICAgICAgICA8Qm94IGdyaWRBcmVhPVwiY3RhXCIgbXQ9ezI0fSBwYj17eyBfOiAxNiwgc206IDQ4IH19PlxuICAgICAgICAgIHtjdGEuZGVzY3JpcHRpb24gJiYgPFRleHQgdmFyaWFudD1cInAtbGFyZ2VcIj57Y3RhLmRlc2NyaXB0aW9ufTwvVGV4dD59XG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2NlbnRlcicsIHNtOiAnZmxleC1zdGFydCcsIG1kOiAnY2VudGVyJyB9fVxuICAgICAgICAgICAgZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgbWQ6ICdyb3cnIH19XG4gICAgICAgICAgICBnYXA9ezE2fVxuICAgICAgICAgICAgbXQ9ezI0fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgIHdpZHRoPXt7IF86ICcxMDAlJywgc206ICdhdXRvJyB9fVxuICAgICAgICAgICAgICBocmVmPXtjdGEuYnV0dG9uSHJlZn1cbiAgICAgICAgICAgICAgb25DbGljaz17Y3RhLm9uQnV0dG9uQ2xpY2t9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtjdGEuYnV0dG9uVGV4dH1cbiAgICAgICAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICAgICAgICAgIHtjdGEuc2Vjb25kYXJ5VGV4dCAmJiA8VGV4dD57Y3RhLnNlY29uZGFyeVRleHR9PC9UZXh0Pn1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvQm94PlxuXG4gICAgICAgIHtpbWFnZSAmJiAoXG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGdyaWRBcmVhPVwicG9ydHJhaXRcIlxuICAgICAgICAgICAgYWxpZ25JdGVtcz1cImZsZXgtZW5kXCJcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIlxuICAgICAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgICAgICBtdD17eyBfOiAyNCwgbWQ6IDAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgICAgc3JjPXtpbWFnZS5zcmN9XG4gICAgICAgICAgICAgIHNyY1NldD17aW1hZ2Uuc3JjU2V0fVxuICAgICAgICAgICAgICBhbHQ9e2ltYWdlLmFsdH1cbiAgICAgICAgICAgICAgd2lkdGg9e2ltYWdlLndpZHRoIHx8ICc4MCUnfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtuYW1lVGFnICYmIChcbiAgICAgICAgICAgICAgPE5hbWVUYWdcbiAgICAgICAgICAgICAgICBjb2x1bW5cbiAgICAgICAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICAgICAgICBib3R0b209ezB9XG4gICAgICAgICAgICAgICAgbGVmdD17MH1cbiAgICAgICAgICAgICAgICByaWdodD17MH1cbiAgICAgICAgICAgICAgICBnYXA9ezR9XG4gICAgICAgICAgICAgICAgcHk9ezE2fVxuICAgICAgICAgICAgICAgIHBsPXs2NH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxUZXh0IGZvbnRTaXplPXt7IF86IDE2LCBtZDogMjAgfX0gZm9udFdlaWdodD17eyBtZDogJ2JvbGQnIH19PlxuICAgICAgICAgICAgICAgICAge25hbWVUYWcubmFtZX1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgZm9udFNpemU9e3sgXzogMTQsIG1kOiAxNiB9fSBjb2xvcj1cInRleHQtc2Vjb25kYXJ5XCI+XG4gICAgICAgICAgICAgICAgICB7bmFtZVRhZy5yb2xlfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9OYW1lVGFnPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9Db250ZW50Q29udGFpbmVyPlxuICA8L1N0eWxlZEJhY2tncm91bmQ+XG4pO1xuIl19 */"));
12
+ const NameTag = /*#__PURE__*/_styled(FlexBox, {
13
+ target: "e7oef241",
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYW5kaW5nUGFnZS9IdWJIZXJvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRCtCIiwiZmlsZSI6Ii4uLy4uL3NyYy9MYW5kaW5nUGFnZS9IdWJIZXJvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgQ29udGVudENvbnRhaW5lcixcbiAgRmlsbEJ1dHRvbixcbiAgRmxleEJveCxcbiAgR3JpZEJveCxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgRG90TG9vc2UgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1wYXR0ZXJucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEh1Ykhlcm9JbWFnZVByb3BzIHtcbiAgc3JjOiBzdHJpbmc7XG4gIHNyY1NldD86IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG4gIHdpZHRoPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEh1Ykhlcm9OYW1lVGFnUHJvcHMge1xuICBuYW1lOiBzdHJpbmc7XG4gIHJvbGU6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBIdWJIZXJvQ1RBUHJvcHMge1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgYnV0dG9uVGV4dDogc3RyaW5nO1xuICBidXR0b25IcmVmOiBzdHJpbmc7XG4gIG9uQnV0dG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBzZWNvbmRhcnlUZXh0Pzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEh1Ykhlcm9Qcm9wcyB7XG4gIGJhZGdlPzogUmVhY3QuUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZT86IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgY3RhOiBIdWJIZXJvQ1RBUHJvcHM7XG4gIGltYWdlPzogSHViSGVyb0ltYWdlUHJvcHM7XG4gIG5hbWVUYWc/OiBIdWJIZXJvTmFtZVRhZ1Byb3BzO1xufVxuXG5jb25zdCBTdHlsZWRCYWNrZ3JvdW5kID0gc3R5bGVkKEJhY2tncm91bmQpYFxuICBiYWNrZ3JvdW5kLWltYWdlOiByYWRpYWwtZ3JhZGllbnQoXG4gICAgZmFydGhlc3QtY29ybmVyIGNpcmNsZSBhdCA1MCUgMzAwJSxcbiAgICAke3RoZW1lLmNvbG9yc1snYmx1ZS01MDAnXX0sXG4gICAgdHJhbnNwYXJlbnRcbiAgKTtcbmA7XG5cbmNvbnN0IE5hbWVUYWcgPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDEwMHB4O1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgOTBkZWcsXG4gICAgcmdiYSgxNiwgMjIsIDQ3LCAwLjg2KSA0MS4zNSUsXG4gICAgcmdiYSgxNiwgMjIsIDQ3LCAwKSAxMDAlXG4gICk7XG5gO1xuXG5jb25zdCBJbWFnZSA9IHN0eWxlZChCb3gpYGAud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmV4cG9ydCBjb25zdCBIdWJIZXJvOiBSZWFjdC5GQzxIdWJIZXJvUHJvcHM+ID0gKHtcbiAgYmFkZ2UsXG4gIHRpdGxlLFxuICBzdWJ0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIGN0YSxcbiAgaW1hZ2UsXG4gIG5hbWVUYWcsXG59KSA9PiAoXG4gIDxTdHlsZWRCYWNrZ3JvdW5kIGJnPVwiYmxhY2tcIiBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgPEJveFxuICAgICAgY29sb3I9XCJibHVlLTgwMFwiXG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIGxlZnQ9ezB9XG4gICAgICByaWdodD17MH1cbiAgICAgIHRvcD17MH1cbiAgICAgIGJvdHRvbT17MH1cbiAgICAgIG1heFdpZHRoPXsxNDQwfVxuICAgICAgcHg9e3sgbWQ6IDMyLCBsZzogNjQgfX1cbiAgICAgIG09XCJhdXRvXCJcbiAgICA+XG4gICAgICA8RG90TG9vc2UgaGVpZ2h0PXt7IF86ICc2NSUnLCBzbTogJzg1JScsIG1kOiAnMTAwJScgfX0gd2lkdGg9XCIxMDAlXCIgLz5cbiAgICA8L0JveD5cbiAgICA8Q29udGVudENvbnRhaW5lciBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICA8R3JpZEJveFxuICAgICAgICBjb2x1bW5HYXA9e3sgc206IDE2LCBtZDogMzIgfX1cbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgc206ICdyZXBlYXQoMTIsIDFmciknIH19XG4gICAgICAgIGdyaWRUZW1wbGF0ZUFyZWFzPXt7XG4gICAgICAgICAgXzogYFwidGl0bGVcIlxuICAgICAgICAgICAgICBcImN0YVwiXG4gICAgICAgICAgICAgICR7aW1hZ2UgPyAnXCJwb3J0cmFpdFwiJyA6ICcnfWAsXG5cbiAgICAgICAgICBzbTogaW1hZ2VcbiAgICAgICAgICAgID8gYFwidGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgICAgdGl0bGUgICAgdGl0bGUgICAgdGl0bGUgICAgdGl0bGVcIlxuICAgICAgICAgICAgICAgXCJjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdFwiYFxuICAgICAgICAgICAgOiBgXCJ0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZVwiXG4gICAgICAgICAgICAgICBcImN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YVwiYCxcblxuICAgICAgICAgIG1kOiBpbWFnZVxuICAgICAgICAgICAgPyBgXCJ0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSAuICAgICBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdFwiXG4gICAgICAgICAgICAgICBcImN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIC4gICAgIHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0XCJgXG4gICAgICAgICAgICA6IGBcInRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC5cIlxuICAgICAgICAgICAgICAgXCJjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICAuICAgICAuICAgICAuICAgICAuICAgICAuICAgICAuICAgICAuXCJgLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8Qm94IGdyaWRBcmVhPVwidGl0bGVcIiBwdD17eyBfOiA0OCwgbWQ6IDY0IH19PlxuICAgICAgICAgIHtiYWRnZSAmJiA8Qm94IG1iPXs4fT57YmFkZ2V9PC9Cb3g+fVxuICAgICAgICAgIDxUZXh0IGFzPVwiaDFcIiB2YXJpYW50PVwidGl0bGUteHhsXCI+XG4gICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIHtzdWJ0aXRsZSAmJiAoXG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGl0bGUtbWRcIiBtYj17MjR9PlxuICAgICAgICAgICAgICB7c3VidGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiIHBiPXsyNH0+XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cblxuICAgICAgICA8Qm94IGdyaWRBcmVhPVwiY3RhXCIgbXQ9ezI0fSBwYj17eyBfOiAxNiwgc206IDQ4IH19PlxuICAgICAgICAgIHtjdGEuZGVzY3JpcHRpb24gJiYgPFRleHQgdmFyaWFudD1cInAtbGFyZ2VcIj57Y3RhLmRlc2NyaXB0aW9ufTwvVGV4dD59XG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2NlbnRlcicsIHNtOiAnZmxleC1zdGFydCcsIG1kOiAnY2VudGVyJyB9fVxuICAgICAgICAgICAgZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgbWQ6ICdyb3cnIH19XG4gICAgICAgICAgICBnYXA9ezE2fVxuICAgICAgICAgICAgbXQ9ezI0fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgIHdpZHRoPXt7IF86ICcxMDAlJywgc206ICdhdXRvJyB9fVxuICAgICAgICAgICAgICBocmVmPXtjdGEuYnV0dG9uSHJlZn1cbiAgICAgICAgICAgICAgb25DbGljaz17Y3RhLm9uQnV0dG9uQ2xpY2t9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtjdGEuYnV0dG9uVGV4dH1cbiAgICAgICAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICAgICAgICAgIHtjdGEuc2Vjb25kYXJ5VGV4dCAmJiA8VGV4dD57Y3RhLnNlY29uZGFyeVRleHR9PC9UZXh0Pn1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvQm94PlxuXG4gICAgICAgIHtpbWFnZSAmJiAoXG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGdyaWRBcmVhPVwicG9ydHJhaXRcIlxuICAgICAgICAgICAgYWxpZ25JdGVtcz1cImZsZXgtZW5kXCJcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIlxuICAgICAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgICAgICBtdD17eyBfOiAyNCwgbWQ6IDAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgICAgc3JjPXtpbWFnZS5zcmN9XG4gICAgICAgICAgICAgIHNyY1NldD17aW1hZ2Uuc3JjU2V0fVxuICAgICAgICAgICAgICBhbHQ9e2ltYWdlLmFsdH1cbiAgICAgICAgICAgICAgd2lkdGg9e2ltYWdlLndpZHRoIHx8ICc4MCUnfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtuYW1lVGFnICYmIChcbiAgICAgICAgICAgICAgPE5hbWVUYWdcbiAgICAgICAgICAgICAgICBjb2x1bW5cbiAgICAgICAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICAgICAgICBib3R0b209ezB9XG4gICAgICAgICAgICAgICAgbGVmdD17MH1cbiAgICAgICAgICAgICAgICByaWdodD17MH1cbiAgICAgICAgICAgICAgICBnYXA9ezR9XG4gICAgICAgICAgICAgICAgcHk9ezE2fVxuICAgICAgICAgICAgICAgIHBsPXs2NH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxUZXh0IGZvbnRTaXplPXt7IF86IDE2LCBtZDogMjAgfX0gZm9udFdlaWdodD17eyBtZDogJ2JvbGQnIH19PlxuICAgICAgICAgICAgICAgICAge25hbWVUYWcubmFtZX1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgZm9udFNpemU9e3sgXzogMTQsIG1kOiAxNiB9fSBjb2xvcj1cInRleHQtc2Vjb25kYXJ5XCI+XG4gICAgICAgICAgICAgICAgICB7bmFtZVRhZy5yb2xlfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9OYW1lVGFnPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9Db250ZW50Q29udGFpbmVyPlxuICA8L1N0eWxlZEJhY2tncm91bmQ+XG4pO1xuIl19 */",
21
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
22
+ });
23
+ const Image = /*#__PURE__*/_styled(Box, {
24
+ target: "e7oef240",
25
+ label: "Image"
26
+ })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYW5kaW5nUGFnZS9IdWJIZXJvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RHlCIiwiZmlsZSI6Ii4uLy4uL3NyYy9MYW5kaW5nUGFnZS9IdWJIZXJvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgQ29udGVudENvbnRhaW5lcixcbiAgRmlsbEJ1dHRvbixcbiAgRmxleEJveCxcbiAgR3JpZEJveCxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgRG90TG9vc2UgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1wYXR0ZXJucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEh1Ykhlcm9JbWFnZVByb3BzIHtcbiAgc3JjOiBzdHJpbmc7XG4gIHNyY1NldD86IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG4gIHdpZHRoPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEh1Ykhlcm9OYW1lVGFnUHJvcHMge1xuICBuYW1lOiBzdHJpbmc7XG4gIHJvbGU6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBIdWJIZXJvQ1RBUHJvcHMge1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgYnV0dG9uVGV4dDogc3RyaW5nO1xuICBidXR0b25IcmVmOiBzdHJpbmc7XG4gIG9uQnV0dG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBzZWNvbmRhcnlUZXh0Pzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEh1Ykhlcm9Qcm9wcyB7XG4gIGJhZGdlPzogUmVhY3QuUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZT86IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgY3RhOiBIdWJIZXJvQ1RBUHJvcHM7XG4gIGltYWdlPzogSHViSGVyb0ltYWdlUHJvcHM7XG4gIG5hbWVUYWc/OiBIdWJIZXJvTmFtZVRhZ1Byb3BzO1xufVxuXG5jb25zdCBTdHlsZWRCYWNrZ3JvdW5kID0gc3R5bGVkKEJhY2tncm91bmQpYFxuICBiYWNrZ3JvdW5kLWltYWdlOiByYWRpYWwtZ3JhZGllbnQoXG4gICAgZmFydGhlc3QtY29ybmVyIGNpcmNsZSBhdCA1MCUgMzAwJSxcbiAgICAke3RoZW1lLmNvbG9yc1snYmx1ZS01MDAnXX0sXG4gICAgdHJhbnNwYXJlbnRcbiAgKTtcbmA7XG5cbmNvbnN0IE5hbWVUYWcgPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDEwMHB4O1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgOTBkZWcsXG4gICAgcmdiYSgxNiwgMjIsIDQ3LCAwLjg2KSA0MS4zNSUsXG4gICAgcmdiYSgxNiwgMjIsIDQ3LCAwKSAxMDAlXG4gICk7XG5gO1xuXG5jb25zdCBJbWFnZSA9IHN0eWxlZChCb3gpYGAud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmV4cG9ydCBjb25zdCBIdWJIZXJvOiBSZWFjdC5GQzxIdWJIZXJvUHJvcHM+ID0gKHtcbiAgYmFkZ2UsXG4gIHRpdGxlLFxuICBzdWJ0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIGN0YSxcbiAgaW1hZ2UsXG4gIG5hbWVUYWcsXG59KSA9PiAoXG4gIDxTdHlsZWRCYWNrZ3JvdW5kIGJnPVwiYmxhY2tcIiBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgPEJveFxuICAgICAgY29sb3I9XCJibHVlLTgwMFwiXG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIGxlZnQ9ezB9XG4gICAgICByaWdodD17MH1cbiAgICAgIHRvcD17MH1cbiAgICAgIGJvdHRvbT17MH1cbiAgICAgIG1heFdpZHRoPXsxNDQwfVxuICAgICAgcHg9e3sgbWQ6IDMyLCBsZzogNjQgfX1cbiAgICAgIG09XCJhdXRvXCJcbiAgICA+XG4gICAgICA8RG90TG9vc2UgaGVpZ2h0PXt7IF86ICc2NSUnLCBzbTogJzg1JScsIG1kOiAnMTAwJScgfX0gd2lkdGg9XCIxMDAlXCIgLz5cbiAgICA8L0JveD5cbiAgICA8Q29udGVudENvbnRhaW5lciBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICA8R3JpZEJveFxuICAgICAgICBjb2x1bW5HYXA9e3sgc206IDE2LCBtZDogMzIgfX1cbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgc206ICdyZXBlYXQoMTIsIDFmciknIH19XG4gICAgICAgIGdyaWRUZW1wbGF0ZUFyZWFzPXt7XG4gICAgICAgICAgXzogYFwidGl0bGVcIlxuICAgICAgICAgICAgICBcImN0YVwiXG4gICAgICAgICAgICAgICR7aW1hZ2UgPyAnXCJwb3J0cmFpdFwiJyA6ICcnfWAsXG5cbiAgICAgICAgICBzbTogaW1hZ2VcbiAgICAgICAgICAgID8gYFwidGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgdGl0bGUgICAgdGl0bGUgICAgdGl0bGUgICAgdGl0bGUgICAgdGl0bGVcIlxuICAgICAgICAgICAgICAgXCJjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdFwiYFxuICAgICAgICAgICAgOiBgXCJ0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZVwiXG4gICAgICAgICAgICAgICBcImN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YVwiYCxcblxuICAgICAgICAgIG1kOiBpbWFnZVxuICAgICAgICAgICAgPyBgXCJ0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSB0aXRsZSAuICAgICBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdCBwb3J0cmFpdFwiXG4gICAgICAgICAgICAgICBcImN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIGN0YSAgIC4gICAgIHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0IHBvcnRyYWl0XCJgXG4gICAgICAgICAgICA6IGBcInRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIHRpdGxlIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC4gICAgIC5cIlxuICAgICAgICAgICAgICAgXCJjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICBjdGEgICAuICAgICAuICAgICAuICAgICAuICAgICAuICAgICAuICAgICAuXCJgLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8Qm94IGdyaWRBcmVhPVwidGl0bGVcIiBwdD17eyBfOiA0OCwgbWQ6IDY0IH19PlxuICAgICAgICAgIHtiYWRnZSAmJiA8Qm94IG1iPXs4fT57YmFkZ2V9PC9Cb3g+fVxuICAgICAgICAgIDxUZXh0IGFzPVwiaDFcIiB2YXJpYW50PVwidGl0bGUteHhsXCI+XG4gICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIHtzdWJ0aXRsZSAmJiAoXG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGl0bGUtbWRcIiBtYj17MjR9PlxuICAgICAgICAgICAgICB7c3VidGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiIHBiPXsyNH0+XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cblxuICAgICAgICA8Qm94IGdyaWRBcmVhPVwiY3RhXCIgbXQ9ezI0fSBwYj17eyBfOiAxNiwgc206IDQ4IH19PlxuICAgICAgICAgIHtjdGEuZGVzY3JpcHRpb24gJiYgPFRleHQgdmFyaWFudD1cInAtbGFyZ2VcIj57Y3RhLmRlc2NyaXB0aW9ufTwvVGV4dD59XG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2NlbnRlcicsIHNtOiAnZmxleC1zdGFydCcsIG1kOiAnY2VudGVyJyB9fVxuICAgICAgICAgICAgZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgbWQ6ICdyb3cnIH19XG4gICAgICAgICAgICBnYXA9ezE2fVxuICAgICAgICAgICAgbXQ9ezI0fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgIHdpZHRoPXt7IF86ICcxMDAlJywgc206ICdhdXRvJyB9fVxuICAgICAgICAgICAgICBocmVmPXtjdGEuYnV0dG9uSHJlZn1cbiAgICAgICAgICAgICAgb25DbGljaz17Y3RhLm9uQnV0dG9uQ2xpY2t9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtjdGEuYnV0dG9uVGV4dH1cbiAgICAgICAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICAgICAgICAgIHtjdGEuc2Vjb25kYXJ5VGV4dCAmJiA8VGV4dD57Y3RhLnNlY29uZGFyeVRleHR9PC9UZXh0Pn1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvQm94PlxuXG4gICAgICAgIHtpbWFnZSAmJiAoXG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGdyaWRBcmVhPVwicG9ydHJhaXRcIlxuICAgICAgICAgICAgYWxpZ25JdGVtcz1cImZsZXgtZW5kXCJcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIlxuICAgICAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgICAgICBtdD17eyBfOiAyNCwgbWQ6IDAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgICAgc3JjPXtpbWFnZS5zcmN9XG4gICAgICAgICAgICAgIHNyY1NldD17aW1hZ2Uuc3JjU2V0fVxuICAgICAgICAgICAgICBhbHQ9e2ltYWdlLmFsdH1cbiAgICAgICAgICAgICAgd2lkdGg9e2ltYWdlLndpZHRoIHx8ICc4MCUnfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtuYW1lVGFnICYmIChcbiAgICAgICAgICAgICAgPE5hbWVUYWdcbiAgICAgICAgICAgICAgICBjb2x1bW5cbiAgICAgICAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICAgICAgICBib3R0b209ezB9XG4gICAgICAgICAgICAgICAgbGVmdD17MH1cbiAgICAgICAgICAgICAgICByaWdodD17MH1cbiAgICAgICAgICAgICAgICBnYXA9ezR9XG4gICAgICAgICAgICAgICAgcHk9ezE2fVxuICAgICAgICAgICAgICAgIHBsPXs2NH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxUZXh0IGZvbnRTaXplPXt7IF86IDE2LCBtZDogMjAgfX0gZm9udFdlaWdodD17eyBtZDogJ2JvbGQnIH19PlxuICAgICAgICAgICAgICAgICAge25hbWVUYWcubmFtZX1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgZm9udFNpemU9e3sgXzogMTQsIG1kOiAxNiB9fSBjb2xvcj1cInRleHQtc2Vjb25kYXJ5XCI+XG4gICAgICAgICAgICAgICAgICB7bmFtZVRhZy5yb2xlfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9OYW1lVGFnPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9Db250ZW50Q29udGFpbmVyPlxuICA8L1N0eWxlZEJhY2tncm91bmQ+XG4pO1xuIl19 */").withComponent('img', {
27
+ target: "e7oef243",
28
+ label: "Image"
29
+ });
30
+ export const HubHero = ({
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
+ pb: 24,
104
+ children: description
105
+ })]
106
+ }), /*#__PURE__*/_jsxs(Box, {
107
+ gridArea: "cta",
108
+ mt: 24,
109
+ pb: {
110
+ _: 16,
111
+ sm: 48
112
+ },
113
+ children: [cta.description && /*#__PURE__*/_jsx(Text, {
114
+ variant: "p-large",
115
+ children: cta.description
116
+ }), /*#__PURE__*/_jsxs(FlexBox, {
117
+ alignItems: {
118
+ _: 'center',
119
+ sm: 'flex-start',
120
+ md: 'center'
121
+ },
122
+ flexDirection: {
123
+ _: 'column',
124
+ md: 'row'
125
+ },
126
+ gap: 16,
127
+ mt: 24,
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/dist/LandingPage/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './PageHero';
2
+ export * from './HubHero';
2
3
  export * from './PageSingleFeature';
3
4
  export * from './PageFeatures';
4
5
  export * from './PageFeaturesEnhanced';
package/dist/LandingPage/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './PageHero';
2
+ export * from './HubHero';
2
3
  export * from './PageSingleFeature';
3
4
  export * from './PageFeatures';
4
5
  export * from './PageFeaturesEnhanced';
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.37.0-alpha.de59d8b10f.0",
4
+ "version": "3.37.0-alpha.ef7e3781cc.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.2.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",