file renames (#2154)

Co-authored-by: Brooke Scarlett Yalof <[email protected]>

Author: spark33

.changeset/hot-cats-marry.md

@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/marketing-modal': minor
+---
+
+`title` prop is now typed as ReactNode to allow customizations

packages/marketing-modal/src/BlobSVG/styles.ts renamed to packages/marketing-modal/src/BlobSVG/BlobSVG.styles.ts

@@ -2,10 +2,10 @@ import React from 'react';
 
 import { css, cx } from '@leafygreen-ui/emotion';
 
-import { BlobPosition } from '../MarketingModal/types';
+import { BlobPosition } from '../MarketingModal/MarketingModal.types';
 
-import { baseStyles, themeStyles } from './styles';
-import { BlobSVGProperties, BlobSVGProps } from './types';
+import { baseStyles, themeStyles } from './BlobSVG.styles';
+import { BlobSVGProperties, BlobSVGProps } from './BlobSVG.types';
 
 const blobSVGPaths: Record<BlobPosition, Record<BlobSVGProperties, string>> = {
   [BlobPosition.TopLeft]: {

packages/marketing-modal/src/BlobSVG/BlobSVG.tsx

@@ -1,6 +1,6 @@
 import { Theme } from '@leafygreen-ui/lib';
 
-import { BlobPosition } from '../MarketingModal/types';
+import { BlobPosition } from '../MarketingModal/MarketingModal.types';
 
 export interface BlobSVGProps {
   blobPosition: BlobPosition;

packages/marketing-modal/src/BlobSVG/types.ts renamed to packages/marketing-modal/src/BlobSVG/BlobSVG.types.ts

@@ -3,7 +3,7 @@ import { Theme } from '@leafygreen-ui/lib';
 import { palette } from '@leafygreen-ui/palette';
 import { spacing } from '@leafygreen-ui/tokens';
 
-import { GraphicStyle } from '../MarketingModal/types';
+import { GraphicStyle } from '../MarketingModal/MarketingModal.types';
 
 const centeredContainerStyle = css`
   padding-top: 48px;

packages/marketing-modal/src/Graphic/styles.ts renamed to packages/marketing-modal/src/Graphic/Graphic.styles.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import { cx } from '@leafygreen-ui/emotion';
 
 import { BlobSVG } from '../BlobSVG/BlobSVG';
-import { GraphicStyle } from '../MarketingModal/types';
+import { GraphicStyle } from '../MarketingModal/MarketingModal.types';
 
 import {
   baseStyle,
@@ -12,8 +12,8 @@ import {
   curvedSVGBaseStyles,
   curvedSVGThemeStyles,
   filledStyle,
-} from './styles';
-import { GraphicProps } from './types';
+} from './Graphic.styles';
+import { GraphicProps } from './Graphic.types';
 
 /**
  *

packages/marketing-modal/src/Graphic/Graphic.tsx

@@ -1,6 +1,9 @@
 import { Theme } from '@leafygreen-ui/lib';
 
-import { BlobPosition, GraphicStyle } from '../MarketingModal/types';
+import {
+  BlobPosition,
+  GraphicStyle,
+} from '../MarketingModal/MarketingModal.types';
 
 export interface GraphicProps {
   graphic: React.ReactElement;

packages/marketing-modal/src/Graphic/types.ts renamed to packages/marketing-modal/src/Graphic/Graphic.types.ts

@@ -20,8 +20,12 @@ import {
   linkStyle,
   titleStyle,
   wrapperStyle,
-} from './styles';
-import { BlobPosition, GraphicStyle, MarketingModalProps } from './types';
+} from './MarketingModal.styles';
+import {
+  BlobPosition,
+  GraphicStyle,
+  MarketingModalProps,
+} from './MarketingModal.types';
 
 const MarketingModal = ({
   children,
@@ -91,7 +95,7 @@ const MarketingModal = ({
 MarketingModal.displayName = 'MarketingModal';
 
 MarketingModal.propTypes = {
-  title: PropTypes.string.isRequired,
+  title: PropTypes.element.isRequired,
   graphic: PropTypes.element.isRequired,
   graphicStyle: PropTypes.oneOf(Object.values(GraphicStyle)),
   open: PropTypes.bool,

packages/marketing-modal/src/MarketingModal/styles.ts renamed to packages/marketing-modal/src/MarketingModal/MarketingModal.styles.ts

@@ -1,3 +1,5 @@
+import { ReactNode } from 'react';
+
 import { ModalProps } from '@leafygreen-ui/modal';
 
 export const BlobPosition = {
@@ -15,11 +17,12 @@ export const GraphicStyle = {
 
 export type GraphicStyle = (typeof GraphicStyle)[keyof typeof GraphicStyle];
 
-export interface MarketingModalProps extends Omit<ModalProps, 'size'> {
+export interface MarketingModalProps
+  extends Omit<ModalProps, 'size' | 'title'> {
   /**
    * Text of header element
    */
-  title: string;
+  title: ReactNode;
 
   /**
    * React Element to be rendered as the modal's hero image