@apolitical/component-library 5.2.2 → 5.3.0

package/navigation/enriched-url/enriched-url.d.ts

@@ -1,26 +1,32 @@
+import React from 'react';
+export interface IEnrichedUrlData {
+    /** An image to show */
+    image?: {
+        /** The image file */
+        src: string;
+        /** The width of the image */
+        width?: number;
+        /** The height of the image */
+        height?: number;
+        /** The alt text for the image */
+        alt?: string;
+    };
+    /** The url to link to */
+    url: string;
+    /** The title text to show on the link */
+    title: string;
+    /** Paragraph text to show on the link; this is only shown on extra-large and large sizes */
+    description?: string;
+}
 interface Props {
     /** The style of the link. Defaults to 'default', which shows all of the details. */
     variant?: 'default' | 'condensed';
     /** The data to render in the link */
-    data: {
-        /** An image to show */
-        image?: {
-            /** The image file */
-            src: string;
-            /** The width of the image */
-            width?: number;
-            /** The height of the image */
-            height?: number;
-            /** The alt text for the image */
-            alt?: string;
-        };
-        /** The url to link to */
-        url: string;
-        /** The title text to show on the link */
-        title: string;
-        /** Paragraph text to show on the link; this is only shown on extra-large and large sizes */
-        description?: string;
-    };
+    data: IEnrichedUrlData;
+    /** An optional function to call when the link is clicked, instead of opening the link */
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    /** An optional aria-label, so we can explain to screen readers what the onClick will do */
+    'aria-label'?: string;
     /** The Google Tag Manager data to be passed to the link */
     gtm?: {
         /** The context of the event for GTM */
@@ -29,5 +35,5 @@ interface Props {
         event?: string;
     };
 }
-declare const EnrichedUrl: ({ variant, data: { image, url, title, description }, gtm, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const EnrichedUrl: ({ variant, data: { image, url, title, description }, onClick, gtm, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default EnrichedUrl;

package/navigation/enriched-url/index.d.ts

@@ -1 +1 @@
-export { default as EnrichedUrl } from './enriched-url';
+export { default as EnrichedUrl, type IEnrichedUrlData } from './enriched-url';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "5.2.2",
+  "version": "5.3.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {

package/sections/full-width-section/full-width-section.d.ts

@@ -4,8 +4,6 @@ interface Props {
     styling?: {
         /** The background of the section. Defaults to `default` */
         background?: 'default' | 'light' | 'dark';
-        /** The size of the padding. Defaults to `none` */
-        padding?: 'none' | 'medium' | 'large';
     };
     /** Additional classes */
     className?: string;