feat(SW-391): Changes after PR

components/TempDesignSystem/SidePeek/index.tsx

@@ -83,7 +83,7 @@ function SidePeek({
                     aria-label={intl.formatMessage({ id: "Close" })}
                     className={styles.closeButton}
                     intent="text"
-                    onClick={onClose}
+                    onPress={onClose}
                   >
                     <CloseLargeIcon color="burgundy" />
                   </Button>

components/TempDesignSystem/TeaserCard/Sidepeek/index.tsx

@@ -11,19 +11,19 @@ import SidePeek from "../../SidePeek"
 
 import styles from "./sidepeek.module.css"
 
-import { TeaserCardSidepeekProps } from "@/types/components/teaserCard"
+import type { TeaserCardSidepeekProps } from "@/types/components/teaserCard"
 
 export default function TeaserCardSidepeek({
   button,
-  data,
+  sidePeekContent,
 }: TeaserCardSidepeekProps) {
   const [sidePeekIsOpen, setSidePeekIsOpen] = useState(false)
-  const { heading, content, primary_button, secondary_button } = data
+  const { heading, content, primary_button, secondary_button } = sidePeekContent
 
   return (
     <>
       <Button
-        onClick={() => setSidePeekIsOpen(true)}
+        onPress={() => setSidePeekIsOpen(true)}
         theme="base"
         variant="icon"
         intent="text"

components/TempDesignSystem/TeaserCard/index.tsx

@@ -46,7 +46,10 @@ export default function TeaserCard({
           {description}
         </Body>
         {sidePeekButton && sidePeekContent ? (
-          <TeaserCardSidepeek button={sidePeekButton} data={sidePeekContent} />
+          <TeaserCardSidepeek
+            button={sidePeekButton}
+            sidePeekContent={sidePeekContent}
+          />
         ) : (
           <div className={styles.ctaContainer}>
             {primaryButton && (