@codecademy/brand 3.29.0-alpha.9e88d7b76a.0 → 3.29.0

package/dist/stories/Molecules/CurriculumCard.stories.js

@@ -43,7 +43,6 @@ export const CurriculumCardEnrolled = {
   render: args => /*#__PURE__*/_jsx(CurriculumCard, {
     ...args
   }),
-  name: 'Curriculum Card Enrolled',
   args: {
     progressState: 'inProgress'
   }
@@ -52,7 +51,6 @@ export const CurriculumCardInProgress = {
   render: args => /*#__PURE__*/_jsx(CurriculumCard, {
     ...args
   }),
-  name: 'Curriculum Card In Progress',
   args: {
     progressState: 'inProgress',
     footerTextVariant: 'inProgress'
@@ -62,7 +60,6 @@ export const CurriculumCardCompleted = {
   render: args => /*#__PURE__*/_jsx(CurriculumCard, {
     ...args
   }),
-  name: 'Curriculum Card Completed',
   args: {
     progressState: 'completed'
   }
@@ -71,7 +68,6 @@ export const CurriculumCardBeta = {
   render: args => /*#__PURE__*/_jsx(CurriculumCard, {
     ...args
   }),
-  name: 'Curriculum Card Beta',
   args: {
     beta: true
   }
@@ -80,7 +76,6 @@ export const CurriculumCardAlternativeSubtitle = {
   render: args => /*#__PURE__*/_jsx(CurriculumCard, {
     ...args
   }),
-  name: 'Curriculum Card Alternative Subtitle',
   args: {
     showAltSubtitle: true,
     scope: {
@@ -129,7 +124,6 @@ export const CareerPathVariant = {
       })
     })]
   }),
-  name: 'Career Path Variant',
   args: {
     text: 'Career Path',
     title: 'Front-End Engineer',
@@ -156,7 +150,6 @@ export const HorizontalCurriculumCard = {
       })
     })
   }),
-  name: 'Horizontal Curriculum Card',
   args: {
     text: 'Career Path',
     title: 'Front-End Engineer',

package/dist/stories/Molecules/EmptySection.stories.js

@@ -163,6 +163,5 @@ export const Playground = {
     children: /*#__PURE__*/_jsx(FillButton, {
       children: "Do Something"
     })
-  }),
-  name: 'Playground'
+  })
 };

package/dist/stories/Molecules/EnhancedBanner.stories.js

@@ -1,4 +1,4 @@
-import { action } from '@storybook/addon-actions';
+import { action } from 'storybook/actions';
 import { EnhancedBanner } from '../../Banner/EnhancedBanner';
 const meta = {
   title: 'Molecules/Enhanced Banner',

package/dist/stories/Molecules/HubCard.stories.js

@@ -20,7 +20,6 @@ export const BackgroundRight = {
   render: args => /*#__PURE__*/_jsx(HubCard, {
     ...args
   }),
-  name: 'Background Right',
   args: {
     backgroundImage: 'https://static-assets.codecademy.com/assets/components/cards/explore-category-card/subject/data-science.svg',
     backgroundPosition: 'right'

package/dist/stories/Molecules/NotificationList.stories.js

@@ -1,4 +1,4 @@
-import { action } from '@storybook/addon-actions';
+import { action } from 'storybook/actions';
 import { NotificationList } from '../../index';
 import { jsx as _jsx } from "react/jsx-runtime";
 const notifications = [{
@@ -93,7 +93,6 @@ export const Empty = {
   render: args => /*#__PURE__*/_jsx(NotificationList, {
     ...args
   }),
-  name: 'Empty',
   args: {
     notifications: []
   }

package/dist/stories/Molecules/Testimonial.stories.js

@@ -28,8 +28,7 @@ export const Default = {
 export const LightMode = {
   render: args => /*#__PURE__*/_jsx(Testimonial, {
     ...args
-  }),
-  name: 'Light Mode'
+  })
 };
 export const DarkMode = {
   render: args => /*#__PURE__*/_jsx(Background, {
@@ -43,21 +42,18 @@ export const DarkMode = {
         ...args
       })
     })
-  }),
-  name: 'Dark Mode'
+  })
 };
 export const SmallLight = {
   render: args => /*#__PURE__*/_jsx(Testimonial, {
     orientation: "vertical",
     ...args
-  }),
-  name: 'Small Light'
+  })
 };
 export const MediumDark = {
   render: args => /*#__PURE__*/_jsx(Testimonial, {
     ...args,
     orientation: "horizontal",
     hidePhoto: true
-  }),
-  name: 'Medium Dark'
+  })
 };

