@codecademy/brand 3.40.1-alpha.db88c958d7.0 → 4.0.0-alpha.14deb86052.0

package/dist/stories/Molecules/AppHeader/AppHeaderLink.stories.js

@@ -1,50 +0,0 @@
-import { AppHeaderLink } from '../../../index';
-import { jsx as _jsx } from "react/jsx-runtime";
-const meta = {
-  component: AppHeaderLink,
-  args: {
-    item: {
-      id: 'link',
-      href: 'http://codecademy.com',
-      text: 'Nav Link',
-      trackingTarget: 'tracking-target',
-      type: 'link'
-    }
-  }
-};
-export default meta;
-export const Default = {
-  render: args => /*#__PURE__*/_jsx(AppHeaderLink, {
-    ...args
-  }),
-  name: 'AppHeaderLink'
-};
-export const CurrentTab = {
-  render: args => /*#__PURE__*/_jsx(AppHeaderLink, {
-    ...args
-  }),
-  args: {
-    item: {
-      id: 'link-current-tab',
-      href: 'http://codecademy.com',
-      text: 'Current Tab',
-      trackingTarget: 'tracking-target',
-      type: 'link'
-    }
-  }
-};
-export const NewTab = {
-  render: args => /*#__PURE__*/_jsx(AppHeaderLink, {
-    ...args
-  }),
-  args: {
-    item: {
-      id: 'link-new-tab',
-      href: 'http://codecademy.com',
-      newTab: true,
-      text: 'New Tab',
-      trackingTarget: 'tracking-target',
-      type: 'link'
-    }
-  }
-};

package/dist/stories/Molecules/AppHeader/AppHeaderLogo.stories.js

@@ -1,43 +0,0 @@
-import { AppHeaderLogo } from '../../../index';
-import { jsx as _jsx } from "react/jsx-runtime";
-const meta = {
-  component: AppHeaderLogo,
-  args: {
-    item: {
-      enterprise: false,
-      href: 'http://codecademy.com',
-      id: 'pro-logo',
-      pro: true,
-      trackingTarget: 'test',
-      type: 'logo'
-    }
-  }
-};
-export default meta;
-export const Default = {
-  render: args => /*#__PURE__*/_jsx(AppHeaderLogo, {
-    ...args
-  }),
-  name: 'AppHeaderLogo'
-};
-export const Pro = {
-  render: args => /*#__PURE__*/_jsx(AppHeaderLogo, {
-    ...args
-  })
-};
-export const FreeAnon = {
-  render: args => /*#__PURE__*/_jsx(AppHeaderLogo, {
-    ...args
-  }),
-  name: 'Free + Anon',
-  args: {
-    item: {
-      pro: false,
-      href: 'http://codecademy.com',
-      trackingTarget: 'test',
-      type: 'logo',
-      enterprise: false,
-      id: 'free-anon-logo'
-    }
-  }
-};

package/dist/stories/Molecules/AppHeader/AppHeaderMainMenuMobile.stories.js

@@ -1,34 +0,0 @@
-import { BookFlipPageIcon, HouseEntranceIcon } from '@codecademy/gamut-icons';
-import { AppHeaderMainMenuMobile } from '../../../index';
-import { MOCK_DROPDOWN_1, MOCK_DROPDOWN_2, MOCK_PROFILE_DROPDOWN } from './MockAppHeaderElements';
-import { jsx as _jsx } from "react/jsx-runtime";
-const meta = {
-  component: AppHeaderMainMenuMobile,
-  args: {
-    action: () => {},
-    items: [{
-      dataTestId: 'header-catalog',
-      icon: BookFlipPageIcon,
-      id: 'course-catalog',
-      text: 'Course Catalog',
-      href: '/catalog',
-      trackingTarget: 'topnav_catalog',
-      type: 'link'
-    }, {
-      dataTestId: 'header-home',
-      icon: HouseEntranceIcon,
-      id: 'my-home',
-      text: 'My Home',
-      href: '/learn',
-      trackingTarget: 'topnav_home',
-      type: 'link'
-    }, MOCK_DROPDOWN_1, MOCK_DROPDOWN_2, MOCK_PROFILE_DROPDOWN]
-  }
-};
-export default meta;
-export const Default = {
-  render: args => /*#__PURE__*/_jsx(AppHeaderMainMenuMobile, {
-    ...args
-  }),
-  name: 'AppHeaderMainMenuMobile'
-};

