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

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

@@ -1,148 +0,0 @@
-import { Background } from '@codecademy/gamut-styles';
-import { PageSingleFeature } from '../../index';
-import { jsx as _jsx } from "react/jsx-runtime";
-const meta = {
-  component: PageSingleFeature,
-  args: {
-    title: 'Build a Better Future',
-    desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet dolor in porta adipiscing euismod id sodales velit. Consequat, nibh quam suscipit pharetra, lacus nam. Elit ullamcorper magna ultricies cursus tempus amet. Urna, sagittis lobortis sit quis nibh facilisis euismod dolor. Dolor iaculis congue sit pharetra. A lorem sed dapibus est vel eros mauris malesuada tortor.',
-    onAnchorClick: () =>
-    // eslint-disable-next-line no-console
-    console.log('You clicked me an anchor tag inside Markdown!'),
-    cta: {
-      text: 'Click Me',
-      href: 'https://open.spotify.com/album/10aiDpdFGyfCFEcqpx6XTq?si=xR1nDqVqROK6KYM8J-l_rw',
-      onClick: () => {
-        // eslint-disable-next-line no-console
-        console.log('You could add event tracking here');
-      }
-    },
-    media: {
-      type: 'image',
-      src: 'https://cdn.mos.cms.futurecdn.net/wtqqnkYDYi2ifsWZVW2MT4-1200-80.jpg',
-      alt: 'beach'
-    }
-  }
-};
-export default meta;
-export const SingleFeature = {
-  render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
-    ...args
-  })
-};
-export const Video = {
-  render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
-    ...args,
-    media: {
-      type: 'video',
-      videoUrl: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
-      videoTitle: 'Workout with Rick Sanchez',
-      placeholderImage: 'https://placekitten.com/400/300',
-      autoplay: true
-    },
-    title: "What's it like to be a Software Engineer"
-  })
-};
-export const AdjustTheMediaWidth = {
-  render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
-    ...args,
-    mediaWidth: 5
-  }),
-  name: 'Adjust the Media Width'
-};
-export const RegularButton = {
-  render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
-    ...args,
-    cta: {
-      text: 'Click Me',
-      href: 'https://open.spotify.com/album/10aiDpdFGyfCFEcqpx6XTq?si=xR1nDqVqROK6KYM8J-l_rw',
-      buttonType: 'fill'
-    },
-    mediaWidth: 4
-  })
-};
-export const WithoutButton = {
-  render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
-    ...args,
-    cta: undefined,
-    mediaWidth: 3
-  })
-};
-export const WithoutDescription = {
-  render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
-    ...args,
-    desc: undefined,
-    mediaWidth: 4
-  })
-};
-export const Eyebrow = {
-  render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
-    ...args,
-    eyebrow: {
-      text: 'Codecademy'
-    }
-  })
-};
-export const AccentEyebrow = {
-  render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
-    ...args,
-    eyebrow: {
-      text: 'Codecademy',
-      accent: true
-    }
-  })
-};
-export const HideImageOnMobile = {
-  render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
-    ...args,
-    hideImageOnMobile: true,
-    mediaWidth: 5
-  }),
-  name: 'Hide Image on Mobile'
-};
-export const WithoutMedia = {
-  render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
-    ...args,
-    media: undefined
-  })
-};
-export const DarkMode = {
-  render: args => /*#__PURE__*/_jsx(Background, {
-    bg: "navy",
-    p: 16,
-    children: /*#__PURE__*/_jsx(PageSingleFeature, {
-      ...args,
-      eyebrow: {
-        text: 'Codecademy'
-      }
-    })
-  })
-};
-export const PausableImage = {
-  render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
-    ...args,
-    media: {
-      type: 'image',
-      src: '//images.ctfassets.net/go6kr6r0ykrq/2vjTCK9DmJ6BOd5NtFxNIG/e5ced4209aef5241cd581841fa6e2511/learn-css_box-model_06.16.gif',
-      alt: 'learning environment demonstration'
-    },
-    eyebrow: {
-      text: 'Codecademy'
-    }
-  }),
-  name: 'PausableImage'
-};
-export const LinkableImage = {
-  render: args => /*#__PURE__*/_jsx(PageSingleFeature, {
-    ...args,
-    media: {
-      type: 'image',
-      src: 'https://cdn.mos.cms.futurecdn.net/wtqqnkYDYi2ifsWZVW2MT4-1200-80.jpg',
-      alt: 'beach',
-      linkUrl: 'https://open.spotify.com/album/10aiDpdFGyfCFEcqpx6XTq?si=xR1nDqVqROK6KYM8J-l_rw'
-    },
-    eyebrow: {
-      text: 'Codecademy'
-    }
-  })
-};

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

