From 4b7a60949bb718d9b6db8315cfa1a52e15f9da6b Mon Sep 17 00:00:00 2001
From: rebeccahongsf <rebeccahongsf@gmail.com>
Date: Thu, 2 May 2024 16:05:21 -0700
Subject: [PATCH 1/6] SUP-192 | @rebeccahongsf | update media caption link
 styles

---
 src/components/elements/action-link.tsx              |  8 ++++----
 src/components/elements/link.tsx                     | 12 ++++++------
 .../media-caption-paragraph.tsx                      |  6 +++---
 tailwind.config.js                                   |  8 ++++----
 4 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/components/elements/action-link.tsx b/src/components/elements/action-link.tsx
index beeff0de..d53f0944 100644
--- a/src/components/elements/action-link.tsx
+++ b/src/components/elements/action-link.tsx
@@ -1,5 +1,5 @@
 import Link from "@components/elements/link";
-import {ChevronRightIcon} from "@heroicons/react/20/solid";
+import {ArrowLongRightIcon} from "@heroicons/react/20/solid";
 import {HtmlHTMLAttributes} from "react";
 import {twMerge} from "tailwind-merge";
 
@@ -10,11 +10,11 @@ type Props = HtmlHTMLAttributes<HTMLAnchorElement> & {
   href: string
 }
 
-const ActionLink = ({children, ...props}: Props) => {
+const ActionLink = ({ children, className, ...props }: Props) => {
   return (
-    <Link {...props} className={twMerge("relative", props.className)}>
+    <Link {...props} className={twMerge("relative", className?.replace("link--action", ""))}>
       {children}
-      <ChevronRightIcon height={20} className="ml-2 inline-block mb-2"/>
+      <ArrowLongRightIcon height={20} className="ml-2 inline-block mb-2"/>
     </Link>
   )
 }
diff --git a/src/components/elements/link.tsx b/src/components/elements/link.tsx
index e754e9af..03f7b94b 100644
--- a/src/components/elements/link.tsx
+++ b/src/components/elements/link.tsx
@@ -12,7 +12,7 @@ type Props = HtmlHTMLAttributes<HTMLAnchorElement | HTMLButtonElement> & LinkPro
   href: string
 }
 