package/dist/stories/Molecules/AppHeader/AppHeaderMobile.stories.js

@@ -1,40 +0,0 @@
-import { AppHeaderMobile } from '../../../index';
-import { MOCK_DROPDOWN_1, MOCK_DROPDOWN_2, MOCK_LINK, MOCK_PROFILE_DROPDOWN } from './MockAppHeaderElements';
-import { jsx as _jsx } from "react/jsx-runtime";
-const meta = {
-  component: AppHeaderMobile,
-  args: {
-    action: () => {},
-    items: {
-      left: [{
-        id: 'logo-1',
-        href: 'http://codecademy.com',
-        pro: false,
-        trackingTarget: 'tracking-target',
-        type: 'logo',
-        enterprise: false
-      }],
-      right: [{
-        id: 'text-button',
-        text: 'Log in',
-        href: 'http://codecademy.com',
-        trackingTarget: 'tracking-target',
-        type: 'text-button'
-      }, {
-        id: 'fill-button',
-        text: 'Sign up',
-        href: 'http://codecademy.com',
-        trackingTarget: 'tracking-target',
-        type: 'fill-button'
-      }],
-      mainMenu: [MOCK_LINK, MOCK_DROPDOWN_1, MOCK_DROPDOWN_2, MOCK_PROFILE_DROPDOWN]
-    }
-  }
-};
-export default meta;
-export const Default = {
-  render: args => /*#__PURE__*/_jsx(AppHeaderMobile, {
-    ...args
-  }),
-  name: 'AppHeaderMobile'
-};

package/dist/stories/Molecules/AppHeader/AppHeaderSubMenuMobile.stories.js

@@ -1,25 +0,0 @@
-import { AppHeaderSubNavMobile } from '../../../index';
-import { MOCK_DROPDOWN_1, MOCK_PROFILE_DROPDOWN } from './MockAppHeaderElements';
-import { jsx as _jsx } from "react/jsx-runtime";
-const meta = {
-  component: AppHeaderSubNavMobile,
-  args: {
-    item: MOCK_DROPDOWN_1
-  }
-};
-export default meta;
-export const Default = {
-  render: args => /*#__PURE__*/_jsx(AppHeaderSubNavMobile, {
-    ...args
-  }),
-  name: 'AppHeaderSubMenuMobile'
-};
-export const AppHeaderSubMenuMobileProfile = {
-  render: args => /*#__PURE__*/_jsx(AppHeaderSubNavMobile, {
-    ...args
-  }),
-  args: {
-    item: MOCK_PROFILE_DROPDOWN
-  },
-  name: 'AppHeaderSubMenuMobile - Profile'
-};

package/dist/stories/Molecules/AppHeader/LXStudioHeader.stories.js