@@ -1,65 +0,0 @@
-import { Background } from '@codecademy/gamut-styles';
-import { PageVideoGallery } from '../../index';
-import { jsx as _jsx } from "react/jsx-runtime";
-const ctaArgs = {
-  text: 'Same as it ever was',
-  href: 'https://codecademy.com'
-};
-const meta = {
-  component: PageVideoGallery,
-  args: {
-    videos: [{
-      title: 'Steppin on the M83',
-      url: 'https://www.youtube.com/watch?v=-m2fVWj99x4',
-      placeholderImage: 'https://i.kym-cdn.com/entries/icons/mobile/000/010/275/x1080.jpg'
-    }, {
-      title: 'Once in a Lifetime performed by Kermit the Frog',
-      url: 'https://www.youtube.com/watch?v=PCY0aeUx-Ns',
-      placeholderImage: 'https://i.kinja-img.com/gawker-media/image/upload/c_fill,f_auto,fl_progressive,g_center,h_675,pg_1,q_80,w_1200/slvzej9jmwy1ze8nknmr.jpg'
-    }, {
-      title: 'Spooky Scary Skeletons',
-      url: 'https://www.youtube.com/watch?v=K2rwxs1gH9w',
-      placeholderImage: 'https://image.pbs.org/video-assets/UWTcFJA-asset-mezzanine-16x9-NfmXh7O.jpg'
-    }],
-    title: 'You may find yourself living in a shotgun shack',
-    desc: 'And you may find yourself in another part of the world, and you may find yourself behind the wheel of a large automobile',
-    cta: {
-      ...ctaArgs
-    }
-  }
-};
-export default meta;
-export const VideoGallery = {
-  render: args => /*#__PURE__*/_jsx(PageVideoGallery, {
-    ...args
-  })
-};
-export const RegularButton = {
-  render: args => /*#__PURE__*/_jsx(PageVideoGallery, {
-    ...args,
-    cta: {
-      ...ctaArgs,
-      buttonType: 'fill'
-    }
-  })
-};
-export const WithoutDescription = {
-  render: args => /*#__PURE__*/_jsx(PageVideoGallery, {
-    ...args,
-    desc: undefined
-  })
-};
-export const GalleryOnly = {
-  render: args => /*#__PURE__*/_jsx(PageVideoGallery, {
-    videos: args.videos
-  })
-};
-export const DarkMode = {
-  render: args => /*#__PURE__*/_jsx(Background, {
-    bg: "navy",
-    p: 16,
-    children: /*#__PURE__*/_jsx(PageVideoGallery, {
-      ...args
-    })
-  })
-};

package/dist/stories/Organisms/PlanCard.stories.js