-const DrupalLink = ({href, className, children, ...props}: Props) => {
+const DrupalLink = ({href, children, ...props}: Props) => {
   // Make sure all links have a href.
   href = href || "#"
   const drupalBase: string = (process.env.NEXT_PUBLIC_DRUPAL_BASE_URL || "").replace(/\/$/, "");
@@ -21,7 +21,7 @@ const DrupalLink = ({href, className, children, ...props}: Props) => {
     href = href.replace(drupalBase, "").replace("<front>", "/");
   }
 
-  if (className?.includes("link--action")) {
+  if (props.className?.includes("link--action")) {
     return (
       <ActionLink href={href} {...props}>
         {children}
@@ -29,12 +29,12 @@ const DrupalLink = ({href, className, children, ...props}: Props) => {
     )
   }
 
-  if (className?.includes("button")) {
+  if (props.className?.includes("button")) {
     return (
       <Button
         href={href}
-        big={className.includes("--big")}
-        secondary={className.includes("--secondary")}
+        big={props.className.includes("--big")}
+        secondary={props.className.includes("--secondary")}
         {...props}
       >
         {children}
@@ -43,7 +43,7 @@ const DrupalLink = ({href, className, children, ...props}: Props) => {
   }
 
   return (
-    <Link href={href} className={className} {...props}>
+    <Link href={href} className={props.className} {...props}>
       {children}
       {href.startsWith("mailto") &&
         <EnvelopeIcon width={20} className="ml-4 inline-block"/>
diff --git a/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx b/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx
index 007b6bda..f0d025bf 100644
--- a/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx
+++ b/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx
@@ -32,14 +32,14 @@ const MediaCaptionParagraph = ({paragraph, ...props}: Props) => {
       }
       {videoUrl && <Oembed url={videoUrl}/>}
 
-      <figcaption className="text-archway-dark">
+      <figcaption>
         {paragraph.suMediaCaptionLink?.url &&
-          <Link href={paragraph.suMediaCaptionLink.url} className="link--action">
+          <Link href={paragraph.suMediaCaptionLink.url} className="link--action text-stone-dark hocus:text-archway-dark">
             {paragraph.suMediaCaptionLink.title}
           </Link>
         }
 
-        <Wysiwyg html={paragraph.suMediaCaptionCaption?.processed}/>
+        <Wysiwyg html={paragraph.suMediaCaptionCaption?.processed} className="text-archway-dark"/>
 
       </figcaption>
     </figure>
diff --git a/tailwind.config.js b/tailwind.config.js
index d707f491..21feb7fb 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -44,10 +44,10 @@ module.exports = {
       scale: {
         '-100': '-1',
       },
-      colors: {
-        'press-indigo': '#003D69',
-        'press-grass': '#00593E',
-      },
+    },
+    colors: {
+      'press-indigo': '#003D69',
+      'press-grass': '#00593E',
     },
   },
   plugins: [

From a7981e0763dc5ac9c97df369c86f0f9b124ebf8f Mon Sep 17 00:00:00 2001
From: rebeccahongsf <rebeccahongsf@gmail.com>
Date: Thu, 2 May 2024 16:13:37 -0700
Subject: [PATCH 2/6] fixup media caption and add spacer

---
 .../stanford-media-caption/media-caption-paragraph.tsx          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx b/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx
index f0d025bf..8819330f 100644
--- a/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx
+++ b/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx
@@ -39,7 +39,7 @@ const MediaCaptionParagraph = ({paragraph, ...props}: Props) => {
           </Link>
         }
 
-        <Wysiwyg html={paragraph.suMediaCaptionCaption?.processed} className="text-archway-dark"/>
+        <Wysiwyg html={paragraph.suMediaCaptionCaption?.processed} className="text-archway-dark children:text-18 rs-mb-4"/>
 
       </figcaption>
     </figure>

From e955d15f8a2512c35e9aafcda36557d44edf6325 Mon Sep 17 00:00:00 2001
From: rebeccahongsf <rebeccahongsf@gmail.com>
Date: Thu, 2 May 2024 16:25:46 -0700
Subject: [PATCH 3/6] remove redundant className

---
 src/components/elements/link.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/elements/link.tsx b/src/components/elements/link.tsx
index 03f7b94b..91d5857d 100644
--- a/src/components/elements/link.tsx
+++ b/src/components/elements/link.tsx
@@ -43,7 +43,7 @@ const DrupalLink = ({href, children, ...props}: Props) => {
   }
 
   return (
-    <Link href={href} className={props.className} {...props}>
+    <Link href={href} {...props}>
       {children}
       {href.startsWith("mailto") &&
         <EnvelopeIcon width={20} className="ml-4 inline-block"/>

From 686a5f7d66bd08cacbfdb106e578c4f0a3ac83da Mon Sep 17 00:00:00 2001
From: rebeccahongsf <rebeccahongsf@gmail.com>
Date: Thu, 2 May 2024 16:28:58 -0700
Subject: [PATCH 4/6] add custom color bay light light and sand

---
 tailwind.config.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/tailwind.config.js b/tailwind.config.js
index 21feb7fb..e44f09b8 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -48,6 +48,8 @@ module.exports = {
     colors: {
       'press-indigo': '#003D69',
       'press-grass': '#00593E',
+      'press-bay-light-light': '#a0d2bf',
+      'press-sand': '#9c9286'
     },
   },
   plugins: [

From 7cd536290a0afd48b7296e8a918b1a916e0706ed Mon Sep 17 00:00:00 2001
From: rebeccahongsf <rebeccahongsf@gmail.com>
Date: Fri, 3 May 2024 10:47:39 -0700
Subject: [PATCH 5/6] fixup format

---
 tailwind.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index e44f09b8..8c2f18ad 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -49,7 +49,7 @@ module.exports = {
       'press-indigo': '#003D69',
       'press-grass': '#00593E',
       'press-bay-light-light': '#a0d2bf',
-      'press-sand': '#9c9286'
+      'press-sand': '#9c9286',
     },
   },
   plugins: [

From 7960a0933b84bc626e89fef3e24a5bbbe0985997 Mon Sep 17 00:00:00 2001
From: rebeccahongsf <rebeccahongsf@gmail.com>
Date: Fri, 3 May 2024 12:34:47 -0700
Subject: [PATCH 6/6] replace button class to prevent loop

---
 src/components/elements/button.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/elements/button.tsx b/src/components/elements/button.tsx
index 6b907455..7653334e 100644
--- a/src/components/elements/button.tsx
+++ b/src/components/elements/button.tsx
@@ -80,7 +80,7 @@ export const Button = ({
   return (
     <Link
       href={href}
-      className={twMerge(standardClasses, className)}
+      className={twMerge(standardClasses, className?.replace("button", ""))}
       {...props}
     >
       {children}