package/dist/stories/Organisms/GlobalFooter.stories.js

@@ -17,8 +17,7 @@ export const HidePricing = {
   render: args => /*#__PURE__*/_jsx(GlobalFooter, {
     hidePricing: true,
     ...args
-  }),
-  name: 'Hide Pricing'
+  })
 };
 export const ClickableMadeIn = {
   render: args => /*#__PURE__*/_jsx(GlobalFooter, {

package/dist/stories/Organisms/GlobalHeader/About.stories.js

@@ -131,6 +131,5 @@ export const Loading = {
       onSearchAsYouType: () => {}
     },
     type: "loading"
-  }),
-  name: 'Loading'
+  })
 };

package/dist/stories/Organisms/GlobalHeader/Bootcamp.stories.js

@@ -27,6 +27,5 @@ export const Bootcamp = {
     },
     type: "bootcamp",
     bootcampSlug: "bootcamp-slug"
-  }),
-  name: 'Bootcamp'
+  })
 };

package/dist/stories/Organisms/GlobalHeader/Enterprise.stories.js

@@ -31,8 +31,7 @@ export const Enterprise = {
       displayName: 'Kallie',
       isAccountManager: true
     }
-  }),
-  name: 'Enterprise'
+  })
 };
 export const BusinessAccountManagerPro = {
   render: () => /*#__PURE__*/_jsx(GlobalHeader, {

package/dist/stories/Organisms/GlobalHeader/Simple.stories.js

@@ -26,6 +26,5 @@ export const Simple = {
       onSearchAsYouType: () => {}
     },
     type: "simple"
-  }),
-  name: 'Simple'
+  })
 };

package/dist/stories/Organisms/GlobalPage.stories.js

@@ -78,7 +78,6 @@ export const Banner = {
       })
     })
   }),
-  name: 'Banner',
   args: {
     ...defaultArgs,
     banner: {
@@ -104,7 +103,6 @@ export const Modal = {
       })
     })
   }),
-  name: 'Modal',
   args: {
     ...defaultArgs,
     modal: {

package/dist/stories/Organisms/LayoutMenu.stories.js

@@ -55,8 +55,7 @@ export const WithSelectedItem = {
   render: args => /*#__PURE__*/_jsx(LayoutMenu, {
     ...args,
     selectedItem: "python"
-  }),
-  name: 'With Selected Item'
+  })
 };
 export const WithAdditionalLinks = {
   render: args => /*#__PURE__*/_jsxs(LayoutMenu, {
@@ -74,8 +73,7 @@ export const WithAdditionalLinks = {
         children: "Where do I begin?"
       })
     })]
-  }),
-  name: 'With Additional Links'
+  })
 };
 export const WithAdditionalLinksOnTopAndBottom = {
   render: args => /*#__PURE__*/_jsx(LayoutMenu, {
@@ -237,6 +235,5 @@ export const WithSetMenuHeight = {
         children: "Where do I begin?"
       })
     })]
-  }),
-  name: 'With Set Menu Height'
+  })
 };

package/dist/stories/Organisms/LayoutMenuVariant.stories.js

@@ -62,8 +62,7 @@ export const WithAdditionalLinks = {
         children: "Where do I begin?"
       })
     })
-  }),
-  name: 'With Additional Links'
+  })
 };
 export const WithAdditionalLinksOnTopAndBottom = {
   render: args => /*#__PURE__*/_jsx(LayoutMenuVariant.LayoutMenu, {
@@ -219,6 +218,5 @@ export const WithSetMenuHeight = {
         children: "Where do I begin?"
       })
     })
-  }),
-  name: 'With Set Menu Height'
+  })
 };

package/dist/stories/Organisms/PageFeatures.stories.js