@@ -1,98 +0,0 @@
-import { GridBox } from '@codecademy/gamut';
-import { ColorMode } from '@codecademy/gamut-styles';
-import { useState } from 'react';
-import { Currency, PlanCard } from '../../index';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const meta = {
-  component: PlanCard,
-  args: {
-    isSelected: false,
-    price: '17.49',
-    currency: Currency.USD,
-    termMonths: 1,
-    planType: 'pro-silver',
-    isMultiple: true,
-    inUpsellModal: false,
-    isIndiaUser: false,
-    ctaHref: 'www.email.com',
-    ctaLabel: 'Click Me'
-  }
-};
-export default meta;
-export const Default = {
-  render: args => /*#__PURE__*/_jsx(PlanCard, {
-    ...args
-  }),
-  name: 'Plan Card'
-};
-export const Radio = {
-  render: function Render(_args) {
-    const [selected, setSelected] = useState('plus');
-    return /*#__PURE__*/_jsxs(GridBox, {
-      role: "radiogroup",
-      gridTemplateColumns: {
-        _: '1fr',
-        sm: '1fr 1fr'
-      },
-      gap: 24,
-      children: [/*#__PURE__*/_jsx(PlanCard, {
-        isSelected: selected === 'plus',
-        price: "17.49",
-        currency: Currency.USD,
-        termMonths: 1,
-        onChange: () => {
-          setSelected('plus');
-        },
-        planType: "pro-silver"
-      }), /*#__PURE__*/_jsx(PlanCard, {
-        isSelected: selected === 'pro',
-        price: "29.99",
-        currency: Currency.USD,
-        termMonths: 1,
-        onChange: () => {
-          setSelected('pro');
-        },
-        planType: "pro-gold"
-      })]
-    });
-  },
-  name: 'Interactive Plan Card'
-};
-export const DarkModeCard = {
-  render: () => /*#__PURE__*/_jsx(ColorMode, {
-    mode: "dark",
-    children: /*#__PURE__*/_jsx(GridBox, {
-      role: "radiogroup",
-      gridTemplateColumns: {
-        _: '1fr',
-        sm: '1fr 1fr'
-      },
-      gap: 24,
-      children: /*#__PURE__*/_jsx(PlanCard, {
-        isSelected: false,
-        price: "59.99",
-        currency: Currency.USD,
-        termMonths: 1,
-        onChange: () => {},
-        planType: "pro-gold"
-      })
-    })
-  }),
-  name: 'Monthly Pro Card'
-};
-export const HorizontalPlanCard = {
-  render: () => /*#__PURE__*/_jsx(GridBox, {
-    role: "radiogroup",
-    gridTemplateColumns: "1fr",
-    children: /*#__PURE__*/_jsx(PlanCard, {
-      isSelected: true,
-      price: "17.49",
-      currency: Currency.USD,
-      termMonths: 12,
-      onChange: () => {},
-      planType: "pro-silver",
-      isMultiple: false
-    })
-  }),
-  name: 'Horizontal Plus Card'
-};

package/dist/stories/Organisms/PlanCardTeams.stories.js

@@ -1,27 +0,0 @@
-import { Currency, PlanCardTeams } from '../../index';
-import { jsx as _jsx } from "react/jsx-runtime";
-const meta = {
-  component: PlanCardTeams,
-  args: {
-    price: '299',
-    currency: Currency.USD
-  }
-};
-export default meta;
-export const Default = {
-  render: function Render(args) {
-    return /*#__PURE__*/_jsx(PlanCardTeams, {
-      ...args
-    });
-  },
-  name: 'Plan Card Teams'
-};
-export const PlanCardTeamsGBP = {
-  render: () => {
-    return /*#__PURE__*/_jsx(PlanCardTeams, {
-      price: "200",
-      currency: Currency.GBP
-    });
-  },
-  name: 'Plan Card Teams - GBP'
-};

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

