Merge branch 'develop' into feat/sw-222-staycard-link

components/TempDesignSystem/Card/CardImage/index.tsx

@@ -24,6 +24,7 @@ export default function CardImage({
                 alt={backgroundImage.title}
                 width={180}
                 height={180}
+                focalPoint={backgroundImage.focalPoint}
               />
             )
         )}

components/TempDesignSystem/Card/index.tsx

@@ -34,7 +34,7 @@ export default function Card({
 
   imageWidth =
     imageWidth ||
-    (backgroundImage && "dimensions" in backgroundImage
+    (backgroundImage?.dimensions
       ? backgroundImage.dimensions.aspectRatio * imageHeight
       : 420)
 
@@ -53,6 +53,7 @@ export default function Card({
             alt={backgroundImage.meta.alt || backgroundImage.title}
             width={imageWidth}
             height={imageHeight}
+            focalPoint={backgroundImage.focalPoint}
           />
         </div>
       )}

components/TempDesignSystem/Form/ChoiceCard/_Card/index.tsx

@@ -28,7 +28,7 @@ export default function Card({
   const { register } = useFormContext()
 
   return (
-    <label className={styles.label} data-declined={declined}>
+    <label className={styles.label} data-declined={declined} tabIndex={0}>
       <Caption className={styles.title} type="label" uppercase>
         {title}
       </Caption>

components/TempDesignSystem/LoyaltyCard/index.tsx

@@ -32,6 +32,7 @@ export default function LoyaltyCard({
           height={160}
           className={styles.image}
           alt={image.meta.alt || image.title}
+          focalPoint={image.focalPoint}
         />
       ) : null}
       <Title as="h5" level="h3" textAlign="center">

components/TempDesignSystem/TeaserCard/index.tsx

@@ -35,6 +35,7 @@ export default function TeaserCard({
             className={styles.backgroundImage}
             width={399}
             height={201}
+            focalPoint={image.focalPoint}
           />
         </div>
       )}

components/TempDesignSystem/TeaserCard/teaserCard.module.css

@@ -2,7 +2,6 @@
   border-radius: var(--Corner-radius-Medium);
   display: flex;
   flex-direction: column;
-  max-width: 399px;
   overflow: hidden;
 }