@@ -48,14 +48,12 @@ export default meta;
 export const FeaturedInfo = {
   render: args => /*#__PURE__*/_jsx(PageFeatures, {
     ...args
-  }),
-  name: 'Featured Info'
+  })
 };
 export const FeaturedImages = {
   render: args => /*#__PURE__*/_jsx(PageFeatures, {
     ...args
   }),
-  name: 'Featured Images',
   args: {
     featuresMedia: 'image'
   }
@@ -64,7 +62,6 @@ export const FeaturedIcons = {
   render: args => /*#__PURE__*/_jsx(PageFeatures, {
     ...args
   }),
-  name: 'Featured Icons',
   args: {
     featuresMedia: 'icon'
   }
@@ -73,7 +70,6 @@ export const FeaturedStats = {
   render: args => /*#__PURE__*/_jsx(PageFeatures, {
     ...args
   }),
-  name: 'Featured Stats',
   args: {
     featuresMedia: 'stat',
     features: [{
@@ -95,7 +91,6 @@ export const FeaturesGrid = {
   render: args => /*#__PURE__*/_jsx(PageFeatures, {
     ...args
   }),
-  name: 'Features Grid',
   args: {
     maxCols: 3,
     featuresMedia: 'icon'
@@ -105,7 +100,6 @@ export const WithoutDescription = {
   render: args => /*#__PURE__*/_jsx(PageFeatures, {
     ...args
   }),
-  name: 'Without Description',
   args: {
     featuresMedia: 'icon',
     desc: undefined,
@@ -129,7 +123,6 @@ export const RegularButton = {
       buttonType: 'fill'
     }
   }),
-  name: 'Regular Button',
   args: {
     featuresMedia: 'image'
   }
@@ -142,7 +135,6 @@ export const DarkMode = {
       ...args
     })
   }),
-  name: 'Dark Mode',
   args: {
     featuresMedia: 'icon'
   }

package/dist/stories/Organisms/PageHero.stories.js

@@ -46,15 +46,13 @@ export const Video = {
       autoplay: true
     },
     title: "What's it like to be a Software Engineer"
-  }),
-  name: 'Video'
+  })
 };
 export const ShortText = {
   render: args => /*#__PURE__*/_jsx(PageHero, {
     ...args,
     textLength: "short"
-  }),
-  name: 'Short Text'
+  })
 };
 export const RegularButton = {
   render: args => /*#__PURE__*/_jsx(PageHero, {
@@ -63,22 +61,19 @@ export const RegularButton = {
       ...ctaArgs,
       buttonType: 'fill'
     }
-  }),
-  name: 'Regular Button'
+  })
 };
 export const WithoutButton = {
   render: args => /*#__PURE__*/_jsx(PageHero, {
     ...args,
     cta: undefined
-  }),
-  name: 'Without Button'
+  })
 };
 export const WithoutDescription = {
   render: args => /*#__PURE__*/_jsx(PageHero, {
     ...args,
     desc: undefined
-  }),
-  name: 'Without Description'
+  })
 };
 export const Eyebrow = {
   render: args => /*#__PURE__*/_jsx(PageHero, {
@@ -87,8 +82,7 @@ export const Eyebrow = {
       text: 'Hello there'
     },
     textLength: "short"
-  }),
-  name: 'Eyebrow'
+  })
 };
 export const AccentEyebrow = {
   render: args => /*#__PURE__*/_jsx(PageHero, {
@@ -98,23 +92,20 @@ export const AccentEyebrow = {
       accent: true
     },
     textLength: "short"
-  }),
-  name: 'Accent Eyebrow'
+  })
 };
 export const ShowImageOnMobile = {
   render: args => /*#__PURE__*/_jsx(PageHero, {
     ...args,
     showImageOnMobile: true,
     textLength: "short"
-  }),
-  name: 'Show Image On Mobile'
+  })
 };
 export const WithoutMedia = {
   render: args => /*#__PURE__*/_jsx(PageHero, {
     ...args,
     media: undefined
-  }),
-  name: 'Without Media'
+  })
 };
 export const DarkMode = {
   render: args => /*#__PURE__*/_jsx(Background, {
@@ -126,8 +117,7 @@ export const DarkMode = {
         text: 'Hello there'
       }
     })
-  }),
-  name: 'Dark Mode'
+  })
 };
 export const PausableImage = {
   render: args => /*#__PURE__*/_jsx(PageHero, {

package/dist/stories/Organisms/PagePrefooter.stories.js

@@ -33,22 +33,19 @@ export const RegularButton = {
       ...ctaArgs,
       buttonType: 'fill'
     }
-  }),
-  name: 'Regular Button'
+  })
 };
 export const WithoutButton = {
   render: args => /*#__PURE__*/_jsx(PagePrefooter, {
     ...args,
     cta: undefined
-  }),
-  name: 'Without Button'
+  })
 };
 export const WithoutDescription = {
   render: args => /*#__PURE__*/_jsx(PagePrefooter, {
     ...args,
     desc: undefined
-  }),
-  name: 'Without Description'
+  })
 };
 export const DarkMode = {
   render: args => /*#__PURE__*/_jsx(Background, {
@@ -57,6 +54,5 @@ export const DarkMode = {
     children: /*#__PURE__*/_jsx(PagePrefooter, {
       ...args
     })
-  }),
-  name: 'Dark Mode'
+  })
 };

