@codecademy/brand 3.28.0 → 3.29.0-alpha.4ef0da6b35.0

package/dist/DropdownButton/index.d.ts

@@ -42,9 +42,7 @@ export declare const DropdownButton: React.ForwardRefExoticComponent<(Omit<{
     verticalOffset?: number;
 } & import("@codecademy/gamut/dist/Button/shared").ButtonBaseProps & Omit<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react" /**
-     * Sets the size of the down arrow icon in the buttons that have text or the kebab and horizontal kebab icons.
-     */).ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 } & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "content" | "translate" | "property" | "hidden" | "form" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof React.ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value">, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {

package/dist/stories/Atoms/BetaSticker.stories.js

@@ -15,7 +15,6 @@ export const Small = {
   render: args => /*#__PURE__*/_jsx(BetaSticker, {
     ...args
   }),
-  name: 'Small',
   args: {
     size: 'small'
   }

package/dist/stories/Molecules/AppBar.stories.d.ts

@@ -11,5 +11,4 @@ export declare const Default: {
 };
 export declare const Header: {
     render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
 };

package/dist/stories/Molecules/AppBar.stories.js

@@ -27,6 +27,5 @@ export const Header = {
       position: "right",
       children: "Sign In"
     })]
-  }),
-  name: 'Header'
+  })
 };

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

@@ -23,7 +23,6 @@ export const CurrentTab = {
   render: args => /*#__PURE__*/_jsx(AppHeaderLink, {
     ...args
   }),
-  name: 'Current Tab',
   args: {
     item: {
       id: 'link-current-tab',
@@ -38,7 +37,6 @@ export const NewTab = {
   render: args => /*#__PURE__*/_jsx(AppHeaderLink, {
     ...args
   }),
-  name: 'New Tab',
   args: {
     item: {
       id: 'link-new-tab',

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

@@ -23,8 +23,7 @@ export const Default = {
 export const Pro = {
   render: args => /*#__PURE__*/_jsx(AppHeaderLogo, {
     ...args
-  }),
-  name: 'Pro'
+  })
 };
 export const FreeAnon = {
   render: args => /*#__PURE__*/_jsx(AppHeaderLogo, {

package/dist/stories/Molecules/Banner.stories.js

@@ -18,7 +18,6 @@ export const Navy = {
   render: args => /*#__PURE__*/_jsx(Banner, {
     ...args
   }),
-  name: 'Navy',
   args: {
     children: 'Navy',
     variant: 'navy'
@@ -28,7 +27,6 @@ export const Yellow = {
   render: args => /*#__PURE__*/_jsx(Banner, {
     ...args
   }),
-  name: 'Yellow',
   args: {
     children: 'Yellow',
     variant: 'yellow'
@@ -38,7 +36,6 @@ export const Subtle = {
   render: args => /*#__PURE__*/_jsx(Banner, {
     ...args
   }),
-  name: 'Subtle',
   args: {
     children: 'Subtle',
     variant: 'subtle'

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.28.0",
+  "version": "3.29.0-alpha.4ef0da6b35.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",