@@ -1,176 +0,0 @@
-import { Box, FlexBox, Text } from '@codecademy/gamut';
-import { ArrowDashRightIcon, CloudCheckIcon, CommentsIcon, ConversationChatIcon, EarthIcon, GearIcon, LayoutModuleIcon, MiniArrowLeftIcon, PercipioIcon, PersonIcon, SupportIcon, TrashIcon } from '@codecademy/gamut-icons';
-import { AppHeader, LogoLXStudio } from '../../../index';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const meta = {
-  component: AppHeader,
-  parameters: {
-    layout: 'fullscreen'
-  },
-  args: {
-    action: () => {},
-    dropdownSpacing: 'condensed',
-    isStandalone: true,
-    hideRightButtonDefaults: true,
-    items: {
-      left: [{
-        id: 'render-element',
-        renderElement: () => /*#__PURE__*/_jsx(Box, {
-          children: /*#__PURE__*/_jsx(LogoLXStudio, {
-            height: 40,
-            width: 196.92
-          })
-        }),
-        type: 'render-element'
-      }],
-      right: [{
-        id: 'menu',
-        text: 'Menu',
-        icon: LayoutModuleIcon,
-        isIconOnly: true,
-        popover: [{
-          id: 'sublink-1',
-          text: 'Percipio',
-          href: 'http://codecademy.com',
-          type: 'link',
-          icon: PercipioIcon
-        }],
-        trackingTarget: '',
-        type: 'dropdown'
-      }, {
-        id: 'profile-dropdown',
-        type: 'profile-dropdown',
-        avatar: 'https://avatarfiles.alphacoders.com/367/367474.png',
-        userDisplayName: 'cinnamoroll',
-        popover: [[{
-          id: 'sublink-1',
-          icon: PersonIcon,
-          text: 'My profile',
-          href: 'http://codecademy.com',
-          type: 'link'
-        }, {
-          id: 'sublink-2',
-          icon: GearIcon,
-          text: 'Settings',
-          href: 'http://codecademy.com',
-          type: 'link'
-        }, {
-          id: 'sublink-3',
-          icon: SupportIcon,
-          text: 'Help',
-          href: 'http://codecademy.com',
-          type: 'link'
-        }, {
-          id: 'sublink-4',
-          icon: TrashIcon,
-          text: 'Deleted items',
-          href: 'http://codecademy.com',
-          type: 'link'
-        }, {
-          id: 'sublink-5',
-          icon: ArrowDashRightIcon,
-          text: 'Log out',
-          href: 'http://codecademy.com',
-          type: 'link'
-        }]],
-        text: 'string;',
-        trackingTarget: 'string'
-      }]
-    }
-  }
-};
-export default meta;
-export const Default = {
-  render: args => /*#__PURE__*/_jsx(AppHeader, {
-    ...args
-  }),
-  name: 'LXStudio AppHeader'
-};
-export const ButtonsWithTitle = {
-  render: args => /*#__PURE__*/_jsx(AppHeader, {
-    ...args
-  }),
-  args: {
-    action: () => {},
-    dropdownSpacing: 'condensed',
-    isStandalone: true,
-    hideRightButtonDefaults: true,
-    items: {
-      left: [{
-        id: 'exit',
-        type: 'text-button',
-        text: 'Exit',
-        icon: MiniArrowLeftIcon,
-        href: ''
-      }, {
-        id: 'caisy-title',
-        renderElement: () => /*#__PURE__*/_jsxs(FlexBox, {
-          borderColor: "border-secondary",
-          borderLeft: 1,
-          center: true,
-          height: "100%",
-          width: "fit-content",
-          pl: 16,
-          children: [/*#__PURE__*/_jsx(ConversationChatIcon, {
-            size: 26,
-            ml: 4,
-            color: "primary"
-          }), /*#__PURE__*/_jsx(Text, {
-            as: "h1",
-            ml: 16,
-            variant: "title-xs",
-            children: "CAISY\u2122: Something else entirely"
-          })]
-        }),
-        type: 'render-element'
-      }],
-      right: [{
-        id: 'draft-zone',
-        renderElement: () => /*#__PURE__*/_jsxs(FlexBox, {
-          center: true,
-          color: "text-secondary",
-          height: "24px",
-          width: "fit-content",
-          children: [/*#__PURE__*/_jsx(CloudCheckIcon, {}), /*#__PURE__*/_jsx(Text, {
-            ml: 8,
-            children: "Draft auto-saved"
-          })]
-        }),
-        type: 'render-element'
-      }, {
-        id: 'globe-button',
-        text: 'Language',
-        icon: EarthIcon,
-        type: 'icon-button',
-        href: '',
-        variant: 'primary'
-      }, {
-        id: 'chat-button',
-        text: 'Comments',
-        icon: CommentsIcon,
-        type: 'icon-button',
-        href: '',
-        variant: 'primary'
-      }, {
-        id: 'preview-button',
-        text: 'Preview',
-        type: 'stroke-button',
-        href: '',
-        variant: 'primary'
-      }, {
-        id: 'share-button',
-        text: 'Share',
-        type: 'stroke-button',
-        href: '',
-        variant: 'primary'
-      }, {
-        id: 'publish-button',
-        text: 'Publish',
-        type: 'fill-button',
-        href: '',
-        variant: 'primary'
-      }]
-    }
-  },
-  name: 'LXStudio Buttons with Title'
-};

package/dist/stories/Molecules/AppHeader/LXStudioMobileHeader.stories.js

