@codecademy/brand 4.0.0-alpha.a41ac2e810.0 → 4.0.0-alpha.a7eb7c9a8.0

package/dist/AbbreviatedCommunityEventCard/index.d.ts

@@ -0,0 +1,8 @@
+export interface AbbreviatedEventCardProps {
+    title: string;
+    startDate: string;
+    endDate: string;
+    url: string;
+    type?: string | null;
+}
+export declare const AbbreviatedEventCard: React.FC<AbbreviatedEventCardProps>;

package/dist/AbbreviatedCommunityEventCard/index.js

@@ -0,0 +1,98 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { Anchor, Box, Card, FlexBox, Text } from '@codecademy/gamut';
+import { ArrowChevronRightIcon, ClockIcon } from '@codecademy/gamut-icons';
+import { format, parseJSON } from 'date-fns';
+import upperCase from 'lodash/upperCase';
+import { formatTime } from '../CommunityEventCard';
+import { EventTypeIcon } from '../CommunityEventCard/EventTypeIcon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AbbreviatedEventCard = ({
+  title,
+  startDate,
+  endDate,
+  url,
+  type
+}) => {
+  const StyledLink = /*#__PURE__*/_styled(Anchor, {
+    target: "e7686yp0",
+    label: "StyledLink"
+  })(process.env.NODE_ENV === "production" ? {
+    name: "1cp29tz",
+    styles: "text-decoration:none;&:focus{text-decoration:none;}"
+  } : {
+    name: "1cp29tz",
+    styles: "text-decoration:none;&:focus{text-decoration:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BYmJyZXZpYXRlZENvbW11bml0eUV2ZW50Q2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JtQyIsImZpbGUiOiIuLi8uLi9zcmMvQWJicmV2aWF0ZWRDb21tdW5pdHlFdmVudENhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIENhcmQsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd0NoZXZyb25SaWdodEljb24sIENsb2NrSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvcm1hdCwgcGFyc2VKU09OIH0gZnJvbSAnZGF0ZS1mbnMnO1xuaW1wb3J0IHVwcGVyQ2FzZSBmcm9tICdsb2Rhc2gvdXBwZXJDYXNlJztcblxuaW1wb3J0IHsgZm9ybWF0VGltZSB9IGZyb20gJy4uL0NvbW11bml0eUV2ZW50Q2FyZCc7XG5pbXBvcnQgeyBFdmVudFR5cGVJY29uIH0gZnJvbSAnLi4vQ29tbXVuaXR5RXZlbnRDYXJkL0V2ZW50VHlwZUljb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFiYnJldmlhdGVkRXZlbnRDYXJkUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBzdGFydERhdGU6IHN0cmluZztcbiAgZW5kRGF0ZTogc3RyaW5nO1xuICB1cmw6IHN0cmluZztcbiAgdHlwZT86IHN0cmluZyB8IG51bGw7XG59XG5cbmV4cG9ydCBjb25zdCBBYmJyZXZpYXRlZEV2ZW50Q2FyZDogUmVhY3QuRkM8QWJicmV2aWF0ZWRFdmVudENhcmRQcm9wcz4gPSAoe1xuICB0aXRsZSxcbiAgc3RhcnREYXRlLFxuICBlbmREYXRlLFxuICB1cmwsXG4gIHR5cGUsXG59KSA9PiB7XG4gIGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoQW5jaG9yKWBcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgJjpmb2N1cyB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICBgO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZExpbmsgaHJlZj17dXJsfSB0YXJnZXQ9XCJfYmxhbmtcIj5cbiAgICAgIDxDYXJkIGlzSW50ZXJhY3RpdmU+XG4gICAgICAgIDxGbGV4Qm94IGdhcD17MTZ9IGhlaWdodD1cIjEwMCVcIj5cbiAgICAgICAgICA8Qm94XG4gICAgICAgICAgICBhbGlnbkNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgYmc9XCJuYXZ5XCJcbiAgICAgICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgaGVpZ2h0PXs4MH1cbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICAgIHdpZHRoPXs4MH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBmb250RmFtaWx5PVwiYWNjZW50XCIgZm9udFNpemU9ezI2fSBsaW5lSGVpZ2h0PVwibm9ybWFsXCI+XG4gICAgICAgICAgICAgIHt1cHBlckNhc2UoZm9ybWF0KHBhcnNlSlNPTihzdGFydERhdGUpLCAnTExMIGRkJykpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgIGdhcD17MTZ9XG4gICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgICAgbWluV2lkdGg9ezB9XG4gICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezh9IG1pbldpZHRoPXswfSB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIGZvbnRTaXplPXsyMn0gdHJ1bmNhdGU9XCJlbGxpcHNpc1wiIHRydW5jYXRlTGluZXM9ezF9PlxuICAgICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17OH0gbWluV2lkdGg9ezB9PlxuICAgICAgICAgICAgICAgICAgPENsb2NrSWNvbiAvPlxuICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgZm9udEZhbWlseT1cImFjY2VudFwiXG4gICAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgICAgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiXG4gICAgICAgICAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezF9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtmb3JtYXRUaW1lKHN0YXJ0RGF0ZSwgZW5kRGF0ZSl9XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICAgIHt0eXBlICYmIChcbiAgICAgICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezh9IG1pbldpZHRoPXswfT5cbiAgICAgICAgICAgICAgICAgICAgPEV2ZW50VHlwZUljb24gZXZlbnRUeXBlPXt0eXBlfSAvPlxuICAgICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDxBcnJvd0NoZXZyb25SaWdodEljb24gc2l6ZT17MjR9IC8+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L0NhcmQ+XG4gICAgPC9TdHlsZWRMaW5rPlxuICApO1xufTtcbiJdfQ== */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  });
+  return /*#__PURE__*/_jsx(StyledLink, {
+    href: url,
+    target: "_blank",
+    children: /*#__PURE__*/_jsx(Card, {
+      isInteractive: true,
+      children: /*#__PURE__*/_jsxs(FlexBox, {
+        gap: 16,
+        height: "100%",
+        children: [/*#__PURE__*/_jsx(Box, {
+          alignContent: "center",
+          bg: "navy",
+          borderRadius: "md",
+          color: "white",
+          height: 80,
+          justifyContent: "center",
+          px: 12,
+          width: 80,
+          children: /*#__PURE__*/_jsx(Text, {
+            fontFamily: "accent",
+            fontSize: 26,
+            lineHeight: "normal",
+            children: upperCase(format(parseJSON(startDate), 'LLL dd'))
+          })
+        }), /*#__PURE__*/_jsxs(FlexBox, {
+          alignItems: "center",
+          gap: 16,
+          justifyContent: "space-between",
+          minWidth: 0,
+          width: "100%",
+          children: [/*#__PURE__*/_jsxs(FlexBox, {
+            flexDirection: "column",
+            gap: 8,
+            minWidth: 0,
+            width: "100%",
+            children: [/*#__PURE__*/_jsx(Text, {
+              as: "h3",
+              fontSize: 22,
+              truncate: "ellipsis",
+              truncateLines: 1,
+              children: title
+            }), /*#__PURE__*/_jsxs(FlexBox, {
+              alignItems: "center",
+              justifyContent: "space-between",
+              children: [/*#__PURE__*/_jsxs(FlexBox, {
+                alignItems: "center",
+                gap: 8,
+                minWidth: 0,
+                children: [/*#__PURE__*/_jsx(ClockIcon, {}), /*#__PURE__*/_jsx(Text, {
+                  fontFamily: "accent",
+                  fontSize: 14,
+                  truncate: "ellipsis",
+                  truncateLines: 1,
+                  children: formatTime(startDate, endDate)
+                })]
+              }), type && /*#__PURE__*/_jsx(FlexBox, {
+                alignItems: "center",
+                gap: 8,
+                minWidth: 0,
+                children: /*#__PURE__*/_jsx(EventTypeIcon, {
+                  eventType: type
+                })
+              })]
+            })]
+          }), /*#__PURE__*/_jsx(ArrowChevronRightIcon, {
+            size: 24
+          })]
+        })]
+      })
+    })
+  });
+};

package/dist/AppBar/AppBarSection.d.ts

@@ -0,0 +1,10 @@
+import { WithChildrenProp } from '@codecademy/gamut';
+import { StyleProps } from '@codecademy/variance';
+import * as React from 'react';
+declare const positionVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"position", false | "right" | "left" | "center"> & {
+    theme?: import("@emotion/react").Theme;
+}) => import("@codecademy/variance").CSSObject;
+export interface AppBarSectionProps extends StyleProps<typeof positionVariants>, WithChildrenProp {
+}
+export declare const AppBarSection: React.FC<AppBarSectionProps>;
+export {};

package/dist/AppBar/AppBarSection.js

@@ -0,0 +1,41 @@
+import _styled from "@emotion/styled/base";
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { styledOptions, variant } from '@codecademy/gamut-styles';
+import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const positionVariants = variant({
+  prop: 'position',
+  base: {
+    display: 'flex',
+    alignItems: 'center',
+    height: '100%',
+    zIndex: 1
+  },
+  variants: {
+    left: {
+      flex: 1
+    },
+    right: {
+      flex: 1,
+      justifyContent: 'flex-end'
+    },
+    center: {
+      flex: 2,
+      justifyContent: 'center',
+      textAlign: 'center'
+    }
+  }
+});
+const StyledSection = /*#__PURE__*/_styled('div', _extends({}, {
+  target: "eszklt40",
+  label: "StyledSection"
+}, styledOptions))(positionVariants, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BcHBCYXIvQXBwQmFyU2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NzQiIsImZpbGUiOiIuLi8uLi9zcmMvQXBwQmFyL0FwcEJhclNlY3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgV2l0aENoaWxkcmVuUHJvcCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHN0eWxlZE9wdGlvbnMsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgcG9zaXRpb25WYXJpYW50cyA9IHZhcmlhbnQoe1xuICBwcm9wOiAncG9zaXRpb24nLFxuICBiYXNlOiB7XG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIHpJbmRleDogMSxcbiAgfSxcbiAgdmFyaWFudHM6IHtcbiAgICBsZWZ0OiB7XG4gICAgICBmbGV4OiAxLFxuICAgIH0sXG4gICAgcmlnaHQ6IHtcbiAgICAgIGZsZXg6IDEsXG4gICAgICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtZW5kJyxcbiAgICB9LFxuICAgIGNlbnRlcjoge1xuICAgICAgZmxleDogMixcbiAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICAgIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFwcEJhclNlY3Rpb25Qcm9wc1xuICBleHRlbmRzIFN0eWxlUHJvcHM8dHlwZW9mIHBvc2l0aW9uVmFyaWFudHM+LFxuICAgIFdpdGhDaGlsZHJlblByb3Age31cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChcbiAgJ2RpdicsXG4gIHN0eWxlZE9wdGlvbnNcbik8QXBwQmFyU2VjdGlvblByb3BzPihwb3NpdGlvblZhcmlhbnRzKTtcblxuZXhwb3J0IGNvbnN0IEFwcEJhclNlY3Rpb246IFJlYWN0LkZDPEFwcEJhclNlY3Rpb25Qcm9wcz4gPSAoe1xuICBwb3NpdGlvbixcbiAgY2hpbGRyZW4sXG59KSA9PiB7XG4gIHJldHVybiA8U3R5bGVkU2VjdGlvbiBwb3NpdGlvbj17cG9zaXRpb259PntjaGlsZHJlbn08L1N0eWxlZFNlY3Rpb24+O1xufTtcbiJdfQ== */");
+export const AppBarSection = ({
+  position,
+  children
+}) => {
+  return /*#__PURE__*/_jsx(StyledSection, {
+    position: position,
+    children: children
+  });
+};

package/dist/AppBar/index.d.ts

@@ -0,0 +1,9 @@
+import { ContentContainer, WithChildrenProp } from '@codecademy/gamut';
+import * as React from 'react';
+export interface AppBarProps extends WithChildrenProp, Pick<React.ComponentProps<typeof ContentContainer>, 'aria-label' | 'as'> {
+    /**
+     * Whether the container should be larger than the default content size.
+     */
+    wide?: boolean;
+}
+export declare const AppBar: React.FC<AppBarProps>;

package/dist/AppBar/index.js

@@ -0,0 +1,20 @@
+import { ContentContainer } from '@codecademy/gamut';
+import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const AppBar = ({
+  'aria-label': ariaLabel,
+  as,
+  wide,
+  children
+}) => {
+  return /*#__PURE__*/_jsx(ContentContainer, {
+    "aria-label": ariaLabel,
+    as: as,
+    display: "flex",
+    alignItems: "center",
+    height: "100%",
+    size: wide ? 'wide' : 'medium',
+    zIndex: 14,
+    children: children
+  });
+};

package/dist/AppBarDeprecated/AppBarSectionDeprecated.d.ts

@@ -0,0 +1,14 @@
+import { WithChildrenProp } from '@codecademy/gamut';
+import * as React from 'react';
+export interface AppBarSectionPropsDeprecated extends WithChildrenProp {
+    /**
+     * Position of the the section within the AppBar.
+     */
+    position?: 'left' | 'center' | 'right';
+    className?: string;
+}
+/**
+ * @deprecated use `<AppBarSection>` instead
+ * this component still exists since `<Footer>` in le-shared uses classnames
+ */
+export declare const AppBarSectionDeprecated: React.FC<AppBarSectionPropsDeprecated>;

package/dist/AppBarDeprecated/AppBarSectionDeprecated.js

@@ -0,0 +1,25 @@
+import cx from 'classnames';
+import * as React from 'react';
+
+// eslint-disable-next-line gamut/no-css-standalone
+import styles from './styles/index.module.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated use `<AppBarSection>` instead
+ * this component still exists since `<Footer>` in le-shared uses classnames
+ */
+export const AppBarSectionDeprecated = ({
+  position,
+  className,
+  children
+}) => {
+  const classes = cx(styles.section, {
+    [styles.sectionRight]: position === 'right',
+    [styles.sectionLeft]: position === 'left',
+    [styles.sectionCenter]: position === 'center'
+  }, className);
+  return /*#__PURE__*/_jsx("div", {
+    className: classes,
+    children: children
+  });
+};

package/dist/AppBarDeprecated/index.d.ts

@@ -0,0 +1,14 @@
+import { WithChildrenProp } from '@codecademy/gamut';
+import * as React from 'react';
+export interface AppBarPropsDeprecated extends WithChildrenProp {
+    className?: string;
+    /**
+     * Whether the container should be larger than the default content size.
+     */
+    wide?: boolean;
+}
+/**
+ * @deprecated use `<AppBar>` instead
+ * this component still exists since `<Footer>` in le-shared uses classnames
+ */
+export declare const AppBarDeprecated: React.FC<AppBarPropsDeprecated>;

package/dist/AppBarDeprecated/index.js

@@ -0,0 +1,26 @@
+import { ContentContainer } from '@codecademy/gamut';
+import cx from 'classnames';
+import * as React from 'react';
+
+// eslint-disable-next-line gamut/no-css-standalone
+import styles from './styles/index.module.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated use `<AppBar>` instead
+ * this component still exists since `<Footer>` in le-shared uses classnames
+ */
+export const AppBarDeprecated = ({
+  wide,
+  children,
+  className
+}) => {
+  const classes = cx(styles.wrapper, className);
+  return /*#__PURE__*/_jsx(ContentContainer, {
+    className: classes,
+    display: "flex",
+    alignItems: "center",
+    height: "100%",
+    size: wide ? 'wide' : 'medium',
+    children: children
+  });
+};

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.d.ts

@@ -0,0 +1,13 @@
+import { Scale } from '@codecademy/variance/dist/types/config';
+export type MarketingBannerProps = {
+    source: 'catalog' | 'resources' | 'search';
+    tabIndex: number;
+    text: string;
+    href: string;
+    py?: Scale<{
+        readonly property: 'padding';
+        readonly properties: readonly ['paddingTop', 'paddingBottom'];
+        readonly scale: 'spacing';
+    }>;
+};
+export declare const MarketingBanner: React.FC<MarketingBannerProps>;

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.js

@@ -0,0 +1,111 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { Anchor, Badge, Box, FlexBox, Text } from '@codecademy/gamut';
+import { ArrowRightIcon } from '@codecademy/gamut-icons';
+import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MarketingBannerAnchor = /*#__PURE__*/_styled(Anchor, {
+  target: "e11di3442",
+  label: "MarketingBannerAnchor"
+})(process.env.NODE_ENV === "production" ? {
+  name: "pdaf9u",
+  styles: "display:flex;&:hover,&:focus-visible{outline:none;text-decoration:none;}"
+} : {
+  name: "pdaf9u",
+  styles: "display:flex;&:hover,&:focus-visible{outline:none;text-decoration:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzRDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJhZGdlLCBCb3gsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd1JpZ2h0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpYFxuICBkaXNwbGF5OiBmbGV4O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckJveCA9IHN0eWxlZChGbGV4Qm94KWBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfSxcbiAgICAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIwKSc7XG4gIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE0NWRlZyxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS04MDAnXX0gNTAlLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICk7XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgICAgMTQ1ZGVnLFxuICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDg1JSxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICAgKTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMC40cyBlYXNlLWluLW91dDtcbiAgICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICB9XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgICY6OmFmdGVyIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdBcnJvd0ljb24gPSBzdHlsZWQoQXJyb3dSaWdodEljb24pYFxuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcblxuICAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06aG92ZXIgJiwgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmZvY3VzLXZpc2libGUgJiB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwcHgpO1xuICB9XG5cbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBNYXJrZXRpbmdCYW5uZXJQcm9wcyA9IHtcbiAgc291cmNlOiAnY2F0YWxvZycgfCAncmVzb3VyY2VzJyB8ICdzZWFyY2gnO1xuICB0YWJJbmRleDogbnVtYmVyO1xuICB0ZXh0OiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbiAgcHk/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBwcm9wZXJ0aWVzOiByZWFkb25seSBbJ3BhZGRpbmdUb3AnLCAncGFkZGluZ0JvdHRvbSddO1xuICAgIHJlYWRvbmx5IHNjYWxlOiAnc3BhY2luZyc7XG4gIH0+O1xufTtcblxuZXhwb3J0IGNvbnN0IE1hcmtldGluZ0Jhbm5lcjogUmVhY3QuRkM8TWFya2V0aW5nQmFubmVyUHJvcHM+ID0gKHtcbiAgc291cmNlLFxuICB0YWJJbmRleCxcbiAgdGV4dCxcbiAgaHJlZixcbiAgcHksXG59KSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICByZXR1cm4gKFxuICAgIDxNYXJrZXRpbmdCYW5uZXJBbmNob3JcbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQsXG4gICAgICAgICAgaWQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgICAgdHJhY2tpbmdUYXJnZXQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICBkYXRhLXRlc3RpZD1cIm1hcmtldGluZy1iYW5uZXJcIlxuICAgID5cbiAgICAgIDxNYXJrZXRpbmdCYW5uZXJCb3hcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1lbmQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgaGVpZ2h0PXt7IF86ICdhdXRvJywgbGc6ICc0MHB4JyB9fVxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgbXg9ezh9XG4gICAgICAgIG10PXs4fVxuICAgICAgICBweD17MjR9XG4gICAgICAgIHB5PXtweSA/PyB7IF86IDE2LCBsZzogOCB9fVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1zdGFydCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIGxnOiAncm93JyB9fVxuICAgICAgICAgIGdhcD17eyBfOiA4LCBsZzogMCB9fVxuICAgICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgPlxuICAgICAgICAgIDxCYWRnZVxuICAgICAgICAgICAgYmc9XCJ5ZWxsb3ctNTAwXCJcbiAgICAgICAgICAgIGNvbG9yPVwibmF2eS04MDBcIlxuICAgICAgICAgICAgdmFyaWFudD1cImN1c3RvbVwiXG4gICAgICAgICAgICBzaXplPVwic21cIlxuICAgICAgICAgICAgbXI9ezh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgTmV3XG4gICAgICAgICAgPC9CYWRnZT5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1iYXNlXCI+e3RleHR9PC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3ggaGVpZ2h0PXsxNn0gd2lkdGg9ezE2fSB6SW5kZXg9ezF9PlxuICAgICAgICAgIDxNYXJrZXRpbmdBcnJvd0ljb24gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L01hcmtldGluZ0Jhbm5lckJveD5cbiAgICA8L01hcmtldGluZ0Jhbm5lckFuY2hvcj5cbiAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const MarketingBannerBox = /*#__PURE__*/_styled(FlexBox, {
+  target: "e11di3441",
+  label: "MarketingBannerBox"
+})("border:1px solid ", ({
+  theme
+}) => theme.colors['border-tertiary'], ",'rgba(255, 255, 255, 0.20)';border-radius:12px;position:relative;background:linear-gradient(\n    145deg,\n    ", ({
+  theme
+}) => theme.colors['navy-800'], " 50%,\n    ", ({
+  theme
+}) => theme.colors['blue-400'], " 100%\n  );&::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(\n      145deg,\n      ", ({
+  theme
+}) => theme.colors['navy-800'], " 85%,\n      ", ({
+  theme
+}) => theme.colors['blue-400'], " 100%\n    );opacity:0;transition:opacity 0.4s ease-in-out;border-radius:12px;}", MarketingBannerAnchor, ":hover &,", MarketingBannerAnchor, ":focus-visible &{&::after{opacity:1;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIwQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bi9NYXJrZXRpbmdCYW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCYWRnZSwgQm94LCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dSaWdodEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBTY2FsZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlL2Rpc3QvdHlwZXMvY29uZmlnJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgZGlzcGxheTogZmxleDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJCb3ggPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX0sXG4gICAgJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yMCknO1xuICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxNDVkZWcsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDUwJSxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICApO1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIDE0NWRlZyxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTgwMCddfSA4NSUsXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICAgICk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuNHMgZWFzZS1pbi1vdXQ7XG4gICAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgfVxuXG4gICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpob3ZlciAmLCAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06Zm9jdXMtdmlzaWJsZSAmIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgTWFya2V0aW5nQXJyb3dJY29uID0gc3R5bGVkKEFycm93UmlnaHRJY29uKWBcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMHB4KTtcbiAgfVxuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgTWFya2V0aW5nQmFubmVyUHJvcHMgPSB7XG4gIHNvdXJjZTogJ2NhdGFsb2cnIHwgJ3Jlc291cmNlcycgfCAnc2VhcmNoJztcbiAgdGFiSW5kZXg6IG51bWJlcjtcbiAgdGV4dDogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIHB5PzogU2NhbGU8e1xuICAgIHJlYWRvbmx5IHByb3BlcnR5OiAncGFkZGluZyc7XG4gICAgcmVhZG9ubHkgcHJvcGVydGllczogcmVhZG9ubHkgWydwYWRkaW5nVG9wJywgJ3BhZGRpbmdCb3R0b20nXTtcbiAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICB9Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBNYXJrZXRpbmdCYW5uZXI6IFJlYWN0LkZDPE1hcmtldGluZ0Jhbm5lclByb3BzPiA9ICh7XG4gIHNvdXJjZSxcbiAgdGFiSW5kZXgsXG4gIHRleHQsXG4gIGhyZWYsXG4gIHB5LFxufSkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8TWFya2V0aW5nQmFubmVyQW5jaG9yXG4gICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIHtcbiAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgaHJlZixcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIGlkOiBgdG9wbmF2XyR7c291cmNlfV9iYW5uZXJgLFxuICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiBgdG9wbmF2XyR7c291cmNlfV9iYW5uZXJgLFxuICAgICAgICB9KVxuICAgICAgfVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgZGF0YS10ZXN0aWQ9XCJtYXJrZXRpbmctYmFubmVyXCJcbiAgICA+XG4gICAgICA8TWFya2V0aW5nQmFubmVyQm94XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2ZsZXgtZW5kJywgbGc6ICdjZW50ZXInIH19XG4gICAgICAgIGhlaWdodD17eyBfOiAnYXV0bycsIGxnOiAnNDBweCcgfX1cbiAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgIG14PXs4fVxuICAgICAgICBtdD17OH1cbiAgICAgICAgcHg9ezI0fVxuICAgICAgICBweT17cHkgPz8geyBfOiAxNiwgbGc6IDggfX1cbiAgICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2ZsZXgtc3RhcnQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPXt7IF86ICdjb2x1bW4nLCBsZzogJ3JvdycgfX1cbiAgICAgICAgICBnYXA9e3sgXzogOCwgbGc6IDAgfX1cbiAgICAgICAgICB6SW5kZXg9ezF9XG4gICAgICAgID5cbiAgICAgICAgICA8QmFkZ2VcbiAgICAgICAgICAgIGJnPVwieWVsbG93LTUwMFwiXG4gICAgICAgICAgICBjb2xvcj1cIm5hdnktODAwXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJjdXN0b21cIlxuICAgICAgICAgICAgc2l6ZT1cInNtXCJcbiAgICAgICAgICAgIG1yPXs4fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIE5ld1xuICAgICAgICAgIDwvQmFkZ2U+XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInAtYmFzZVwiPnt0ZXh0fTwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8Qm94IGhlaWdodD17MTZ9IHdpZHRoPXsxNn0gekluZGV4PXsxfT5cbiAgICAgICAgICA8TWFya2V0aW5nQXJyb3dJY29uIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9NYXJrZXRpbmdCYW5uZXJCb3g+XG4gICAgPC9NYXJrZXRpbmdCYW5uZXJBbmNob3I+XG4gICk7XG59O1xuIl19 */"));
+const MarketingArrowIcon = /*#__PURE__*/_styled(ArrowRightIcon, {
+  target: "e11di3440",
+  label: "MarketingArrowIcon"
+})("transition:transform 0.2s ease-in-out;", MarketingBannerAnchor, ":hover &,", MarketingBannerAnchor, ":focus-visible &{transform:translateX(10px);}@media (prefers-reduced-motion: reduce){transition:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0RpRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bi9NYXJrZXRpbmdCYW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCYWRnZSwgQm94LCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dSaWdodEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBTY2FsZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlL2Rpc3QvdHlwZXMvY29uZmlnJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgZGlzcGxheTogZmxleDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJCb3ggPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX0sXG4gICAgJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yMCknO1xuICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxNDVkZWcsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDUwJSxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICApO1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIDE0NWRlZyxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTgwMCddfSA4NSUsXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICAgICk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuNHMgZWFzZS1pbi1vdXQ7XG4gICAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgfVxuXG4gICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpob3ZlciAmLCAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06Zm9jdXMtdmlzaWJsZSAmIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgTWFya2V0aW5nQXJyb3dJY29uID0gc3R5bGVkKEFycm93UmlnaHRJY29uKWBcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMHB4KTtcbiAgfVxuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgTWFya2V0aW5nQmFubmVyUHJvcHMgPSB7XG4gIHNvdXJjZTogJ2NhdGFsb2cnIHwgJ3Jlc291cmNlcycgfCAnc2VhcmNoJztcbiAgdGFiSW5kZXg6IG51bWJlcjtcbiAgdGV4dDogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIHB5PzogU2NhbGU8e1xuICAgIHJlYWRvbmx5IHByb3BlcnR5OiAncGFkZGluZyc7XG4gICAgcmVhZG9ubHkgcHJvcGVydGllczogcmVhZG9ubHkgWydwYWRkaW5nVG9wJywgJ3BhZGRpbmdCb3R0b20nXTtcbiAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICB9Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBNYXJrZXRpbmdCYW5uZXI6IFJlYWN0LkZDPE1hcmtldGluZ0Jhbm5lclByb3BzPiA9ICh7XG4gIHNvdXJjZSxcbiAgdGFiSW5kZXgsXG4gIHRleHQsXG4gIGhyZWYsXG4gIHB5LFxufSkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8TWFya2V0aW5nQmFubmVyQW5jaG9yXG4gICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIHtcbiAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgaHJlZixcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIGlkOiBgdG9wbmF2XyR7c291cmNlfV9iYW5uZXJgLFxuICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiBgdG9wbmF2XyR7c291cmNlfV9iYW5uZXJgLFxuICAgICAgICB9KVxuICAgICAgfVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgZGF0YS10ZXN0aWQ9XCJtYXJrZXRpbmctYmFubmVyXCJcbiAgICA+XG4gICAgICA8TWFya2V0aW5nQmFubmVyQm94XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2ZsZXgtZW5kJywgbGc6ICdjZW50ZXInIH19XG4gICAgICAgIGhlaWdodD17eyBfOiAnYXV0bycsIGxnOiAnNDBweCcgfX1cbiAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgIG14PXs4fVxuICAgICAgICBtdD17OH1cbiAgICAgICAgcHg9ezI0fVxuICAgICAgICBweT17cHkgPz8geyBfOiAxNiwgbGc6IDggfX1cbiAgICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2ZsZXgtc3RhcnQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPXt7IF86ICdjb2x1bW4nLCBsZzogJ3JvdycgfX1cbiAgICAgICAgICBnYXA9e3sgXzogOCwgbGc6IDAgfX1cbiAgICAgICAgICB6SW5kZXg9ezF9XG4gICAgICAgID5cbiAgICAgICAgICA8QmFkZ2VcbiAgICAgICAgICAgIGJnPVwieWVsbG93LTUwMFwiXG4gICAgICAgICAgICBjb2xvcj1cIm5hdnktODAwXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJjdXN0b21cIlxuICAgICAgICAgICAgc2l6ZT1cInNtXCJcbiAgICAgICAgICAgIG1yPXs4fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIE5ld1xuICAgICAgICAgIDwvQmFkZ2U+XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInAtYmFzZVwiPnt0ZXh0fTwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8Qm94IGhlaWdodD17MTZ9IHdpZHRoPXsxNn0gekluZGV4PXsxfT5cbiAgICAgICAgICA8TWFya2V0aW5nQXJyb3dJY29uIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9NYXJrZXRpbmdCYW5uZXJCb3g+XG4gICAgPC9NYXJrZXRpbmdCYW5uZXJBbmNob3I+XG4gICk7XG59O1xuIl19 */"));
+export const MarketingBanner = ({
+  source,
+  tabIndex,
+  text,
+  href,
+  py
+}) => {
+  const {
+    globalHeaderItemClick
+  } = useGlobalHeaderItemClick();
+  return /*#__PURE__*/_jsx(MarketingBannerAnchor, {
+    variant: "interface",
+    href: href,
+    onClick: event => globalHeaderItemClick(event, {
+      type: 'link',
+      href,
+      text,
+      id: `topnav_${source}_banner`,
+      trackingTarget: `topnav_${source}_banner`
+    }),
+    tabIndex: tabIndex,
+    "data-testid": "marketing-banner",
+    children: /*#__PURE__*/_jsxs(MarketingBannerBox, {
+      width: "100%",
+      justifyContent: "space-between",
+      alignItems: {
+        _: 'flex-end',
+        lg: 'center'
+      },
+      height: {
+        _: 'auto',
+        lg: '40px'
+      },
+      color: "white",
+      mx: 8,
+      mt: 8,
+      px: 24,
+      py: py ?? {
+        _: 16,
+        lg: 8
+      },
+      borderRadius: "lg",
+      children: [/*#__PURE__*/_jsxs(FlexBox, {
+        alignItems: {
+          _: 'flex-start',
+          lg: 'center'
+        },
+        flexDirection: {
+          _: 'column',
+          lg: 'row'
+        },
+        gap: {
+          _: 8,
+          lg: 0
+        },
+        zIndex: 1,
+        children: [/*#__PURE__*/_jsx(Badge, {
+          bg: "yellow-500",
+          color: "navy-800",
+          variant: "custom",
+          size: "sm",
+          mr: 8,
+          children: "New"
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "p-base",
+          children: text
+        })]
+      }), /*#__PURE__*/_jsx(Box, {
+        height: 16,
+        width: 16,
+        zIndex: 1,
+        children: /*#__PURE__*/_jsx(MarketingArrowIcon, {})
+      })]
+    })
+  });
+};

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.d.ts

@@ -0,0 +1,8 @@
+export declare const CourseTopicsPanel: () => import("react/jsx-runtime").JSX.Element;
+export declare const DietCardGrid: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CareerPathsPanel: () => import("react/jsx-runtime").JSX.Element;
+export declare const SkillPathsPanel: () => import("react/jsx-runtime").JSX.Element;
+export declare const CertificationPathsPanel: () => import("react/jsx-runtime").JSX.Element;
+export declare const LiveLearningPanel: () => import("react/jsx-runtime").JSX.Element;