@codecademy/brand 3.26.0-alpha.11d3f104ec.0 → 3.26.0-alpha.18e8b1387b.0

package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/StyledAppHeaderLink.js

@@ -1,36 +0,0 @@
-import _styled from "@emotion/styled/base";
-import { css, theme } from '@codecademy/gamut-styles';
-import { AppHeaderLink } from '../../AppHeaderLink';
-export const StyledAppHeaderLink = /*#__PURE__*/_styled(AppHeaderLink, {
-  target: "e1oc8aqt0",
-  label: "StyledAppHeaderLink"
-})(css({
-  display: 'flex',
-  position: 'relative',
-  '@media (max-width: 1199px)': {
-    pl: 0
-  },
-  '&::before': {
-    content: '""',
-    position: 'absolute',
-    width: 'calc(100% - 24px)',
-    left: {
-      _: 0,
-      lg: 12
-    },
-    borderRadius: 'lg',
-    transition: 'background-color 0.15s ease',
-    pointerEvents: 'none',
-    zIndex: -1
-  },
-  '&:hover::before, &:focus-visible::before': {
-    backgroundColor: theme.colors['navy-100']
-  },
-  '&:hover, &:focus-visible, &:active': {
-    color: 'hyper-400',
-    borderRadius: 'lg'
-  },
-  '&:active::before': {
-    backgroundColor: theme.colors['navy-200']
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd25MaW5rcy9lbGVtZW50cy9TdHlsZWRBcHBIZWFkZXJMaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLbUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJEcm9wZG93bkxpbmtzL2VsZW1lbnRzL1N0eWxlZEFwcEhlYWRlckxpbmsudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckxpbmsgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXJMaW5rJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEhlYWRlckxpbmsgPSBzdHlsZWQoQXBwSGVhZGVyTGluaykoXG4gIGNzcyh7XG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICdAbWVkaWEgKG1heC13aWR0aDogMTE5OXB4KSc6IHtcbiAgICAgIHBsOiAwLFxuICAgIH0sXG4gICAgJyY6OmJlZm9yZSc6IHtcbiAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgd2lkdGg6ICdjYWxjKDEwMCUgLSAyNHB4KScsXG4gICAgICBsZWZ0OiB7IF86IDAsIGxnOiAxMiB9LFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQtY29sb3IgMC4xNXMgZWFzZScsXG4gICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICB6SW5kZXg6IC0xLFxuICAgIH0sXG4gICAgJyY6aG92ZXI6OmJlZm9yZSwgJjpmb2N1cy12aXNpYmxlOjpiZWZvcmUnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXSxcbiAgICB9LFxuICAgICcmOmhvdmVyLCAmOmZvY3VzLXZpc2libGUsICY6YWN0aXZlJzoge1xuICAgICAgY29sb3I6ICdoeXBlci00MDAnLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgIH0sXG4gICAgJyY6YWN0aXZlOjpiZWZvcmUnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0yMDAnXSxcbiAgICB9LFxuICB9KVxuKTtcbiJdfQ== */");

package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/types.d.ts

@@ -1,4 +0,0 @@
-import { AppHeaderLinkProps } from '../../AppHeaderLink';
-export type AppHeaderDropdownLinkProps = AppHeaderLinkProps & {
-    isFirstElem?: boolean;
-};

package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/types.js

@@ -1 +0,0 @@
-export {};

package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/index.d.ts

@@ -1,2 +0,0 @@
-export * from './elements/AppHeaderDropdownLink';
-export * from './elements/AppHeaderMenuItem';

package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/index.js

@@ -1,2 +0,0 @@
-export * from './elements/AppHeaderDropdownLink';
-export * from './elements/AppHeaderMenuItem';

package/dist/AppHeader/AppHeaderElements/AppHeaderNavButton/AppHeaderDropdownNavButton.d.ts

@@ -1,18 +0,0 @@
-import { GamutIconProps } from '@codecademy/gamut-icons';
-interface AppHeaderNavButtonBaseProps {
-    buttonRef: React.RefObject<HTMLButtonElement>;
-    handleOnClick: (event: React.MouseEvent) => void;
-    isOpen: boolean;
-    title?: string;
-}
-interface AppHeaderTextNavButtonProps extends AppHeaderNavButtonBaseProps {
-    icon?: never;
-    isIconOnly?: never;
-}
-interface AppHeaderIconNavButtonProps extends AppHeaderNavButtonBaseProps {
-    icon: React.ComponentType<GamutIconProps>;
-    isIconOnly?: boolean;
-}
-type AppHeaderNavButtonProps = AppHeaderTextNavButtonProps | AppHeaderIconNavButtonProps;
-export declare const AppHeaderDropdownNavButton: React.FC<AppHeaderNavButtonProps>;
-export {};

package/dist/AppHeader/AppHeaderElements/AppHeaderNavButton/AppHeaderDropdownNavButton.js

@@ -1,50 +0,0 @@
-import { IconButton } from '@codecademy/gamut';
-import { DropdownAnchor, DropdownIcon, StyledText } from '../../shared';
-import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const AppHeaderDropdownNavButton = ({
-  buttonRef,
-  handleOnClick,
-  icon,
-  isOpen,
-  title,
-  isIconOnly
-}) => {
-  const {
-    firstItemRef
-  } = useAppHeaderDropdownContext();
-  const dropdownNavOnClick = e => {
-    handleOnClick(e);
-    if (!isOpen) {
-      firstItemRef?.focus();
-    }
-  };
-  const sharedProps = {
-    'aria-expanded': isOpen,
-    onClick: dropdownNavOnClick,
-    ref: buttonRef
-  };
-  if (icon && isIconOnly) return /*#__PURE__*/_jsx(IconButton, {
-    icon: icon,
-    tip: title ?? 'Dropdown',
-    tipProps: {
-      alignment: 'bottom-center',
-      placement: 'floating'
-    },
-    ...sharedProps
-  });
-  return /*#__PURE__*/_jsxs(DropdownAnchor, {
-    ...sharedProps,
-    title: title,
-    variant: "interface",
-    children: [/*#__PURE__*/_jsx(StyledText, {
-      fontWeight: isOpen ? 'bold' : 'normal',
-      textAlign: "center",
-      title: title,
-      children: title
-    }), /*#__PURE__*/_jsx(DropdownIcon, {
-      open: isOpen,
-      size: 12
-    })]
-  });
-};

package/dist/AppHeader/AppHeaderElements/AppHeaderNavButton/AppHeaderMenuNavButton.d.ts

@@ -1,9 +0,0 @@
-import { AppHeaderProfileDropdownItem } from '../../shared';
-interface AppHeaderMenuNavButtonProps {
-    buttonRef: React.RefObject<HTMLButtonElement>;
-    handleOnClick: (event: React.MouseEvent) => void;
-    isOpen: boolean;
-    item: AppHeaderProfileDropdownItem;
-}
-export declare const AppHeaderMenuNavButton: React.FC<AppHeaderMenuNavButtonProps>;
-export {};

package/dist/AppHeader/AppHeaderElements/AppHeaderNavButton/AppHeaderMenuNavButton.js

@@ -1,38 +0,0 @@
-import { TextButton } from '@codecademy/gamut';
-import { Avatar } from '../../../Avatar';
-import { useAppHeaderMenuContext } from '../AppHeaderMenuProvider';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const AppHeaderMenuNavButton = ({
-  buttonRef,
-  handleOnClick,
-  isOpen,
-  item
-}) => {
-  const {
-    menuItems,
-    resetIndex
-  } = useAppHeaderMenuContext();
-  const profileOnClick = e => {
-    const menuItemsArray = menuItems.values();
-    const firstMenuItem = menuItemsArray.next().value;
-    handleOnClick(e);
-    firstMenuItem?.focus();
-  };
-  return /*#__PURE__*/_jsx(TextButton, {
-    "aria-expanded": isOpen,
-    "aria-haspopup": true,
-    "data-testid": "avatar-dropdown-button",
-    onClick: profileOnClick
-    // this resets our programatic menu index to 0 in case someone clicks out of the dropdown
-    ,
-    onFocus: resetIndex,
-    ref: buttonRef,
-    variant: "interface",
-    children: /*#__PURE__*/_jsx(Avatar, {
-      alt: "User profile avatar",
-      disableDropshadow: true,
-      size: 40,
-      src: item.avatar
-    })
-  });
-};