@@ -1,84 +0,0 @@
-import { GearIcon, LayoutModuleIcon, PercipioIcon, PersonIcon, SupportIcon } from '@codecademy/gamut-icons';
-import { AppHeaderMobile, LogoLXStudio } from '../../../index';
-import { jsx as _jsx } from "react/jsx-runtime";
-const meta = {
-  component: AppHeaderMobile,
-  parameters: {
-    layout: 'fullscreen'
-  },
-  args: {
-    action: () => {},
-    isEnterprise: true,
-    items: {
-      left: [{
-        id: 'render-element',
-        renderElement: () => /*#__PURE__*/_jsx(LogoLXStudio, {
-          maxWidth: "40vw",
-          width: "225px",
-          pb: 4
-        }),
-        type: 'render-element'
-      }],
-      right: [],
-      mainMenu: [{
-        id: 'menu',
-        text: 'Menu',
-        icon: LayoutModuleIcon,
-        isIconOnly: true,
-        popover: [{
-          id: 'sublink-1',
-          text: 'Percipio',
-          href: 'http://codecademy.com',
-          trackingTarget: '',
-          type: 'link',
-          icon: PercipioIcon
-        }],
-        trackingTarget: '',
-        type: 'dropdown'
-      }, {
-        id: 'profile-dropdown',
-        type: 'profile-dropdown',
-        avatar: 'https://pbs.twimg.com/media/F9QcGzgXEAAPqLo?format=jpg&name=small',
-        userDisplayName: 'cinnamoroll',
-        popover: [[{
-          id: 'sublink-1',
-          icon: PersonIcon,
-          text: 'My profile',
-          href: 'http://codecademy.com',
-          trackingTarget: '',
-          type: 'link'
-        }, {
-          id: 'sublink-2',
-          icon: GearIcon,
-          text: 'Settings',
-          href: 'http://codecademy.com',
-          trackingTarget: '',
-          type: 'link'
-        }, {
-          id: 'sublink-3',
-          icon: SupportIcon,
-          text: 'Help',
-          href: 'http://codecademy.com',
-          trackingTarget: '',
-          type: 'link'
-        }], [{
-          id: 'sublink-4',
-          icon: PersonIcon,
-          text: 'Log out',
-          href: 'http://codecademy.com',
-          trackingTarget: '',
-          type: 'link'
-        }]],
-        text: 'string;',
-        trackingTarget: 'string'
-      }]
-    }
-  }
-};
-export default meta;
-export const Default = {
-  render: args => /*#__PURE__*/_jsx(AppHeaderMobile, {
-    ...args
-  }),
-  name: 'LXStudio AppHeaderMobile'
-};

package/dist/stories/Molecules/AppHeader/MockAppHeaderElements.d.ts

@@ -1,5 +0,0 @@
-import { AppHeaderLinkItem, AppHeaderProfileDropdownItem, AppHeaderSimpleDropdownItem } from '../../../index';
-export declare const MOCK_LINK: AppHeaderLinkItem;
-export declare const MOCK_DROPDOWN_1: AppHeaderSimpleDropdownItem;
-export declare const MOCK_DROPDOWN_2: AppHeaderSimpleDropdownItem;
-export declare const MOCK_PROFILE_DROPDOWN: AppHeaderProfileDropdownItem;

package/dist/stories/Molecules/AppHeader/MockAppHeaderElements.js