package/dist/stories/Organisms/PageSingleFeature.stories.js

@@ -28,8 +28,7 @@ export default meta;
 export const SingleFeature = {
   render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
     ...args
-  }),
-  name: 'Single Feature'
+  })
 };
 export const Video = {
   render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
@@ -42,8 +41,7 @@ export const Video = {
       autoplay: true
     },
     title: "What's it like to be a Software Engineer"
-  }),
-  name: 'Video'
+  })
 };
 export const AdjustTheMediaWidth = {
   render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
@@ -61,24 +59,21 @@ export const RegularButton = {
       buttonType: 'fill'
     },
     mediaWidth: 4
-  }),
-  name: 'Regular Button'
+  })
 };
 export const WithoutButton = {
   render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
     ...args,
     cta: undefined,
     mediaWidth: 3
-  }),
-  name: 'Without Button'
+  })
 };
 export const WithoutDescription = {
   render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
     ...args,
     desc: undefined,
     mediaWidth: 4
-  }),
-  name: 'Without Description'
+  })
 };
 export const Eyebrow = {
   render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
@@ -86,8 +81,7 @@ export const Eyebrow = {
     eyebrow: {
       text: 'Codecademy'
     }
-  }),
-  name: 'Eyebrow'
+  })
 };
 export const AccentEyebrow = {
   render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
@@ -96,8 +90,7 @@ export const AccentEyebrow = {
       text: 'Codecademy',
       accent: true
     }
-  }),
-  name: 'Accent Eyebrow'
+  })
 };
 export const HideImageOnMobile = {
   render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
@@ -111,8 +104,7 @@ export const WithoutMedia = {
   render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
     ...args,
     media: undefined
-  }),
-  name: 'Without Media'
+  })
 };
 export const DarkMode = {
   render: args => /*#__PURE__*/_jsx(Background, {
@@ -124,8 +116,7 @@ export const DarkMode = {
         text: 'Codecademy'
       }
     })
-  }),
-  name: 'Dark Mode'
+  })
 };
 export const PausableImage = {
   render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
@@ -153,6 +144,5 @@ export const LinkableImage = {
     eyebrow: {
       text: 'Codecademy'
     }
-  }),
-  name: 'Linkable Image'
+  })
 };

package/dist/stories/Organisms/PageVideoGallery.stories.js

