Adding card variant.

SU-SWS · May 7, 2024 · 3ca7289 · 3ca7289
1 parent 5c7c1e2
commit 3ca7289
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/paragraphs/stanford-card/card-paragraph.tsx b/src/components/paragraphs/stanford-card/card-paragraph.tsx
@@ -21,8 +21,8 @@ const CardParagraph = ({paragraph, ...props}: Props) => {
   const headerTagChoice = (behaviors.su_card_styles?.heading || "h2").split(".", 2);
   const headerTag = headerTagChoice[0]
   const headerClasses = headerTagChoice[1]?.replace(".", " ").replace("su-font-splash", "text-m2 font-bold")
-
-  const hideHeader = behaviors.su_card_styles?.hide_heading;
+  const cardVariant = behaviors.su_card_styles?.card_variant;
+  const hideHeader = behaviors.su_card_styles?.heading;
 
   return (
     <ImageCard
@@ -32,6 +32,7 @@ const CardParagraph = ({paragraph, ...props}: Props) => {
       imageAlt={image?.alt}
       videoUrl={videoUrl}
       isArticle={!!paragraph.suCardHeader}
+      className={cardVariant}
     >
       {paragraph.suCardHeader &&
         <div id={paragraph.id} className={twMerge("order-2", hideHeader && "sr-only")}>

diff --git a/src/lib/drupal/drupal-jsonapi.d.tsx b/src/lib/drupal/drupal-jsonapi.d.tsx
@@ -37,4 +37,5 @@ export type ParagraphBehaviors = {
   su_card_styles?: CardParagraphBehaviors
   hero_pattern?: BannerParagraphBehaviors
   stanford_teaser?: TeaserParagraphBehaviors
+  card_variant?: BannerParagraphBehaviors
 }