@codecademy/brand 3.42.1 → 3.42.2-alpha.5347b4bf04.0

package/dist/index.d.ts

@@ -33,7 +33,6 @@ export * from './CurriculumCard/Difficulty';
 export * from './CurriculumCard/Difficulty/types';
 export * from './CurriculumCard/Difficulty/helpers';
 export * from './DropdownButton';
-export * from './EditorialImage';
 export * from './EmptySection';
 export * from './NotFoundContent';
 export * from './ErrorContents';

package/dist/index.js

@@ -33,7 +33,6 @@ export * from './CurriculumCard/Difficulty';
 export * from './CurriculumCard/Difficulty/types';
 export * from './CurriculumCard/Difficulty/helpers';
 export * from './DropdownButton';
-export * from './EditorialImage';
 export * from './EmptySection';
 export * from './NotFoundContent';
 export * from './ErrorContents';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codecademy/brand",
-  "version": "3.42.1",
+  "version": "3.42.2-alpha.5347b4bf04.0",
   "description": "Brand component library for Codecademy",
   "license": "MIT",
   "repository": "git@github.com:codecademy-engineering/mono.git",

package/dist/EditorialImage/index.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-export type EditorialImageProps = {
-    /** The URL used for the image src */
-    image: string;
-    /** Alternative text for the image  */
-    alt: string;
-    /** An optional caption that will display below the image  */
-    caption?: string;
-};
-export declare const EditorialImage: React.FC<EditorialImageProps>;

package/dist/EditorialImage/index.js

@@ -1,22 +0,0 @@
-import * as React from 'react';
-
-// eslint-disable-next-line gamut/no-css-standalone
-import styles from './styles.module.scss';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const EditorialImage = ({
-  image,
-  alt,
-  caption
-}) => /*#__PURE__*/_jsxs("div", {
-  children: [/*#__PURE__*/_jsx("div", {
-    className: styles.imageContainer,
-    children: /*#__PURE__*/_jsx("img", {
-      className: styles.image,
-      alt: alt,
-      src: image
-    })
-  }), caption && /*#__PURE__*/_jsx("span", {
-    className: styles.caption,
-    children: caption
-  })]
-});

package/dist/EditorialImage/styles.module.scss

@@ -1,36 +0,0 @@
-@use "~@codecademy/gamut-styles/utils";
-
-.imageContainer {
-  position: relative;
-  width: calc(100% - 1rem);
-  @include utils.screen-size-gte(utils.$grid-xs-min) {
-    width: inherit;
-  }
-}
-
-.image {
-  width: 100%;
-  position: relative;
-}
-
-.imageContainer::before {
-  content: "";
-  position: absolute;
-  left: 1rem;
-  top: 2rem;
-  background-image: url("../assets/dots.svg");
-  background-repeat: repeat;
-  height: calc(100% - 1rem);
-  width: 100%;
-  z-index: 0;
-  filter: invert(19%) sepia(50%) saturate(3200%) hue-rotate(-24deg)
-    brightness(95%) contrast(97%);
-}
-
-.caption {
-  color: utils.$color-white;
-  opacity: 0.7;
-  font-weight: bold;
-  margin: 1rem 1rem 0;
-  display: block;
-}

package/dist/assets/dots.svg

@@ -1 +0,0 @@
-<svg width="6" height="6" xmlns="http://www.w3.org/2000/svg"><g fill="#FFF" fill-rule="evenodd"><path d="M1 1h1v1H1zm0 1h1v1H1zm1-1h1v1H2zM1 0h1v1H1zM0 1h1v1H0zM4 4h1v1H4zm0 1h1v1H4zm1-1h1v1H5zM4 3h1v1H4zM3 4h1v1H3z"/></g></svg>

package/dist/stories/Molecules/EditorialImage.stories.js

@@ -1,17 +0,0 @@
-import { EditorialImage } from '../../index';
-import { jsx as _jsx } from "react/jsx-runtime";
-const meta = {
-  component: EditorialImage,
-  args: {
-    image: 'https://images.ctfassets.net/go6kr6r0ykrq/4NI4czS6Y3DeaBBlVAoPTL/5a95deb01518e0cbb27bac8c6e00eaf6/broadway_2_70.jpg',
-    alt: 'A picture of two Codecademy employees.',
-    caption: 'You can remove this caption.'
-  }
-};
-export default meta;
-export const Default = {
-  render: args => /*#__PURE__*/_jsx(EditorialImage, {
-    ...args
-  }),
-  name: 'EditorialImage'
-};