@@ -32,8 +32,7 @@ export default meta;
 export const VideoGallery = {
   render: args => /*#__PURE__*/_jsx(PageVideoGallery, {
     ...args
-  }),
-  name: 'Video Gallery'
+  })
 };
 export const RegularButton = {
   render: args => /*#__PURE__*/_jsx(PageVideoGallery, {
@@ -42,21 +41,18 @@ export const RegularButton = {
       ...ctaArgs,
       buttonType: 'fill'
     }
-  }),
-  name: 'Regular Button'
+  })
 };
 export const WithoutDescription = {
   render: args => /*#__PURE__*/_jsx(PageVideoGallery, {
     ...args,
     desc: undefined
-  }),
-  name: 'Without Description'
+  })
 };
 export const GalleryOnly = {
   render: args => /*#__PURE__*/_jsx(PageVideoGallery, {
     videos: args.videos
-  }),
-  name: 'Gallery Only'
+  })
 };
 export const DarkMode = {
   render: args => /*#__PURE__*/_jsx(Background, {
@@ -65,6 +61,5 @@ export const DarkMode = {
     children: /*#__PURE__*/_jsx(PageVideoGallery, {
       ...args
     })
-  }),
-  name: 'Dark Mode'
+  })
 };

package/dist/stories/Organisms/ScoreSummary.stories.js

@@ -79,8 +79,7 @@ export const RowLayout = {
       slug: 'becp-22-going-off-platform-with-html-and-css',
       title: 'Going off-platform with HTML and CSS'
     }]
-  }),
-  name: 'Row Layout'
+  })
 };
 export const ColumnLayout = {
   render: args => /*#__PURE__*/_jsx(ScoreSummary, {
@@ -126,8 +125,7 @@ export const ColumnLayout = {
       slug: 'wdcp-22-practice-javascript-syntax-arrays-loops-objects-iterators',
       title: 'Practice JavaScript Syntax: Arrays, Loops, Objects, Iterators'
     }]
-  }),
-  name: 'Column Layout'
+  })
 };
 export const RowLayoutNoMaxWidth = {
   render: args => /*#__PURE__*/_jsx(ScoreSummary, {
@@ -214,8 +212,7 @@ export const Description = {
       slug: 'wdcp-22-practice-javascript-syntax-arrays-loops-objects-iterators',
       title: 'Practice JavaScript Syntax: Arrays, Loops, Objects, Iterators'
     }]
-  }),
-  name: 'Description'
+  })
 };
 export const DescriptionInColumnLayout = {
   render: args => /*#__PURE__*/_jsx(ScoreSummary, {
@@ -294,6 +291,5 @@ export const ColorfulIcons = {
     },
     trackSlug: undefined,
     untestedSubContent: []
-  }),
-  name: 'Colorful Icons'
+  })
 };

package/dist/svg.d.ts

@@ -1,5 +1,4 @@
 declare module '*.svg' {
-  type AssetURL = string;
   const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
   const content: string;
 

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@codecademy/brand",
   "description": "Brand component library for Codecademy",
-  "version": "3.29.0-alpha.9e88d7b76a.0",
+  "version": "3.29.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@emotion/is-prop-valid": "^1.2.1",
     "@splidejs/react-splide": "^0.7.12",
     "@splidejs/splide": "4.1.3",
+    "@types/recurly__recurly-js": "4.22.0",
     "classnames": "^2.3.2",
     "date-fns": "^2.30.0",
     "emojisplosion": "^2.6.1",

package/dist/AppHeader/AppHeaderElements/AppHeaderSection/NavTabs.d.ts

@@ -1,20 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { AppHeaderCatalogDropdownItem, AppHeaderResourcesDropdownItem } from '../../shared';
-interface NavTabPanelProps extends PropsWithChildren {
-    isActiveTab: boolean;
-    index: number;
-    id: string;
-}
-declare const NavTabPanel: ({ children, isActiveTab, index, id, }: NavTabPanelProps) => import("react/jsx-runtime").JSX.Element;
-declare const NavTabList: React.ForwardRefExoticComponent<{
-    children: React.ReactNode;
-    type: string;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const NavTab: ({ item, onSelect, isActive, onKeyDown, index, }: {
-    item: AppHeaderCatalogDropdownItem | AppHeaderResourcesDropdownItem;
-    onSelect: (id: string, event?: React.MouseEvent, item?: AppHeaderCatalogDropdownItem | AppHeaderResourcesDropdownItem) => void;
-    isActive: boolean;
-    onKeyDown: (event: React.KeyboardEvent) => void;
-    index: number;
-}) => import("react/jsx-runtime").JSX.Element;
-export { NavTabPanel, NavTabList, NavTab };