@apolitical/component-library 8.7.11 → 8.7.12-re.1

package/cards/card/card.d.ts

@@ -1,3 +1,3 @@
 import type { CardProps } from './../cards.types';
-declare const Card: ({ id, className, buildCardData, buildMemberData, card, cta, gtmContext, handleCardClick, meta, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+declare const Card: ({ id, className, buildCardData, buildMemberData, card, cta, gtmContext, handleCardClick, meta, onClick, }: CardProps) => import("react/jsx-runtime").JSX.Element;
 export default Card;

package/cards/card-block/card-block.d.ts

@@ -11,6 +11,8 @@ export interface ICardBlockProps {
     /** Additional classes to add to the card block */
     className?: string;
     focusCardIndex?: number;
+    /** A callback to run when the user clicks on the card */
+    onClick?: (link: string) => void;
 }
 declare const CardBlock: ({ cards, cardTypes, className, gtmContext, ...props }: ICardBlockProps) => import("react/jsx-runtime").JSX.Element;
 export default CardBlock;

package/cards/cards.types.d.ts

@@ -104,6 +104,8 @@ export interface CardProps {
         /** If the browser should focus on this card */
         setFocus?: boolean;
     };
+    /** A callback to run when the user clicks on the card */
+    onClick?: (link: string) => void;
 }
 export interface CarouselTitleProps {
     /** The title text */
@@ -156,6 +158,8 @@ export interface IndividualCarouselProps extends BaseCarouselProps {
     cards: CardType[];
     /** The types for each card, from Contentful */
     cardTypes: CardContentType[];
+    /** A callback to run when the user clicks on the card */
+    onClick?: (link: string) => void;
 }
 export interface NarrowCardType {
     /** The image to use */