@@ -1,295 +0,0 @@
-import { ScoreSummary } from '../../index';
-import { jsx as _jsx } from "react/jsx-runtime";
-const meta = {
-  component: ScoreSummary,
-  args: {
-    subScores: {
-      'id-1': {
-        correct: 2,
-        slug: 'command-line',
-        title: 'Command Line',
-        total: 8
-      }
-    },
-    totalCorrect: 2,
-    totalQuestions: 8,
-    pathSlug: 'back-end-engineer-career-path',
-    trackSlug: 'becp-22-setting-up-a-dev-environment',
-    trackingData: {
-      context: 'feedback_page',
-      page_name: 'cumulative_assessment',
-      path_id: 'path-id',
-      target: 'review_concepts',
-      track_id: 'track-id'
-    },
-    untestedSubContent: [{
-      id: 'id-2',
-      slug: 'becp-22-text-editors',
-      title: 'Text Editors'
-    }],
-    trackUserClick: () => {},
-    percentToPass: 70
-  }
-};
-export default meta;
-export const Default = {
-  render: args => /*#__PURE__*/_jsx(ScoreSummary, {
-    ...args
-  }),
-  name: 'Score Summary'
-};
-export const RowLayout = {
-  render: args => /*#__PURE__*/_jsx(ScoreSummary, {
-    ...args,
-    subScores: {
-      'id-1': {
-        correct: 5,
-        slug: 'becp-22-learn-html-elements-and-structure',
-        title: 'Learn HTML: Elements and Structure',
-        total: 24
-      },
-      'id-2': {
-        correct: 4,
-        slug: 'wdcp-22-learn-css-selectors-and-visual-roles',
-        title: 'Learn CSS: Selectors and Visual Rules',
-        total: 20
-      },
-      'id-3': {
-        correct: 2,
-        slug: 'wdcp-22-learn-javascript-syntax-objects',
-        title: 'Learn JavaScript Syntax: Objects',
-        total: 17
-      },
-      'id-4': {
-        correct: 2,
-        slug: 'wdcp-22-learn-javascript-syntax-arrays',
-        title: 'Learn JavaScript Syntax: Arrays',
-        total: 5
-      }
-    },
-    totalCorrect: 9,
-    totalQuestions: 44,
-    trackSlug: "becp-22-website-development-fundamentals",
-    untestedSubContent: [{
-      id: 'id-5',
-      slug: 'wdcp-22-the-internet-and-web-development',
-      title: 'The Internet and Web Development'
-    }, {
-      id: 'id-6',
-      slug: 'becp-22-going-off-platform-with-html-and-css',
-      title: 'Going off-platform with HTML and CSS'
-    }]
-  })
-};
-export const ColumnLayout = {
-  render: args => /*#__PURE__*/_jsx(ScoreSummary, {
-    ...args,
-    layout: "column",
-    subScores: {
-      'id-1': {
-        correct: 2,
-        slug: 'wdcp-22-learn-javascript-syntax-objects',
-        title: 'Learn JavaScript Syntax: Objects',
-        total: 17
-      },
-      'id-2': {
-        correct: 2,
-        slug: 'wdcp-22-learn-javascript-syntax-arrays',
-        title: 'Learn JavaScript Syntax: Arrays',
-        total: 5
-      },
-      'id-3': {
-        correct: 1,
-        slug: 'wdcp-22-learn-javascript-syntax-iterators',
-        title: 'Learn JavaScript Syntax: Iterators',
-        total: 7
-      },
-      'id-4': {
-        correct: 1,
-        slug: 'wdcp-22-learn-javascript-syntax-errors-and-debugging',
-        title: 'Learn JavaScript Syntax: Errors and Debugging',
-        total: 6
-      },
-      'id-5': {
-        correct: 0,
-        slug: 'wdcp-22-learn-javascript-syntax-loops',
-        title: 'Learn JavaScript Syntax: Loops',
-        total: 7
-      }
-    },
-    totalCorrect: 5,
-    totalQuestions: 42,
-    trackSlug: "becp-22-javascript-syntax-part-ii",
-    untestedSubContent: [{
-      id: 'id-6',
-      slug: 'wdcp-22-practice-javascript-syntax-arrays-loops-objects-iterators',
-      title: 'Practice JavaScript Syntax: Arrays, Loops, Objects, Iterators'
-    }]
-  })
-};
-export const RowLayoutNoMaxWidth = {
-  render: args => /*#__PURE__*/_jsx(ScoreSummary, {
-    ...args,
-    noMaxWidth: true,
-    subScores: {
-      'id-2': {
-        correct: 5,
-        slug: 'becp-22-learn-html-elements-and-structure',
-        title: 'Learn HTML: Elements and Structure',
-        total: 24
-      },
-      'id-3': {
-        correct: 4,
-        slug: 'wdcp-22-learn-css-selectors-and-visual-roles',
-        title: 'Learn CSS: Selectors and Visual Rules',
-        total: 20
-      }
-    },
-    totalCorrect: 9,
-    totalQuestions: 44,
-    trackSlug: "",
-    untestedSubContent: [{
-      id: 'id-5',
-      slug: 'wdcp-22-the-internet-and-web-development',
-      title: 'The Internet and Web Development'
-    }, {
-      id: 'id-6',
-      slug: 'becp-22-going-off-platform-with-html-and-css',
-      title: 'Going off-platform with HTML and CSS'
-    }]
-  }),
-  name: 'Row Layout noMaxWidth'
-};
-export const Description = {
-  render: args => /*#__PURE__*/_jsx(ScoreSummary, {
-    ...args,
-    description: "Try again! You can take the test again in 24 hours.",
-    subScores: {
-      'id-2': {
-        correct: 5,
-        slug: 'becp-22-learn-html-elements-and-structure',
-        title: 'Learn HTML: Elements and Structure',
-        total: 24
-      },
-      'id-3': {
-        correct: 4,
-        slug: 'wdcp-22-learn-css-selectors-and-visual-roles',
-        title: 'Learn CSS: Selectors and Visual Rules',
-        total: 20
-      },
-      'id-1': {
-        correct: 1,
-        slug: 'wdcp-22-learn-javascript-syntax-iterators',
-        title: 'Learn JavaScript Syntax: Iterators',
-        total: 7
-      },
-      'id-4': {
-        correct: 1,
-        slug: 'wdcp-22-learn-javascript-syntax-errors-and-debugging',
-        title: 'Learn JavaScript Syntax: Errors and Debugging',
-        total: 6
-      },
-      'id-5': {
-        correct: 0,
-        slug: 'wdcp-22-learn-javascript-syntax-loops',
-        title: 'Learn JavaScript Syntax: Loops',
-        total: 7
-      }
-    },
-    totalCorrect: 9,
-    totalQuestions: 44,
-    trackSlug: "becp-22-website-development-fundamentals",
-    untestedSubContent: [{
-      id: 'id-5',
-      slug: 'wdcp-22-the-internet-and-web-development',
-      title: 'The Internet and Web Development'
-    }, {
-      id: 'id-6',
-      slug: 'becp-22-going-off-platform-with-html-and-css',
-      title: 'Going off-platform with HTML and CSS'
-    }, {
-      id: 'id-6',
-      slug: 'wdcp-22-practice-javascript-syntax-arrays-loops-objects-iterators',
-      title: 'Practice JavaScript Syntax: Arrays, Loops, Objects, Iterators'
-    }]
-  })
-};
-export const DescriptionInColumnLayout = {
-  render: args => /*#__PURE__*/_jsx(ScoreSummary, {
-    ...args,
-    layout: "column",
-    description: "A minimum score of 70% is required on all 6 certification exams to earn a professional certification",
-    subScores: {
-      'id-1': {
-        correct: 2,
-        slug: 'wdcp-22-learn-javascript-syntax-objects',
-        title: 'Learn JavaScript Syntax: Objects',
-        total: 17
-      },
-      'id-2': {
-        correct: 2,
-        slug: 'wdcp-22-learn-javascript-syntax-arrays',
-        title: 'Learn JavaScript Syntax: Arrays',
-        total: 5
-      },
-      'id-3': {
-        correct: 1,
-        slug: 'wdcp-22-learn-javascript-syntax-iterators',
-        title: 'Learn JavaScript Syntax: Iterators',
-        total: 7
-      },
-      'id-4': {
-        correct: 1,
-        slug: 'wdcp-22-learn-javascript-syntax-errors-and-debugging',
-        title: 'Learn JavaScript Syntax: Errors and Debugging',
-        total: 6
-      },
-      'id-5': {
-        correct: 0,
-        slug: 'wdcp-22-learn-javascript-syntax-loops',
-        title: 'Learn JavaScript Syntax: Loops',
-        total: 7
-      }
-    },
-    totalCorrect: 5,
-    totalQuestions: 42,
-    trackSlug: "becp-22-javascript-syntax-part-ii",
-    untestedSubContent: [{
-      id: 'id-6',
-      slug: 'wdcp-22-practice-javascript-syntax-arrays-loops-objects-iterators',
-      title: 'Practice JavaScript Syntax: Arrays, Loops, Objects, Iterators'
-    }]
-  }),
-  name: 'Description in Column Layout'
-};
-export const ColorfulIcons = {
-  render: args => /*#__PURE__*/_jsx(ScoreSummary, {
-    ...args,
-    colorfulIcons: true,
-    totalCorrect: 18,
-    totalQuestions: 26,
-    layout: "column",
-    subScores: {
-      'id-2': {
-        correct: 5,
-        slug: 'becp-22-learn-html-elements-and-structure',
-        title: 'Learn HTML: Elements and Structure',
-        total: 10
-      },
-      'id-3': {
-        correct: 5,
-        slug: 'wdcp-22-learn-css-selectors-and-visual-roles',
-        title: 'Learn CSS: Selectors and Visual Rules',
-        total: 6
-      },
-      'id-1': {
-        correct: 8,
-        slug: 'wdcp-22-learn-javascript-syntax-objects',
-        title: 'Learn JavaScript Syntax: Objects',
-        total: 10
-      }
-    },
-    trackSlug: undefined,
-    untestedSubContent: []
-  })
-};

package/dist/svg.d.ts

@@ -1,7 +0,0 @@
-declare module '*.svg' {
-  const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
-  const content: string;
-
-  export { ReactComponent };
-  export default content;
-}

package/dist/theme.d.ts

@@ -1,5 +0,0 @@
-import { CoreTheme } from '@codecademy/gamut-styles';
-
-declare module '@emotion/react' {
-  export interface Theme extends CoreTheme {}
-}