@@ -1,90 +0,0 @@
-import { CommunityIcon, GearIcon, HouseEntranceIcon, PersonIcon } from '@codecademy/gamut-icons';
-export const MOCK_LINK = {
-  id: 'home',
-  href: 'https://codecademy.com/',
-  icon: HouseEntranceIcon,
-  text: 'Home',
-  trackingTarget: 'nav-link',
-  type: 'link'
-};
-export const MOCK_DROPDOWN_1 = {
-  id: 'dropdown',
-  text: 'Dropdown Target',
-  icon: CommunityIcon,
-  popover: [{
-    id: 'sublink-1',
-    href: 'http://codecademy.com',
-    trackingTarget: 'tracking-target',
-    text: 'Link 1',
-    type: 'link'
-  }, {
-    id: 'sublink-2',
-    href: 'http://codecademy.com',
-    trackingTarget: 'tracking-target',
-    text: 'Link 2',
-    type: 'link'
-  }],
-  trackingTarget: 'tracking-target',
-  type: 'dropdown'
-};
-export const MOCK_DROPDOWN_2 = {
-  id: 'dropdown-target-2',
-  text: 'Resources Target',
-  icon: HouseEntranceIcon,
-  popover: [{
-    id: 'sublink-1',
-    text: 'Cheatsheets',
-    href: 'http://codecademy.com',
-    trackingTarget: '',
-    type: 'link'
-  }, {
-    id: 'sublink-2',
-    text: 'Blog',
-    href: 'http://codecademy.com',
-    trackingTarget: '',
-    type: 'link'
-  }],
-  trackingTarget: '',
-  type: 'dropdown'
-};
-export const MOCK_PROFILE_DROPDOWN = {
-  avatar: 'https://www.gravatar.com/avatar/1c959a9a1e2f9f9f1ac06b05cccc1d60?s=150&d=retro',
-  userDisplayName: 'Codey',
-  id: 'profile',
-  text: 'Profile',
-  popover: [[{
-    id: 'sublink-1',
-    icon: PersonIcon,
-    text: 'A Link With Icon',
-    href: 'http://codecademy.com',
-    trackingTarget: '',
-    type: 'link'
-  }, {
-    id: 'sublink-2',
-    icon: GearIcon,
-    text: 'Another Link With Icon',
-    href: 'http://codecademy.com',
-    trackingTarget: '',
-    type: 'link'
-  }], [{
-    id: 'sublink-3',
-    text: 'A Link In Another Section',
-    href: 'http://codecademy.com',
-    trackingTarget: '',
-    type: 'link'
-  }, {
-    id: 'sublink-4',
-    text: 'Another Link',
-    href: 'http://codecademy.com',
-    trackingTarget: '',
-    type: 'link'
-  }], [{
-    id: 'sublink-5',
-    text: 'One More Link',
-    href: 'http://codecademy.com',
-    trackingTarget: '',
-    type: 'link'
-  }]],
-  trackingTarget: 'profile',
-  type: 'profile-dropdown'
-};

package/dist/stories/Molecules/AvatarChooser.stories.js

@@ -1,22 +0,0 @@
-import { AvatarChooser } from '../../index';
-import { jsx as _jsx } from "react/jsx-runtime";
-const meta = {
-  component: AvatarChooser,
-  args: {
-    src: 'https://content.codecademy.com/courses/free/boba.svg'
-  }
-};
-export default meta;
-export const Default = {
-  render: args => /*#__PURE__*/_jsx(AvatarChooser, {
-    ...args
-  }),
-  name: 'AvatarChooser'
-};
-export const AvatarChooserWithError = {
-  render: args => /*#__PURE__*/_jsx(AvatarChooser, {
-    ...args,
-    error: "Please upload a png or jpeg image"
-  }),
-  name: 'AvatarChooser with error'
-};

package/dist/stories/Molecules/BackToTopAnchor.stories.js

@@ -1,51 +0,0 @@
-import { BackToTopAnchor } from '../../index';
-import { jsx as _jsx } from "react/jsx-runtime";
-const meta = {
-  component: BackToTopAnchor,
-  args: {
-    targetId: 'fakeTargetId',
-    onClick: () => {}
-  }
-};
-export default meta;
-export const Default = {
-  render: args => /*#__PURE__*/_jsx(BackToTopAnchor, {
-    ...args
-  }),
-  name: 'BackToTopAnchor'
-};
-export const Inline = {
-  render: args => /*#__PURE__*/_jsx(BackToTopAnchor, {
-    ...args
-  }),
-  name: 'Standard Variant',
-  args: {
-    variant: 'inline'
-  }
-};
-export const Standard = {
-  render: args => /*#__PURE__*/_jsx(BackToTopAnchor, {
-    ...args
-  }),
-  name: 'Interface Variant',
-  args: {
-    variant: 'standard'
-  }
-};
-export const Small = {
-  render: args => /*#__PURE__*/_jsx(BackToTopAnchor, {
-    ...args
-  }),
-  name: 'Small Size',
-  args: {
-    showIcon: false,
-    size: 'small'
-  }
-};
-export const WithoutIcons = {
-  render: args => /*#__PURE__*/_jsx(BackToTopAnchor, {
-    showIcon: false,
-    ...args
-  }),
-  name: 'Without Arrow Icon'
-};